:root{color-scheme:dark;--bg:#15171a;--surface:#1c1f23;--ink:#e8e6e1;--muted:#b2b5bc;--accent:#e5a663;--line:#3b414a;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6}a{color:var(--ink);text-underline-offset:4px}.wrap{max-width:1120px;margin:auto;padding:24px}nav,nav div{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{font-size:28px;letter-spacing:-1px;text-decoration:none;font-weight:700}.brand span{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}.intro{padding:44px 0 36px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--accent)}h1{font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 24px;font-weight:600}h2{font-size:25px;line-height:1.3;letter-spacing:-.02em}p{margin:12px 0}.intro>p:not(.eyebrow){max-width:610px}.fine{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px}.card{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:20px;min-width:0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-heading h2{margin:0}.section-heading span{font-size:14px;color:var(--accent)}button,input,textarea{font:inherit}button,.link-button{border:1px solid #66707c;border-radius:8px;padding:10px 14px;background:transparent;color:var(--ink);cursor:pointer;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);color:#15171a;border-color:var(--accent);font-weight:650}.link-button{display:inline-block;text-decoration:none}.examples{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.examples button{font-size:14px;padding:8px 12px}.examples button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:14px;color:var(--muted);margin-bottom:5px}input,textarea{width:100%;background:#15171a;color:var(--ink);border:1px solid #66707c;border-radius:7px;padding:10px;min-height:44px}input[type=number]{max-width:110px}#steps{list-style:none;padding:0;counter-reset:steps;margin:24px 0}#steps>li{padding:16px 0;border-top:1px solid var(--line);counter-increment:steps}.step-inputs{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.step-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.step-tools button{font-size:13px;min-height:44px;padding:6px 10px}#add{margin-bottom:18px}#start{width:100%}.export-actions,.run-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.runner{position:sticky;top:24px}.runner h2{font-size:clamp(26px,3vw,38px);overflow-wrap:anywhere}#clock{font-size:clamp(56px,7vw,88px);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em;color:var(--accent);margin:30px 0}#status{font-size:15px;min-height:24px;color:var(--accent)}.limitations{padding:48px 0;max-width:800px}.limitations h2{font-size:32px}footer{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:14px}#print-routine{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px;background:var(--bg);padding:12px;z-index:2}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#copy-fallback{margin:16px 0}[hidden]{display:none!important}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.runner{position:static}.wrap{padding:20px}.card{padding:20px}.intro{padding-top:24px}.intro h1 br{display:none}nav div{font-size:14px;gap:18px}#clock{font-size:64px}}
@media(max-width:440px){.step-inputs{grid-template-columns:1fr}.step-inputs>div:last-child{display:flex;align-items:center;gap:12px}.step-inputs>div:last-child label{margin:0}}
@media print{:root{color-scheme:light}body{background:white;color:black}body>header,body>footer,.intro,.workspace,.limitations,.promotion-consent,.promotion-links,.skip-link{display:none!important}#print-routine{display:block}#print-routine pre{font:16px/1.8 system-ui,sans-serif;white-space:pre-wrap}main.wrap{max-width:none;padding:0}}