:root{--bg-primary:#f8f9fa;--bg-card:#ffffff;--bg-input:#ffffff;--text-primary:#1a1a2e;--text-secondary:#555;--text-muted:#888;--border-color:#ddd;--accent:#2e7d32;--accent-light:#4caf50;--accent-bg:#e8f5e9;--danger:#dc3545;--danger-bg:#fce4ec;--shadow:0 2px 12px rgba(0, 0, 0, 0.08);--shadow-hover:0 4px 20px rgba(0, 0, 0, 0.12);--radius:12px;--radius-sm:8px;--transition:0.25s ease}[data-theme=dark]{--bg-primary:#121212;--bg-card:#1e1e1e;--bg-input:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#777;--border-color:#333;--accent:#66bb6a;--accent-light:#81c784;--accent-bg:#1b3a1b;--danger:#ef5350;--danger-bg:#3a1a1a;--shadow:0 2px 12px rgba(0, 0, 0, 0.3);--shadow-hover:0 4px 20px rgba(0, 0, 0, 0.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background var(--transition),color var(--transition)}.container{max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:var(--text-muted)}.hero{text-align:center;margin-bottom:2rem}.hero h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.hero p{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:box-shadow var(--transition),background var(--transition),border-color var(--transition)}.card h2{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:.5rem}.card h2 .icon{font-size:1.3rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;flex:1;min-width:140px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.3rem}input[type=number],input[type=text],select{padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition),background var(--transition);width:100%}input:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(76,175,80,.15)}input[type=number]::-webkit-inner-spin-button{opacity:1}.multiplier-display{text-align:center;padding:.8rem;background:var(--accent-bg);border-radius:var(--radius-sm);margin-bottom:1rem;font-size:1.1rem;font-weight:700;color:var(--accent);border:1px solid var(--accent)}.multiplier-display span{font-size:1.4rem}.ingredient-list{list-style:none}.ingredient-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.ingredient-row input{flex:1;min-width:80px}.ingredient-row input.ing-name{flex:3;min-width:120px}.ingredient-row select.ing-unit{flex:1;min-width:90px}.ingredient-row input.ing-qty{flex:0.8;min-width:70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:0 0;color:var(--danger);border:none;padding:.5rem;font-size:1.2rem;min-width:36px;min-height:36px}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-block{width:100%}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.preset-btn{padding:.7rem .5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition);color:var(--text-primary);font-size:.85rem;font-weight:500}.preset-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.preset-btn .preset-icon{display:block;font-size:1.5rem;margin-bottom:.2rem}.preset-btn .preset-name{display:block}.results-table{width:100%;border-collapse:collapse;margin:1rem 0}.results-table td,.results-table th{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}.results-table th{background:var(--accent-bg);color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.results-table td{color:var(--text-primary)}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover td{background:var(--accent-bg)}.scaled-qty{font-weight:700;color:var(--accent);font-size:1rem}.original-qty{color:var(--text-muted);text-decoration:line-through;font-size:.85rem;margin-right:.5rem}.yield-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.yield-item{text-align:center;padding:1rem;background:var(--accent-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.yield-item .yield-value{font-size:1.5rem;font-weight:800;color:var(--accent)}.yield-item .yield-label{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.per-person-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin-top:.5rem}.per-person-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.85rem}.per-person-item .pp-name{color:var(--text-secondary)}.per-person-item .pp-qty{font-weight:700;color:var(--accent)}.tips-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.tips-list li{padding:.8rem 1rem;background:var(--bg-input);border-radius:var(--radius-sm);border-left:3px solid var(--accent);font-size:.88rem;color:var(--text-secondary);line-height:1.5}.tips-list li strong{color:var(--text-primary)}.hidden{display:none!important}@media print{body{background:#fff;color:#000}.container{max-width:100%;padding:0}.breadcrumb,.card.config-card,.card.ingredients-card,.card.presets-card,.card.tips-card,.hero,.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.card h2{color:#2e7d32}.results-table th{background:#e8f5e9;color:#2e7d32}.yield-item{background:#f5f5f5;border:1px solid #ccc}.print-header{display:block!important;text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2e7d32}.print-header h1{font-size:1.5rem;color:#2e7d32}.print-header p{color:#666;font-size:.9rem}}.print-header{display:none}@media (max-width:600px){.container{padding:1rem .7rem 2rem}.hero h1{font-size:1.4rem}.form-row{flex-direction:column}.ingredient-row{flex-direction:column;align-items:stretch}.ingredient-row input,.ingredient-row select{min-width:100%}.ingredient-row .btn-danger{align-self:flex-end}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.results-table{font-size:.8rem}.results-table td,.results-table th{padding:.5rem}}