:root{color-scheme:light;--ink:#1d2b43;--muted:#60708a;--accent:#5141b3;--line:#dce3ed}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f6f8fc;font:16px/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:3px}header{background:white;border-bottom:1px solid var(--line);padding:18px max(20px,calc((100vw - 960px)/2));display:flex;justify-content:space-between;gap:20px}header a{text-decoration:none;font-size:14px}.brand{font-weight:750;color:var(--ink)}main{max-width:1000px;padding:40px 20px 60px;margin:auto}h1{font-size:clamp(29px,5vw,42px);line-height:1.15;letter-spacing:-.04em;margin:9px 0 18px}h2{font-size:23px;line-height:1.3;margin:0 0 14px}h3{font-size:17px}p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.12em;font-weight:750}.intro{max-width:760px}.workspace{padding:26px;border:1px solid var(--line);border-radius:16px;background:white;margin:28px 0}.workspace label{font-size:14px;display:block;margin-bottom:10px;font-weight:650}textarea{display:block;width:100%;min-height:300px;padding:18px;border:1px solid #cbd5e5;border-radius:10px;font:15px/1.6 ui-monospace,Consolas,monospace;color:var(--ink);background:#fafbfe;resize:vertical}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}button{font:inherit;cursor:pointer;padding:10px 16px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:white;font-size:14px;min-height:44px;font-weight:650}.secondary{background:#eef0f8;color:var(--accent);border-color:#dce0ed}.small{font-size:12px}.status{padding:12px 14px;background:#f2f4fa;border-radius:9px;color:var(--ink);font-size:13px;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.stats>div{padding:15px;background:#f4f6fb;border-radius:10px}.stats strong,.stats span{display:block}.stats strong{font-size:26px}.stats span{font-size:12px;color:var(--muted)}.guide{margin-top:36px;max-width:820px}.guide p,.guide li{font-size:14px;color:var(--muted)}.related{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.related a{border:1px solid var(--line);padding:10px 15px;border-radius:9px;text-decoration:none;background:white;font-size:13px}.timer{text-align:center}.timer .toolbar{justify-content:center}.clock{font-size:clamp(65px,14vw,110px);font-weight:700;letter-spacing:-.065em;line-height:1.25;margin:22px 0;font-variant-numeric:tabular-nums}.presets{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.presets button{background:#eef0f8;color:var(--accent)}.presets button[aria-pressed=true]{background:var(--accent);color:white}footer{border-top:1px solid var(--line);padding:24px 20px;text-align:center;font-size:12px}footer a{margin:0 8px}:focus-visible{outline:3px solid #c79537;outline-offset:3px}.skip{position:absolute;left:20px;top:-80px;padding:10px;background:white}.skip:focus{top:6px}#toolStatus:empty{display:none}@media(max-width:600px){main{padding-top:28px}.workspace{padding:18px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stats strong{font-size:23px}textarea{min-height:260px;font-size:14px}.toolbar button{flex:1 1 auto}.related a{flex:1 1 40%;text-align:center}}
