@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap";:root{--color-page:#faf9f4;--color-surface:#fffdf7;--color-text:#28352b;--color-text-muted:#647166;--color-accent:#547b5e;--color-accent-hover:#42654b;--color-accent-soft:#dce8d8;--color-border:#cdd8c9;--color-earth:#7a5842;--color-focus:#1d5f78;--shadow-surface:0 16px 38px #37493a17, 0 2px 7px #37493a14;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--color-page);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at 100% 0%, #edf2e8 0, transparent 26rem), var(--color-page);min-width:320px}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.skip-link{z-index:10;background:var(--color-text);color:var(--color-page);padding:.75rem 1rem;position:fixed;inset:0 auto auto 1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.page-shell{width:min(100% - 2rem,72rem);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:.625rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:2.5rem;height:2.5rem}.header-link,.text-link{color:var(--color-accent-hover);text-underline-offset:.18em;font-weight:600;text-decoration-thickness:from-font}.page-shell{padding-block:3.5rem 4rem}.homepage-page{padding-block:1rem 4rem}.homepage-page h1{max-width:none;margin:.25rem 0 .5rem;font-size:clamp(2rem,8vw,3.5rem)}.eyebrow{color:var(--color-earth);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}h1,h2{font-family:var(--font-display);text-wrap:balance;font-weight:600;line-height:1.1}h1{letter-spacing:-.045em;max-width:12ch;margin:.5rem 0 1rem;font-size:clamp(2.75rem,12vw,5.5rem)}h2{letter-spacing:-.03em;margin:.3rem 0 1rem;font-size:clamp(1.8rem,7vw,3rem)}.intro{max-width:38rem;color:var(--color-text-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.status{min-height:1.5rem;color:var(--color-text-muted);margin:1.25rem 0 0}.timer-panel{background:var(--color-surface);border:1px solid var(--color-border);max-width:42rem;box-shadow:var(--shadow-surface);border-radius:1.5rem;flex-direction:column;justify-content:flex-start;min-height:0;margin-top:1.25rem;padding:1.25rem;display:flex}.timer-panel [data-selection]:not([hidden]),.timer-panel [data-active]:not([hidden]){animation:.24s ease-out both rise-in}.timer-panel [data-complete]:not([hidden]){animation:.35s ease-out both rise-in}.choice-group{border:0;margin:0;padding:0}.choice-group+.choice-group{margin-top:1.25rem}.choice-group legend{padding:0;font-weight:600}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:.5rem;display:grid}.choice-card{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:.875rem;justify-content:center;align-items:center;min-height:3.125rem;padding:.75rem;transition:background-color .16s,border-color .16s,transform .12s;display:flex;position:relative}.choice-card:active{transform:scale(.97)}.choice-card:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.choice-card:has(input:checked):after{content:"✓";color:var(--color-accent);font-weight:600;position:absolute;top:.375rem;right:.625rem}.choice-card:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.choice-card input{opacity:0;position:absolute}.recommendation{background:var(--color-page);min-height:4.5rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;border-radius:.875rem;align-content:center;gap:.2rem;margin:1.25rem 0 .75rem;padding:.75rem 1rem;display:grid}.recommendation__time{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:600;line-height:1}.recommendation__temperature{font-size:.875rem;font-weight:600}.button{border:1px solid #0000;border-radius:.75rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:600;transition:background-color .16s,color .16s,transform .12s}.button:active{transform:scale(.96)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--color-accent);color:#fff;width:100%}.button--primary:not(:disabled):hover{background:var(--color-accent-hover)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--quiet{color:var(--color-accent-hover);background:0 0}.timer-dial{aspect-ratio:1;text-align:center;place-content:center;width:min(72vw,19rem);margin:0 auto;display:grid;position:relative}.timer-dial__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-dial__ring-track{fill:none;stroke:var(--color-accent-soft);stroke-width:4px}.timer-dial__ring-progress{fill:none;stroke:var(--color-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:282.7;transition:stroke-dashoffset .25s linear,stroke .25s}.timer-dial__label{color:var(--color-text-muted);font-size:.875rem}.timer-dial__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin-top:.3rem;font-size:clamp(3rem,17vw,5.5rem)}.timer-dial[data-paused] .timer-dial__ring-progress{stroke:var(--color-text-muted)}.timer-dial[data-paused] .timer-dial__label{color:var(--color-earth);font-weight:600}.timer-context{color:var(--color-text-muted);text-align:center;margin:1.5rem 0}.timer-actions{gap:.75rem;display:grid}.completion{text-align:center}.completion p:not(.eyebrow){max-width:29rem;color:var(--color-text-muted);margin-inline:auto;line-height:1.6}.completion .button{margin-top:1.5rem}.completion>*{animation:.35s ease-out both rise-in}.completion>h2{animation-delay:40ms}.completion>p:not(.eyebrow){animation-delay:80ms}.completion>.button{animation-delay:.12s}.sound-control{min-height:2.75rem;color:var(--color-text-muted);align-items:center;gap:.75rem;margin-top:1rem;display:inline-flex}.sound-control input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.research-note{max-width:42rem;color:var(--color-text-muted);margin:1.5rem 0 0;font-size:.875rem;line-height:1.5}.guides-page h1{max-width:15ch}.guide-grid{gap:1rem;margin-top:2rem;display:grid}.guide-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.25rem}.guide-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.guide-card dl div{background:var(--color-page);border-radius:.75rem;padding:.75rem}.guide-card dt{color:var(--color-text-muted);font-size:.8rem}.guide-card dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-weight:600}.guide-card>p:not(.eyebrow){color:var(--color-text-muted);line-height:1.55}@media (width>=48rem){.site-header,.page-shell{width:min(100% - 4rem,72rem)}.page-shell{padding-block:5rem 6rem}.homepage-page{padding-block:2rem 6rem}.homepage-page h1{font-size:clamp(2.5rem,6vw,4rem)}.timer-panel{padding:2rem}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:20rem}.timer-actions{grid-template-columns:1fr 1fr 1fr}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.page-shell{padding-block:6rem 8rem}.homepage-page{padding-block:3rem 8rem}.guides-page{max-width:78rem}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (hover:hover) and (pointer:fine){.choice-card:hover{border-color:var(--color-accent)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html,body{width:100%;height:100%;margin:0}