*,*:before,*:after{box-sizing:border-box}:root{--primary: #6c3fc5;--primary-dark: #4e2d91;--accent: #ff6b35;--surface: #1e1e2e;--surface-2: #2a2a3e;--text: #e0e0f0;--text-muted: #9090a8;--border: #3a3a54;--success: #4caf50;--danger: #e53935;--radius: 8px;--font: "Segoe UI", system-ui, sans-serif}html,body{margin:0;padding:0;background:var(--surface);color:var(--text);font-family:var(--font);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.95rem;font-family:var(--font);transition:opacity .15s,transform .1s}button:disabled,.btn:disabled{opacity:.5;cursor:default}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.95rem;padding:.5rem .8rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.tag{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;color:var(--text-muted)}