:root{--bp-tablet: 48rem;--bp-desktop: 64rem;--bp-wide: 90rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: .5rem;--tap-target: 2.75rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #0f1216;--surface: #171b21;--surface-raised: #1f242c;--border: #303845;--text: #eef2f7;--text-muted: #a9b4c2;--accent: #4da3ff;--accent-contrast: #05121f;--danger: #ff8a80;--ok: #6ee7a8}@media(prefers-color-scheme:light){:root{--bg: #f6f8fb;--surface: #ffffff;--surface-raised: #eef2f7;--border: #c9d3e0;--text: #131922;--text-muted: #4a5768;--accent: #0b5fbf;--accent-contrast: #ffffff;--danger: #a11409;--ok: #10603a}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-text-size-adjust:100%}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.app__title{font-size:1.05rem;margin:0}.app__main{flex:1;width:100%;max-width:var(--bp-wide);margin-inline:auto;padding:var(--space-4)}@media(min-width:48rem){.app__main{padding:var(--space-8)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.stack>*+*{margin-top:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-weight:600;font-size:.9rem}.field__input{min-height:var(--tap-target);padding:var(--space-2) var(--space-3);font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%}.field__error{color:var(--danger);font-size:.9rem}.button{min-height:var(--tap-target);min-width:var(--tap-target);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{color:var(--text);background:transparent;border-color:var(--border)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.muted{color:var(--text-muted)}.definition-list{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin:0}@media(min-width:48rem){.definition-list{grid-template-columns:max-content 1fr;gap:var(--space-3) var(--space-6)}}.definition-list dt{font-weight:600;color:var(--text-muted)}.definition-list dd{margin:0;overflow-wrap:anywhere}.center-screen{display:grid;place-items:center;min-height:100vh;padding:var(--space-4)}.center-screen>*{width:100%;max-width:26rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
