*{box-sizing:border-box}:root{--ink:#171918;--paper:#ebe4d9;--accent:#ee8059}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid currentColor;background:transparent;padding:.72rem 1rem}button:hover{background:var(--ink);color:var(--paper)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f09e36;outline-offset:3px}.mast{height:62px;padding:0 max(5vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20202024}.wordmark{font-weight:850;text-decoration:none;color:inherit;letter-spacing:-.04em;font-size:1.2rem}.edition,.eyebrow,.tool small,.hint{font-size:.69rem;letter-spacing:.12em;font-weight:750}main{max-width:1060px;margin:auto;padding:54px 24px 20px}.intro{max-width:730px;margin-bottom:27px}.intro .eyebrow,.about .eyebrow{color:var(--accent);margin:0 0 8px}h1{font-size:clamp(2.15rem,5.6vw,4.9rem);line-height:.99;letter-spacing:-.065em;margin:0;max-width:13ch}.ad-space{height:30px;max-width:760px;margin:0 auto 15px}.tool{max-width:760px;margin:0 auto;padding:clamp(18px,4vw,38px);background:white;border:1px solid #1b201a20;box-shadow:0 18px 48px #2523170c}.about{border-top:1px solid #2223;margin:74px auto 42px;padding:30px 0;max-width:760px}.about h2{font-size:1.5rem;letter-spacing:-.04em;margin:.4rem 0}.about p{max-width:65ch;color:#444}.privacy{font-size:.68rem!important;letter-spacing:.12em;font-weight:750;color:var(--accent)!important}.related,footer{display:flex;justify-content:space-between;gap:16px;font-size:.78rem;color:#62635e}.related{border-top:1px solid #2223;padding:16px 0 35px}.related a{color:inherit}footer{border-top:1px solid #2223;padding:20px max(5vw,24px)}input,select,textarea{border:1px solid #20202050;background:transparent;padding:.7rem;min-width:0}.primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:800}.quiet{border:0}.stage{background:#171a1a;color:#f4f0e7;border:0;text-align:center}.stage-top,.stage-line,.controls,.presets{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#7bd287;margin-right:-auto}.clock{font:900 clamp(5rem,20vw,10rem)/1 ui-monospace,monospace;letter-spacing:-.08em;margin:28px 0 18px;color:#7bd287}.stage-line{font-size:.65rem;letter-spacing:.09em;opacity:.75;border-top:1px solid #fff3;padding:13px 0}.controls{justify-content:center;margin:22px 0}.presets{justify-content:center;border-top:1px solid #fff3;padding-top:18px}.presets button{border-color:#ffffff45;padding:.5rem .65rem}.presets label{font-size:.78rem}.presets input{width:68px;color:white}.hint{opacity:.6;margin-top:20px}.zone-head,.image-work,.cost-inputs,.colors{display:flex;gap:16px;align-items:end;justify-content:space-between}.zone-head h2{font-size:1.6rem;margin:.2rem 0}.zone-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 0;border-top:1px solid #2222}.zone-row select{width:100%}.zone-row .citytime{font:700 1.35rem ui-monospace,monospace;grid-column:1/-1}.range{display:flex;align-items:center;gap:8px;margin:20px 0}.range input{flex:1;padding:0}.overlap-result{padding:20px;background:#e9eee4;margin:20px 0;font-weight:700}.pixel{background:#11141b;color:#e7edf4;border:0}.pixel-intro h2{font-size:2rem;max-width:20ch}.swatches{display:flex;gap:8px;margin:24px 0}.swatch{width:44px;height:44px;border:1px solid white;cursor:pointer}.pixelstage{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;color:#fff;font:1rem ui-monospace,monospace}.pixelstage.active{display:flex}.pixel-controls{display:flex;gap:10px}.pixel p,.keytool p,.mictool p,.imgtool>p,.wordtool>p{font-size:.82rem;opacity:.72;margin-top:22px}.keytool{background:#151914;color:#eff4e7;border:0}.keyread{display:flex;align-items:center;gap:18px;border-bottom:1px solid #fff3;padding-bottom:20px}.keyread strong{font:800 2rem ui-monospace,monospace;color:#b6e24a}.keyread button{margin-left:auto}#keyboard{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin:22px 0}.key{min-height:43px;background:#252b25;border:1px solid #56614f;display:grid;place-items:center;border-radius:4px;font:600 .72rem ui-monospace,monospace}.key.active{background:#b6e24a;color:#1a2117}.mictool{text-align:center}.micdial{height:170px;display:grid;place-items:center}.meter{width:126px;height:126px;border-radius:50%;border:10px solid #e3ded7;display:grid;place-items:center;font-weight:800}.meter.live{border-color:var(--accent)}.mic-actions{display:flex;justify-content:center;gap:10px}.micbars{height:45px;margin:18px auto;display:flex;gap:3px;align-items:end;justify-content:center}.micbars i{width:5px;background:var(--accent);height:5px}.drop{border:1px dashed #6575a8;padding:25px;text-align:center;position:relative}.drop input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.drop label{display:grid;gap:4px;pointer-events:none}.drop label span{font-size:.8rem;color:#555}.image-work{align-items:start;margin-top:20px;flex-wrap:wrap}.preview{width:min(100%,390px);aspect-ratio:1;background:#e3e6ee;display:grid;place-items:center;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.image-settings{display:grid;gap:12px;flex:1;min-width:180px}.image-settings label,.cost-inputs label,.colors label{display:grid;gap:5px;font-size:.7rem;font-weight:750;letter-spacing:.08em}.size-choice{display:flex;gap:8px;align-items:center;font-size:.82rem;margin:9px 0}.focustool{background:#e9e2d8}.focus-caption{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:.1em}.focus-clock{font:800 clamp(5rem,20vw,9rem)/1 ui-monospace,monospace;letter-spacing:-.07em;text-align:center;color:#b34a2f;padding:27px 0}.focus-progress{height:3px;background:#d1c5b8}.focus-progress i{display:block;width:0;height:100%;background:#b34a2f}.focus-actions,.focus-modes{display:flex;justify-content:center;gap:9px;margin:18px 0}.focus-modes button{border:0;text-decoration:underline;text-underline-offset:4px}.focustool>p{text-align:center}.cost-inputs{align-items:stretch;flex-wrap:wrap}.cost-inputs label{flex:1;min-width:110px}.cost-output{margin:24px 0;padding:22px;background:#e3eee8;display:grid}.cost-output strong{font:800 clamp(3rem,10vw,5rem)/1 ui-monospace,monospace;color:#0f665f}.cost-output small{margin-top:7px}.contrasttool .colors label{display:flex;align-items:center;gap:10px}.colors input{width:55px;height:45px;padding:3px}.sample{margin:22px 0;padding:32px;display:grid;gap:9px;border:1px solid #3332;font-size:1rem}.sample strong{font-size:1.5rem}.ratio{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2223;padding:14px 0}.ratio strong{font:800 2.5rem ui-monospace,monospace}.verdict{padding:13px;background:#eee}.wordtool textarea{width:100%;min-height:180px;resize:vertical}.wordstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:#2222;margin:18px 0}.wordstats div{padding:13px;background:#fff;display:grid}.wordstats strong{font:800 1.6rem ui-monospace,monospace}.wordstats span{font-size:.62rem;letter-spacing:.07em}.quiztool{background:#f1e8e0}.quiz-meta{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;font-weight:800}.quiztool h2{font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.08;letter-spacing:-.05em;max-width:22ch;margin:26px 0}.answer{display:block;width:100%;text-align:left;margin:9px 0;background:#fff8;border-color:#36223c30}.quiz-bottom{font-size:.77rem;opacity:.65;margin-top:20px}#result h2{font-size:3rem;letter-spacing:-.06em;margin:8px 0}#result p{max-width:50ch}#result small{display:block;margin-top:20px}@media(max-width:640px){main{padding-top:36px}.edition{font-size:.58rem}.related span{display:none}.zone-head,.colors{align-items:stretch;flex-direction:column}#keyboard{grid-template-columns:repeat(10,1fr)}.stage-line span{width:100%;text-align:left}}