:root{--color-bg: var(--bios-bg, #0f1117);--color-surface: var(--bios-surface, #1a1d27);--color-surface2: var(--bios-surface2, #22263a);--color-border: var(--bios-border, #2e3250);--color-text: var(--bios-text, #e8eaf6);--color-muted: var(--bios-muted, #8890b0);--color-accent: var(--bios-accent, #7c6af5);--color-accent2: var(--bios-accent-alt, #e85d8a);--color-green: var(--bios-success, #38d9a9);--color-yellow: var(--bios-warning, #f4b942);--color-red: var(--bios-danger, #f06060);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--transition: .15s ease}[data-theme=light]{--color-bg: var(--bios-bg, #f4f5fb);--color-surface: var(--bios-surface, #ffffff);--color-surface2: var(--bios-surface2, #eef0fa);--color-border: var(--bios-border, #d0d4ee);--color-text: var(--bios-text, #1a1d2e);--color-muted: var(--bios-muted, #6b7194)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;min-height:100vh}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.page-wrap{max-width:960px;margin:0 auto;padding:32px 24px 80px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity var(--transition),transform var(--transition)}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent2));color:#fff}.btn-secondary{background:var(--color-surface2);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-muted);padding:8px 14px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--color-muted)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg,var(--color-accent),var(--color-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}