:root{--ink:#111;--paper:#fff;--cream:#f5f0e6;--cream-deep:#e9dfcf;--muted:#5f5a53;--pink:#f7b2c5;--pink-ink:#a61d52;--matcha:#aec98e;--matcha-ink:#48632f;--error:#9c173f;--focus:#c81f5c;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{background:linear-gradient(90deg, var(--pink) 0 33.333%, var(--ink) 33.333% 66.666%, var(--matcha) 66.666%) top / 100% .5rem no-repeat, var(--cream);min-width:20rem;min-height:100svh;margin:0}button,input,select{font:inherit}button,select{touch-action:manipulation}.app-shell{width:min(100% - 1.5rem,76rem);margin-inline:auto;padding-block:clamp(2.75rem,8vw,6rem) clamp(3.5rem,9vw,7rem)}.hero{border-bottom:.2rem solid var(--ink);max-width:64rem;padding-bottom:clamp(2rem,6vw,4rem);position:relative}.hero:after{background:linear-gradient(90deg, var(--pink) 0 42%, var(--ink) 42% 58%, var(--matcha) 58%);content:"";width:min(100%,15rem);height:.75rem;margin-top:clamp(1.75rem,5vw,3rem);display:block}.wordmark,.eyebrow,.section-label{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900;line-height:1.25}.wordmark{width:fit-content;color:var(--paper);background:var(--ink);border:.12rem solid var(--ink);box-shadow:.35rem .35rem 0 var(--pink);letter-spacing:.08em;border-radius:.15rem;margin-bottom:clamp(2.75rem,8vw,5.5rem);padding:.7rem .85rem .65rem;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:.85rem}.eyebrow,.section-label{color:var(--pink-ink)}h1,h2,p,dt,dd,label,legend{overflow-wrap:break-word}h1,h2{font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}h1{letter-spacing:-.065em;max-width:9ch;margin:.65rem 0 1.25rem;font-size:clamp(2.9rem,15vw,6.75rem);line-height:.88}.hero-copy{max-width:40rem;color:var(--muted);margin:0;font-size:clamp(1rem,3.8vw,1.25rem);line-height:1.65}.calculator-layout{gap:clamp(1.5rem,4vw,2.5rem);min-width:0;margin-top:clamp(2.5rem,8vw,5.5rem);display:grid}.items-panel,.summary-card{border:.12rem solid var(--ink);border-radius:.3rem;min-width:0;padding:clamp(1rem,4vw,2.25rem)}.items-panel{background:var(--paper);box-shadow:.45rem .45rem 0 var(--pink)}.section-heading{max-width:42rem}.section-heading h2,.summary-card h2{letter-spacing:-.04em;margin:.55rem 0 .85rem;font-size:clamp(1.55rem,6vw,2.5rem);line-height:1}.section-heading>:last-child,.source-note,.no-total-message,.field-hint,.empty-rows-message{color:var(--muted);margin:0;line-height:1.6}.item-list{gap:1.25rem;margin:clamp(1.75rem,5vw,2.5rem) 0;padding:0;list-style:none;display:grid}.item-list>li{min-width:0}.item-row{background:var(--cream);border:.1rem solid var(--ink);border-radius:.2rem;gap:1.15rem;min-width:0;margin:0;padding:clamp(.9rem,3vw,1.35rem);display:grid}.item-row legend{max-width:100%;color:var(--paper);background:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:.35rem .55rem;font-size:.78rem;font-weight:900;line-height:1.2}.field{gap:.5rem;min-width:0;display:grid}.field label{font-size:.92rem;font-weight:800;line-height:1.35}select,input{width:100%;min-width:0;min-height:3rem;color:var(--ink);background:var(--paper);border:.1rem solid var(--ink);border-radius:.2rem;padding:.72rem .8rem;font-size:1rem;line-height:1.25}select:hover,input:hover{border-color:var(--pink-ink)}select[aria-invalid=true],input[aria-invalid=true]{border-color:var(--error);box-shadow:inset .28rem 0 0 var(--error);background:#fff7f9}select:disabled,input:disabled,button:disabled{color:#68625b;cursor:not-allowed;opacity:1;background:#e5ded4}option:disabled{color:#6b655e}.grams-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;display:grid}.grams-control span{font-weight:900}.field-hint,.validation-message{font-size:.875rem}.validation-message{color:var(--error);margin:0;font-weight:800;line-height:1.45}.validation-message:before{content:"Error: "}button{min-width:2.75rem;min-height:2.75rem;color:var(--ink);background:var(--paper);cursor:pointer;border:.1rem solid;border-radius:.2rem;padding:.72rem 1rem;font-weight:900;line-height:1.2;transition:background-color .14s,color .14s,transform .14s,box-shadow .14s}.remove-button{text-underline-offset:.18em;justify-self:start;text-decoration:underline;text-decoration-thickness:.08em}.add-button{width:100%;min-height:3.25rem;color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:.28rem .28rem 0 var(--matcha)}button:active{box-shadow:none;transform:translate(.12rem,.12rem)}button:focus-visible,input:focus-visible,select:focus-visible,.source-note a:focus-visible,.summary-card:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}.summary-card{color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:.45rem .45rem 0 var(--matcha);scroll-margin-block:1.5rem}.summary-card .section-label{color:var(--matcha)}.summary-state{flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem;margin-block:1.4rem .9rem;display:flex}.summary-state p{margin:0;font-weight:900}.summary-state p:first-child{width:fit-content;color:var(--ink);background:var(--matcha);letter-spacing:.06em;text-transform:uppercase;padding:.28rem .45rem;font-size:.78rem;line-height:1.2}.nutrition-totals{gap:0;margin:0;display:grid}.nutrition-totals div{border-bottom:1px solid #575757;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:.75rem;min-width:0;padding-block:.9rem;display:grid}.nutrition-totals dt{color:#d8d0c4;min-width:0;line-height:1.35}.nutrition-totals dd{min-width:0;max-width:15ch;color:var(--paper);overflow-wrap:anywhere;text-align:right;margin:0;font-size:clamp(1.05rem,4.8vw,1.35rem);font-weight:900;line-height:1.2}.source-note,.no-total-message{color:#d8d0c4;margin-top:1.4rem}.source-note{border-top:1px solid #575757;padding-top:1.25rem;font-size:.875rem}.source-note a{color:inherit;text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.08em}.no-total-message p{margin:0 0 .55rem}.no-total-message p:first-child{color:var(--paper);font-weight:900}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.remove-button:hover{color:var(--paper);background:var(--pink-ink)}.add-button:hover{color:var(--ink);background:var(--matcha);box-shadow:.28rem .28rem 0 var(--ink)}}@media (width>=45rem){.app-shell{width:min(100% - 4rem,76rem)}.item-row{grid-template-columns:minmax(0,1.65fr) minmax(10.5rem,.75fr);align-items:start}.remove-button{grid-column:1/-1}}@media (width>=64rem){.hero-copy{margin-left:18%}.calculator-layout{grid-template-columns:minmax(0,1.75fr) minmax(19rem,.85fr);align-items:start}}@media (width>=64rem) and (height>=44rem){.summary-card{position:sticky;top:1.5rem}}@media (prefers-reduced-motion:reduce){button{transition:none}}