:root{--bg: #0f1115;--panel: #171a21;--ink: #e8eaed;--muted: #9aa3af;--accent: #5eead4;--good: #5eead4;--bad: #f2a4a4;--line: #262b34;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1b2130,var(--bg));color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:620px;margin:0 auto;padding:10vh 20px 6vh;min-height:100vh;display:flex;flex-direction:column;gap:28px}.hero h1{margin:0;font-size:2.4rem;letter-spacing:-.02em}.hero .tag{color:var(--muted);font-size:1.1rem;max-width:52ch}.hero code{color:var(--accent);background:#0d2c28;padding:.1em .35em;border-radius:6px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:16px}.card.ok{border-color:#1f4d45}label{display:flex;flex-direction:column;gap:6px}label>span{color:var(--muted);font-size:.85rem}input{background:#0d0f14;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:11px 12px;font-size:1rem;width:100%}input:focus{outline:2px solid var(--accent);border-color:transparent}.handle-row{display:flex;align-items:center;gap:8px}.handle-row .suffix{color:var(--muted);white-space:nowrap;font-size:.95rem}button{background:var(--accent);color:#08201d;border:0;border-radius:9px;padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}small.good{color:var(--good)}small.bad{color:var(--bad)}small.muted{color:var(--muted)}.foot{color:var(--muted);font-size:.85rem;margin-top:auto}a{color:var(--accent)}