:root{color-scheme:light;--ink:#21180f;--muted:#68594b;--card:rgba(255,255,255,.94);--line:#eadccd;--coffee:#7c3f1d;--cream:#fff7ed;--gold:#f6b64a;--green:#237a57;--red:#c2410c;--shadow:0 24px 70px rgba(82,49,20,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fed7aa 0,transparent 31rem),radial-gradient(circle at top right,#fde68a 0,transparent 30rem),linear-gradient(135deg,#fffaf2,#f7efe4 54%,#eef8f2)}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 42px}.site-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:12px 16px;background:rgba(255,255,255,.86);border:1px solid #eadccd;border-radius:24px;box-shadow:0 10px 24px rgba(82,49,20,.08);backdrop-filter:blur(12px)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:850}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--ink);color:#fff}.site-nav a:not(.site-brand){color:#5f5145;text-decoration:none;font-weight:750}.site-nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,460px);gap:28px;align-items:center;padding:12px 0 26px}.eyebrow{margin:0 0 12px;color:var(--coffee);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1{margin:0 0 18px;font-size:clamp(2.35rem,7vw,5.05rem);line-height:.96;letter-spacing:-.045em}.lede{max-width:58ch;color:var(--muted);font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.58}.mode-row,.preset-row,.custom-row,.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mode-row{margin-top:24px}.preset-row{margin:14px 0 18px}button,input{font:inherit}button{border:0;cursor:pointer}.mode,.pill{border:2px solid var(--line);background:rgba(255,255,255,.74);color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:850;box-shadow:0 8px 20px rgba(82,49,20,.05)}.mode.active,.pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.custom-label{display:block;margin:10px 0 8px;color:var(--muted);font-weight:800}.custom-row input{width:120px;border:2px solid var(--line);border-radius:16px;padding:11px 12px;background:#fff;color:var(--ink);font-weight:850}.timer-card{background:var(--card);border:1px solid #eadccd;border-radius:34px;padding:18px;box-shadow:var(--shadow)}.screen{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:26px;padding:24px;background:linear-gradient(180deg,#fffaf2,#f8ead9);border:1px solid #efdcc6}.cup{font-size:4.4rem;filter:drop-shadow(0 12px 12px rgba(82,49,20,.12))}.time{font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,12vw,7.6rem);font-weight:950;letter-spacing:-.06em;line-height:1;margin:12px 0;color:var(--coffee)}.bar{width:100%;height:18px;border-radius:999px;background:#eadccd;overflow:hidden;margin:6px 0 20px}.bar span{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3f1d,#f6b64a);transition:width .25s ease}.screen h2{margin:0 0 8px;font-size:1.45rem}.screen p{margin:0;color:var(--muted);line-height:1.5}.prompt-box{width:100%;margin-top:18px;padding:16px;border-radius:20px;background:#fff;border:1px solid #eadccd;color:#3b2a1d;font-weight:800;line-height:1.45}.actions{justify-content:center;margin-top:16px}.primary,.secondary{border-radius:18px;padding:13px 17px;font-weight:950}.primary{background:var(--coffee);color:#fff;box-shadow:0 12px 26px rgba(124,63,29,.25)}.secondary{background:#fff;border:2px solid var(--line);color:var(--ink)}.small{padding:10px 13px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}.info-card,.related,.faq{background:rgba(255,255,255,.88);border:1px solid #eadccd;border-radius:26px;padding:22px;box-shadow:0 12px 30px rgba(82,49,20,.07)}.info-card.wide{grid-column:1/-1}.info-card h2,.related h2,.faq h2{margin:0 0 12px;font-size:1.35rem}.info-card p,.info-card li,.faq p{color:var(--muted);line-height:1.65}.info-card li+li{margin-top:6px}.related{margin:18px 0}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.related-grid a{display:block;padding:14px;border-radius:16px;background:#fff7ed;color:var(--coffee);font-weight:850;text-decoration:none;border:1px solid #eadccd}.related-grid a:hover{text-decoration:underline}.faq details{border-top:1px solid #eadccd;padding:14px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;font-weight:900}body.running .timer-card{box-shadow:0 28px 80px rgba(124,63,29,.22)}body.final .time{color:var(--red)}body.done .time{color:var(--green)}@media (max-width:850px){main{width:min(100% - 22px,680px);padding-top:14px}.hero{grid-template-columns:1fr}.timer-card{padding:12px;border-radius:26px}.screen{min-height:360px;padding:18px}.content-grid,.related-grid{grid-template-columns:1fr}.site-nav{border-radius:18px}h1{font-size:clamp(2.4rem,14vw,4.2rem)}}