@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--surface-2: #21262d;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-glow: #58a6ff44;--green: #3fb950;--yellow: #d29922;--red: #f85149;--purple: #bc8cff;--card-w: 72px;--card-h: 108px;--card-r: 10px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}button{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:opacity .15s,transform .1s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#000}.btn-primary:not(:disabled):hover{opacity:.85}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{background:var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-danger:not(:disabled):hover{opacity:.85}input[type=text]{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 12px;font-size:14px;width:100%;outline:none;transition:border-color .15s}input[type=text]:focus{border-color:var(--accent)}input[type=text]::placeholder{color:var(--text-muted)}