:root{--color-primary: #7c3aed;--color-primary-dark: #5b21b6;--color-accent: #f59e0b;--color-bg: #0f0f1a;--color-surface: #1e1b2e;--color-surface-alt: #2d2a45;--color-text: #f0eeff;--color-text-muted: #9d9bbb;--color-success: #22c55e;--color-danger: #ef4444;--radius: 12px;--radius-sm: 8px;font-size:16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}.view{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-sm);border:none;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%}.btn:active{transform:scale(.97);opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:var(--color-surface-alt);color:var(--color-text)}.input{width:100%;background:var(--color-surface-alt);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--color-text);font-size:1rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.375rem;display:block}h1{font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-center{text-align:center}.mt-auto{margin-top:auto}.field{display:flex;flex-direction:column;gap:.375rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-sm);font-size:.9rem}.alert-success{background:#14532d33;color:#86efac;border:1px solid #166534}.alert-error{background:#7f1d1d33;color:#fca5a5;border:1px solid #991b1b}