*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--card:#141414;--border:#262626;--text:#ededed;--muted:#888;--primary:#3b82f6;--ok:#22c55e;--err:#ef4444}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6}.container{max-width:720px;margin:0 auto;padding:24px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px}h1{font-size:1.5rem;margin-bottom:8px}h2{font-size:1.1rem;margin-bottom:12px}.muted,h2{color:var(--muted)}.muted{font-size:.9rem}input{background:#1a1a1a;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:ui-monospace,monospace}button,input{width:100%;padding:12px;font-size:1rem}button{background:var(--primary);border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;margin-top:12px}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.code{background:#000;border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,monospace;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.ok{color:var(--ok)}.err{color:var(--err)}.grid{display:grid;grid-gap:8px;gap:8px}.row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}a{color:var(--primary)}