:root{color-scheme:dark;--ink: #e8e4d9;--ink-dim: #9a9588;--paper: #0c0f12;--panel: #141a1f;--line: #2a333c;--accent: #3d9bfd;--accent-ink: #041018;--warn: #c4a35a;--danger: #e07070;--radius: 12px;--font-display: "IBM Plex Serif", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--shadow: 0 24px 48px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#1a2a3a 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1a2830 0%,transparent 50%),var(--paper);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#7ab8ff}button,input{font:inherit}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:1.25rem clamp(1rem,4vw,2rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.brand{display:flex;flex-direction:column;gap:.15rem}.brand strong{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;font-size:1.05rem}.brand span{color:var(--ink-dim);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel)}.lang button{border:0;background:transparent;color:var(--ink-dim);padding:.35rem .7rem;cursor:pointer}.lang button[aria-pressed=true]{background:var(--line);color:var(--ink)}.main{display:flex;justify-content:center;align-items:flex-start;padding-block:1rem 3rem}.card{width:min(100%,420px);background:linear-gradient(180deg,#171e24 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem 1.5rem 1.5rem}.card h1{font-family:var(--font-display);font-size:1.65rem;font-weight:600;margin:0 0 .4rem;letter-spacing:-.01em}.lede{margin:0 0 1.5rem;color:var(--ink-dim);font-size:.95rem}.stack{display:flex;flex-direction:column;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;border:1px solid transparent;padding:.75rem 1rem;font-weight:550;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:#f4f1ea;color:#0c0f12}.btn-primary:hover:not(:disabled){background:#fff}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:#3d4a56;background:#1a2229}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:var(--ink-dim);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:.35rem 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.8rem;color:var(--ink-dim)}.field input{border-radius:10px;border:1px solid var(--line);background:#0e1318;color:var(--ink);padding:.7rem .85rem}.field input:disabled{opacity:.55}.hint{margin:0;font-size:.8rem;color:var(--ink-dim)}.fineprint{margin:1.25rem 0 0;font-size:.78rem;color:var(--ink-dim);line-height:1.5}.err{margin:0;padding:.65rem .75rem;border-radius:8px;background:#e070701f;border:1px solid rgba(224,112,112,.35);color:#f0b4b4;font-size:.85rem}.break-all{word-break:break-all}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.footer{color:var(--ink-dim);font-size:.75rem;text-align:center;padding-top:1rem}@media(prefers-reduced-motion:reduce){*{transition:none!important}}