:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f3f7ff;--ink:#172033;--muted:#657083;--card:#ffffff;--line:#dfe7f5;--accent:#4f46e5;--accent-dark:#312e81;--soft:#eef2ff;--gold:#f7b731}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#fff5c7 0,#f3f7ff 34%,#eef7ff 100%)}main{max-width:1120px;margin:0 auto;padding:24px 18px 56px}.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 #e1e5ee;border-radius:24px;box-shadow:0 10px 24px rgba(22,31,54,.06);backdrop-filter:blur(12px)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:#172033;text-decoration:none;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#172033;color:#fff;font-weight:900}.site-nav a:not(.site-brand){color:#4b5565;text-decoration:none;font-weight:700;font-size:.95rem}.site-nav a:hover{text-decoration:underline}.hero{padding:10px 0 28px}.crumb{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px;color:#657083;font-weight:750}.crumb a{color:#4f46e5;text-decoration:none}.crumb span{font-size:.9rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);gap:28px;align-items:center}.eyebrow{display:inline-flex;margin:0 0 14px;padding:8px 12px;border:1px solid #d8defc;border-radius:999px;background:rgba(255,255,255,.78);color:#4338ca;font-weight:850;font-size:.86rem}h1{font-size:clamp(2.35rem,8vw,5.55rem);line-height:.92;letter-spacing:-.075em;margin:0 0 18px;color:var(--ink)}h1 span{display:block}h2{letter-spacing:-.03em}.lede{font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.7;color:#4b5565;max-width:700px}.preset-row,.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill,.secondary,.primary{border:0;border-radius:999px;font-weight:850;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pill{padding:11px 14px;background:#fff;border:1px solid #d9e0f4;color:#27324a}.pill.active{background:#172033;color:#fff;box-shadow:0 12px 24px rgba(23,32,51,.16)}button:hover{transform:translateY(-1px)}.timer-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:0 24px 70px rgba(47,65,120,.15)}.status-orbit{position:relative;display:grid;place-items:center;min-height:230px}.ring{width:min(56vw,220px);height:min(56vw,220px);border-radius:50%;border:18px solid #e7ebff;box-shadow:inset 0 0 0 2px #cfd7ff}.sun{position:absolute;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c0,#f7b731 58%,#f08c00);box-shadow:0 18px 45px rgba(247,183,49,.38);transition:transform .25s ease,background .25s ease}.timer-card.break .sun{background:radial-gradient(circle at 35% 30%,#dffcff,#38bdf8 60%,#2563eb);transform:scale(.78)}.readout{text-align:center}.readout p{margin:0;color:#4f46e5;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem}.readout strong{display:block;font-size:clamp(3.2rem,13vw,5.8rem);line-height:1;margin:8px 0;color:#111827;letter-spacing:-.07em}.readout span{display:block;color:#657083;line-height:1.5}.progress{height:12px;background:#edf1fb;border-radius:999px;overflow:hidden;margin:22px 0 2px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#38bdf8);border-radius:999px;transition:width .2s linear}.primary{padding:14px 20px;background:var(--accent);color:#fff;box-shadow:0 14px 28px rgba(79,70,229,.22)}.secondary{padding:14px 18px;background:#eef2ff;color:#312e81;border:1px solid #dbe3ff}.settings,.faq,.info-card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(47,65,120,.08)}.settings{margin:18px 0 22px}.settings h2,.faq h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings label{display:grid;gap:8px;color:#404b63;font-weight:800}.settings input{width:100%;border:1px solid #d8e1f4;border-radius:16px;padding:13px 14px;font:inherit;font-weight:750;color:#172033;background:#fff}.hint{margin:14px 0 0;color:#657083;line-height:1.6}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.info-card h2{margin-top:0}.info-card li,.info-card p{color:#4b5565;line-height:1.7}.faq details{border-top:1px solid #e6ecf7;padding:16px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;font-weight:900;color:#172033}.faq p{color:#4b5565;line-height:1.7}footer{text-align:center;color:#657083;padding:0 18px 34px}@media (max-width:760px){main{padding:16px 14px 42px}.hero-grid,.content-grid,.settings-grid{grid-template-columns:1fr}.timer-card{padding:20px;border-radius:26px}.crumb{align-items:flex-start;flex-direction:column;margin-bottom:22px}.site-nav{padding:10px 12px;border-radius:20px}.brand-mark{width:30px;height:30px}.site-brand span:last-child{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions button{flex:1 1 auto}.status-orbit{min-height:190px}.sun{width:82px;height:82px}}