:root{--color-bg:#f7f4ef;--color-surface:#fff;--color-text:#201a15;--color-muted:#6e6259;--color-border:#ded6cd;--color-accent:#d7902f;--color-danger:#b42318;--color-warning:#b7791f;--color-success:#227a3a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;font-family:var(--font-family-base);color:var(--color-text);background:radial-gradient(circle at top, #ffffffd6, transparent 34%), linear-gradient(180deg, #fcfaf6 0%, var(--color-bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}#root{min-height:100vh}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{color:var(--color-text);line-height:1.1}h1{font-size:clamp(2.25rem,5vw,4.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem)}button,input,select,textarea{font:inherit}button,input,select{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%}input,select{background:var(--color-surface);color:var(--color-text);padding:.8rem .9rem}button{background:var(--color-accent);color:#2b1d09;cursor:pointer;width:auto;padding:.85rem 1.15rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}button:hover{transform:translateY(-1px);box-shadow:0 .75rem 1.5rem #d7902f2e}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d7902f47}button:active{transform:translateY(0)}.button--secondary{color:var(--color-text);box-shadow:none;background:0 0}.button--secondary:hover{box-shadow:none;filter:brightness(.98)}ul{margin:0;padding-left:1.25rem}.field{gap:var(--space-2);display:grid}.field__label{color:var(--color-text);font-weight:600}.field__help{color:var(--color-muted);margin:0;font-size:.92rem}.field__control{display:grid}.field__error{color:var(--color-danger);margin:0;font-size:.92rem}.calculator-form{gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + .25rem);display:grid;box-shadow:0 1.25rem 3rem #201a1514}.calculator-form__section{gap:var(--space-4);display:grid}.calculator-form__actions{justify-content:flex-start;display:flex}.calculator-form__actions button{min-width:min(100%,22rem)}.calculator-form__errors{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#b423180f;border:1px solid #b4231829;display:grid}.calculator-form__error-item{color:var(--color-danger);margin:0}.condition-indicator{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fffdf9;display:grid}.condition-indicator--dont-drink{background:#b4231814;border-color:#b4231840}.condition-indicator--cooling,.condition-indicator--almost-ready{background:#b7791f14;border-color:#b7791f40}.condition-indicator--perfect,.condition-indicator--still-okay{background:#227a3a14;border-color:#227a3a40}.condition-indicator--bubbles-in-danger,.condition-indicator--getting-frozen,.condition-indicator--lost{background:#b4231814;border-color:#b4231840}.condition-indicator__label{color:var(--color-text);margin:0;font-size:1.125rem}.condition-indicator__message{color:var(--color-muted);margin:0}.session-summary{padding-top:var(--space-2)}.session-summary__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.session-summary__item{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f7f4efbf;display:grid}.session-summary__label{color:var(--color-muted);font-size:.9rem}.session-summary__value{color:var(--color-text);font-size:1rem}.completion-panel{gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + .25rem);display:grid;box-shadow:0 1.5rem 3.5rem #201a151a}.completion-panel--success{background:linear-gradient(#fffffff5,#f8fff9f5)}.completion-panel--terminal{background:linear-gradient(#fffffff5,#fff5f4f5)}.completion-panel__header{gap:var(--space-2);display:grid}.completion-panel__title,.completion-panel__message{margin:0}.completion-panel__message{color:var(--color-muted)}.completion-panel__temperature{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffc2;border:1px solid #ded6cde6;display:grid}.completion-panel__temperature span{color:var(--color-muted);font-size:.9rem}.completion-panel__temperature strong{font-size:1.5rem}.completion-panel__actions{justify-content:flex-start;display:flex}@media (width<=640px){.completion-panel__actions>button{width:100%}}.countdown-panel{gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + .25rem);display:grid;box-shadow:0 1.5rem 3.5rem #201a151a}.countdown-panel__header{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(#fffaf2f5,#fff4e4d1),radial-gradient(circle at top,#d7902f2e,#0000 54%);justify-items:center;display:grid}.countdown-panel__timer-block{gap:var(--space-2);justify-items:center;display:grid}.countdown-panel__timer-label{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.countdown-panel__timer{font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-end;line-height:.9;display:flex}.countdown-panel__timer-main{letter-spacing:-.08em;font-size:clamp(3.5rem,10vw,6rem);font-weight:800}.countdown-panel__timer-ms{color:var(--color-muted);padding-bottom:.65rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.countdown-panel__timer-caption{color:var(--color-muted);margin:0;font-size:.95rem}.countdown-panel__details{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.countdown-panel__detail-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#fffc;border:1px solid #ded6cde6;display:grid}.countdown-panel__detail-label{color:var(--color-muted);font-size:.9rem}.countdown-panel__detail-value{font-size:1.35rem}.countdown-panel__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.countdown-panel__actions>button:last-child{margin-left:auto}@media (width<=640px){.countdown-panel,.countdown-panel__header{padding:var(--space-5,1.25rem)}.countdown-panel__actions>button{width:100%}.countdown-panel__actions>button:last-child{margin-left:0}}.app{min-height:100vh;padding:var(--space-8) 1rem}.app__shell{width:min(960px,100%);margin:0 auto}.app__screen{gap:var(--space-6);display:grid}.app__hero{gap:var(--space-3);padding:var(--space-6);border-radius:calc(var(--radius-lg) + .5rem);background:linear-gradient(#ffffffeb,#fffaf2f0),radial-gradient(circle at 100% 0,#d7902f1f,#0000 36%);border:1px solid #ded6cdb3;display:grid;box-shadow:0 1.25rem 3rem #201a1514}.eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}.app__intro{color:var(--color-muted);margin:0;font-size:1.05rem}.app__intro-secondary{color:var(--color-muted);margin:0;font-size:.95rem}@media (width<=640px){.app{padding:var(--space-6) .875rem}}