.breadcrumb{max-width:920px;margin:0 auto;padding:1.25rem 2rem 0;font-size:.8rem;color:var(--text-soft);font-weight:500}.breadcrumb a{color:var(--text-soft);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{margin:0 .35rem;opacity:.5}.calc-header{max-width:920px;margin:0 auto;padding:1.5rem 2rem 0}.calc-header-inner{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.calc-header-icon{width:52px;height:52px;border-radius:10px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calc-header-icon svg{width:26px;height:26px}.calc-header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.subtitle{font-size:1rem;color:var(--text-mid);max-width:600px;line-height:1.6;margin-bottom:.5rem}.calc-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-soft);font-weight:500}.calc-meta-row span{display:flex;align-items:center;gap:.3rem}.calc-meta-row svg{width:14px;height:14px}.calc-layout{max-width:920px;margin:0 auto;padding:1.75rem 2rem 2rem;display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}.input-panel{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.5rem;position:sticky;top:80px}.input-panel h2{font-size:.92rem;font-weight:700;margin-bottom:1.25rem}.field{margin-bottom:1.1rem}.field:last-child{margin-bottom:0}.field label{display:block;font-size:.78rem;font-weight:600;color:var(--text-mid);margin-bottom:.35rem;line-height:1.35}.field input[type=time],.field input[type=number]{width:100%;padding:.6rem .85rem;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.9rem;color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.field input[type=time]:focus,.field input[type=number]:focus{border-color:var(--primary)}.input-unit-wrap{position:relative}.input-unit-wrap input{padding-right:3rem}.input-unit-wrap .unit{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.78rem;font-weight:600;color:var(--text-soft);pointer-events:none}.field .hint{font-size:.72rem;color:var(--text-soft);margin-top:.25rem;line-height:1.4}.divider{height:1px;background:var(--border);margin:1.1rem 0}.servings-row{display:flex;align-items:center;gap:.5rem}.servings-row button{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);font-size:1.1rem;font-weight:600;color:var(--text-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:all .15s}.servings-row button:hover{border-color:var(--primary);color:var(--primary)}.servings-row .count{flex:1;text-align:center;font-size:1.15rem;font-weight:700}.results-panel{display:flex;flex-direction:column;gap:1rem}.result-hero{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.5rem 1.75rem;display:flex;align-items:center;gap:1.75rem;transition:border-color .3s,background .3s}.result-hero.r-excellent{border-color:#10b981;background:#f0fdf4}.result-hero.r-good{border-color:#34d399;background:#f0fdf4}.result-hero.r-fair{border-color:#f59e0b;background:#fffbeb}.result-hero.r-poor{border-color:#ef4444;background:#fef2f2}.hero-ring-wrap{position:relative;flex-shrink:0;width:140px;height:140px}.progress-ring{width:140px;height:140px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border);stroke-width:10}.ring-fill{fill:none;stroke:#10b981;stroke-width:10;stroke-linecap:round;stroke-dasharray:364.4;stroke-dashoffset:0;transition:stroke-dashoffset .6s ease,stroke .3s}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.eff-pct{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1;transition:color .3s}.eff-rating{font-size:.72rem;font-weight:700;color:var(--text-soft);margin-top:.15rem;text-transform:uppercase;letter-spacing:.06em}.hero-right{flex:1}.hero-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:.3rem}.hero-benchmark{font-size:.85rem;color:var(--text-mid);margin-bottom:.5rem}.hero-benchmark strong{color:var(--text)}.hero-detail{font-size:.88rem;color:var(--text-mid);line-height:1.5}.hero-detail strong{color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.stat-card{background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:1rem;text-align:center}.stat-card .stat-num{font-size:1.35rem;font-weight:800;line-height:1;margin-bottom:.2rem}.stat-card .stat-label{font-size:.7rem;color:var(--text-soft);font-weight:500;line-height:1.3}.stat-card.s-mint .stat-num{color:#10b981}.stat-card.s-primary .stat-num{color:var(--primary)}.stat-card.s-amber .stat-num{color:#f59e0b}.breakdown-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem}.breakdown-card h3{font-size:.88rem;font-weight:700;margin-bottom:.85rem}.timeline-bar{width:100%;height:36px;border-radius:8px;overflow:hidden;display:flex;margin-bottom:.75rem}.tl-seg{height:100%;transition:width .5s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.tl-seg-label{font-size:.62rem;font-weight:700;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .3rem}.timeline-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tl-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-mid);font-weight:500}.tl-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.guidance-card{background:var(--card);border:1.5px solid var(--border);border-left-width:4px;border-radius:14px;padding:1.25rem;display:flex;gap:.875rem;align-items:flex-start;transition:border-color .3s}.guidance-card.g-excellent{border-left-color:#10b981}.guidance-card.g-good{border-left-color:#34d399}.guidance-card.g-fair{border-left-color:#f59e0b}.guidance-card.g-poor{border-left-color:#ef4444}.guidance-icon{flex-shrink:0;margin-top:.1rem}.guidance-icon.gi-excellent svg{stroke:#10b981}.guidance-icon.gi-good svg{stroke:#34d399}.guidance-icon.gi-fair svg{stroke:#f59e0b}.guidance-icon.gi-poor svg{stroke:#ef4444}.guidance-body{flex:1}.guidance-body h4{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.guidance-body p{font-size:.83rem;color:var(--text-mid);line-height:1.6;margin-bottom:.5rem}.guidance-body p:last-child{margin-bottom:0}.guidance-body strong{color:var(--text)}.guidance-tip{background:var(--bg-tint);border-radius:8px;padding:.65rem .85rem;font-size:.8rem;color:var(--text-mid);line-height:1.5;margin-top:.65rem}.guidance-tip strong{color:var(--text)}.science-section{max-width:920px;margin:0 auto;padding:0 2rem 3rem}.science-card{background:var(--bg-tint);border:1.5px solid var(--border);border-radius:14px;padding:2rem}.science-card h2{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.science-card p{font-size:.88rem;color:var(--text-mid);line-height:1.65;margin-bottom:.85rem}.science-card p:last-of-type{margin-bottom:0}.formula-box{background:#1e1b2e;color:#edeaff;border-radius:10px;padding:1rem 1.25rem;font-family:Space Grotesk,monospace;font-size:.92rem;margin:1rem 0;text-align:center}.formula-box .formula-main{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.formula-box .formula-desc{font-size:.75rem;color:#a8a3be}.citation{font-size:.78rem;color:var(--text-soft);line-height:1.5;padding-left:.85rem;border-left:2px solid var(--border);margin-top:1.5rem}.citation em{color:var(--text-mid)}@media(max-width:768px){.calc-header{padding:1rem 1.25rem 0}.calc-layout{grid-template-columns:1fr;padding:1.25rem}.input-panel{position:static}.result-hero{flex-direction:column;text-align:center;gap:1rem}.hero-right{text-align:center}.stat-grid{grid-template-columns:1fr}.science-section{padding:0 1.25rem 2rem}}