:root{--color-bg:#0b0f1a;--color-surface:#151b2b;--color-text:#e6edf7;--color-muted:#8a94a8;--color-accent:#3de0ff;--color-danger:#ff3b5c;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:4px;--touch-min:44px;--motion-max:.3s}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);margin:0;line-height:1.5}.window{box-sizing:border-box;background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:var(--radius);max-width:28rem;margin:12vh auto 0;padding:1.5rem}.window-head{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin:0 0 1.25rem;font-size:.875rem;font-weight:600}h1.window-head{font-size:1.25rem}.stack{gap:1rem;display:grid}.stack label{color:var(--color-muted);gap:.375rem;font-size:.875rem;display:grid}input{min-height:var(--touch-min);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-muted);border-radius:var(--radius);font:inherit;padding:0 .75rem}input:focus-visible,button:focus-visible,.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button,.button{min-height:var(--touch-min);background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button-quiet{color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);background:0 0}.muted{color:var(--color-muted)}.error{color:var(--color-danger);margin:0}.section{margin-top:2rem}.link-result{margin-top:1rem}.cards{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);border-radius:var(--radius);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.mono{font-family:var(--font-mono)}.level{justify-content:space-between;align-items:baseline;margin:0;font-size:1.25rem;display:flex}.xp-bar{appearance:none;border-radius:var(--radius);background:var(--color-surface);border:0;width:100%;height:.5rem}.xp-bar::-webkit-progress-bar{border-radius:var(--radius);background:var(--color-surface)}.xp-bar::-webkit-progress-value{border-radius:var(--radius);background:var(--color-accent);transition:width var(--motion-max) ease-out}.xp-bar::-moz-progress-bar{border-radius:var(--radius);background:var(--color-accent)}.moment{border-left:2px solid var(--color-accent);font-family:var(--font-mono);animation:moment-in var(--motion-max) ease-out;margin:1rem 0 0;padding:.5rem .75rem}@keyframes moment-in{0%{opacity:0;transform:translateY(-.25rem)}}@media (prefers-reduced-motion:reduce){.moment{animation:none}}.inline-form{gap:.5rem;margin-top:1rem;display:flex}.inline-form input{flex:1}input::placeholder{color:var(--color-muted);opacity:1}