*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9f9f9;--surface:#fff;--surface2:#eee;--surface3:#f3f3f4;--border:#000;--text:#1a1c1c;--text-muted:#5e5e5e;--error:#ba1a1a;--radius:0px;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-fast:cubic-bezier(.25, .46, .45, .94)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:default;min-height:100vh;font-size:14px;line-height:1.5}input:not([type=checkbox]):not([type=radio]),select{background:var(--surface);border:2px solid var(--border);color:var(--text);font-family:var(--font-mono);letter-spacing:.05em;border-radius:0;outline:none;width:100%;padding:6px 10px;font-size:11px;transition:none}textarea{background:var(--surface);border:2px solid var(--border);color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:0;outline:none;width:100%;min-height:60px;padding:6px 10px;font-size:11px;line-height:1.6;transition:none}input:focus,textarea:focus,select:focus{border-color:var(--border);box-shadow:inset 0 0 0 1px var(--border);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.5}select option{background:var(--surface);font-family:var(--font-mono)}button{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--border);transition:transform .18s var(--ease-spring), box-shadow .15s var(--ease-out-fast), background .14s ease, color .14s ease, border-color .14s ease;border-radius:0;padding:10px 24px;font-size:11px}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#fff;background:#000;border:2px solid #000}.btn-primary:hover:not(:disabled){color:#000;background:#fff;border-color:#000;transform:translateY(-3px);box-shadow:4px 4px #000}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:1px 1px #000}.btn-secondary{color:var(--text);border:2px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){color:#fff;background:#000;border-color:#000;transform:translateY(-3px);box-shadow:4px 4px #000}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:1px 1px #000}.btn-ghost{color:#fff;background:0 0;border:2px solid #fff6}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#fffc;transform:translateY(-2px);box-shadow:3px 3px #ffffff40}.btn-ghost:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-light{color:#000;background:#fff;border:2px solid #fff}.btn-light:hover:not(:disabled){color:#000;background:#e8e8e8;border-color:#e8e8e8;transform:translateY(-3px);box-shadow:3px 3px #ffffffb3}.btn-light:active:not(:disabled){box-shadow:none;transform:translateY(0)}button:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.btn-light):hover:not(:disabled){opacity:.8}@keyframes spring-in{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{transform:translate(-14px)scale(.97)}to{transform:none}}@keyframes modal-spring-in{0%{opacity:0;transform:scale(.93)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.anim-spring-in{animation:spring-in .35s var(--ease-spring) both}.anim-slide-in-left{animation:slide-in-left .28s var(--ease-spring) both}.anim-modal-spring-in{animation:modal-spring-in .3s var(--ease-spring) both}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:28px 0}}@keyframes progress-scan{0%{left:-45%}to{left:110%}}.progress-bar-fill{position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background-image:repeating-linear-gradient(-45deg,#0000 0 7px,#ffffff2e 7px 14px);background-size:28px 28px;animation:.45s linear infinite progress-stripes;position:absolute;inset:0}.progress-bar-scan{animation:1.1s ease-in-out infinite progress-scan}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:2px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border)}