*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#121212;--bg-surface:#181818;--bg-elevated:#282828;--bg-highlight:#333;--text-primary:#fff;--text-secondary:#b3b3b3;--text-subdued:#6a6a6a;--accent:#1db954;--accent-hover:#1ed760;--error:#e91429;--radius:8px;--nav-h:64px;--bar-h:72px}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--bg-highlight);border-radius:var(--radius);outline:none;width:100%;padding:10px 14px}input:focus,textarea:focus{border-color:var(--text-secondary)}.btn{letter-spacing:.1em;text-transform:uppercase;border-radius:500px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .1s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.card{background:var(--bg-surface);border-radius:var(--radius);padding:16px;transition:background .15s}.card:hover{background:var(--bg-elevated)}.error-msg{color:var(--error);margin-top:6px;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}