*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0:#0b0a0f;--bg1:#15131a;--bg2:#1e1b26;--bg3:#2d263b;--bg4:#4b3d63;--border:#2d263b;--border2:#4b3d63;--text1:#fff;--text2:#a7a1b5;--text3:#706880;--accent:#a855f7;--accent2:#9333ea;--accent-glow:#a855f726;--accent-text:#fff;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--r:8px;--r2:12px;--r3:16px}[data-theme=void]{--bg0:#0b0a0f;--bg1:#15131a;--bg2:#1e1b26;--bg3:#2d263b;--bg4:#4b3d63;--border:#2d263b;--border2:#4b3d63;--text1:#fff;--text2:#a7a1b5;--text3:#706880;--accent:#a855f7;--accent2:#9333ea;--accent-glow:#a855f726;--accent-text:#fff;--green:#10b981;--red:#ef4444;--amber:#f59e0b}[data-theme=light]{--bg0:#fdfbf7;--bg1:#f9f6ef;--bg2:#f5f0e6;--bg3:#eae3d6;--bg4:#dfd7c8;--border:#e4decb;--border2:#d4cca8;--text1:#3b3834;--text2:#6d675e;--text3:#9b9487;--accent:#d97757;--accent2:#c36445;--accent-glow:#d9775726;--accent-text:#fff;--green:#2d9d78;--red:#d9534f;--amber:#f0ad4e}[data-theme=antigravity]{--bg0:#131314;--bg1:#1e1e1e;--bg2:#2d2d2d;--bg3:#35363a;--bg4:#3c4043;--border:#3c4043;--border2:#5f6368;--text1:#e8eaed;--text2:#9aa0a6;--text3:#80868b;--accent:#8ab4f8;--accent2:#aecbfa;--accent-glow:#8ab4f826;--accent-text:#000;--green:#81c995;--red:#f28b82;--amber:#fdd663}[data-theme=dark]{--bg0:#08090e;--bg1:#0e1018;--bg2:#141720;--bg3:#1c2030;--bg4:#252a3d;--border:#1c2030;--border2:#252a3d;--text1:#c8d3f5;--text2:#7a89b8;--text3:#4a5580;--accent:#7aa2f7;--accent2:#5d8df0;--accent-glow:#7aa2f726;--accent-text:#fff;--green:#9ece6a;--red:#f7768e;--amber:#e0af68}[data-theme=ocean]{--bg0:#07151a;--bg1:#0a1f26;--bg2:#0f2e38;--bg3:#153e4b;--bg4:#1b5263;--border:#133845;--border2:#1d5366;--text1:#e0f2f7;--text2:#8db7c4;--text3:#518494;--accent:#00bcd4;--accent2:#26c6da;--accent-glow:#00bcd426;--accent-text:#000;--green:#4db6ac;--red:#e57373;--amber:#ffb74d}[data-theme=pastel-holo]{--bg0:#f8f4ff;--bg1:#f2ecff;--bg2:#ede4ff;--bg3:#e4d8ff;--bg4:#d9c8ff;--border:#e0d4ff;--border2:#c8b0ff;--text1:#2d1f5e;--text2:#6b5a9e;--text3:#9c8dcf;--accent:#8b5cf6;--accent2:#7c3aed;--accent-glow:#8b5cf626;--accent-text:#fff;--green:#34d399;--red:#f87171;--amber:#fbbf24}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{background:var(--bg0);color:var(--text1);font-family:var(--font);font-size:14px}button,input,textarea,select{font-family:inherit}#root{flex-direction:column;width:100%;height:100%;display:flex}.screen{flex:1;width:100%;height:100%;display:none}.screen.active{display:flex}.auth-screen{background:radial-gradient(ellipse at 60% 30%, #a855f71f 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, #6366f114 0%, transparent 50%), var(--bg0);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1;background:#1e1b26b3;border:1px solid #ffffff0f;border-radius:20px;width:460px;padding:48px 52px;animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp;box-shadow:0 32px 64px #0006,inset 0 1px #ffffff0f}.auth-card.wide{width:560px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo .logo-mark{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-logo .logo-mark i{color:#fff;font-size:18px}.auth-logo .logo-name{letter-spacing:-.3px;font-size:19px;font-weight:600}.auth-logo .logo-name span{color:var(--accent)}.f-group{margin-bottom:16px}.f-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.f-group input{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--r);width:100%;color:var(--text1);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.f-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.f-group input::placeholder{color:var(--text3)}.f-row{gap:12px;display:flex}.f-row .f-group{flex:1}.btn-primary{background:var(--accent);width:100%;color:var(--accent-text);border-radius:var(--r);cursor:pointer;border:none;margin-top:4px;padding:11px;font-size:14px;font-weight:500;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent2)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg3);width:100%;color:var(--text1);border:1px solid var(--border2);border-radius:var(--r);cursor:pointer;margin-top:4px;padding:11px;font-size:14px;font-weight:500;transition:background .15s}.btn-secondary:hover{background:var(--bg4)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text3);margin-top:20px;font-size:13px}.auth-footer a{color:var(--accent);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{border-radius:var(--r);color:#f87171;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-h1{letter-spacing:-.4px;margin-bottom:6px;font-size:22px;font-weight:600}.auth-sub{color:var(--text2);margin-bottom:28px;font-size:13px}.ob-screen{background:radial-gradient(ellipse at 60% 30%, #a855f71f 0%, transparent 60%), var(--bg0);justify-content:center;align-items:center;min-height:100vh;display:flex}.ob-card{background:var(--bg2);border:1px solid var(--border2);border-radius:20px;width:640px;max-width:96vw;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp;box-shadow:0 24px 48px #00000059}.ob-steps{justify-content:center;gap:8px;margin-bottom:36px;display:flex}.ob-step-dot{background:var(--border2);border-radius:2px;height:4px;transition:all .3s}.ob-step-dot.active{background:var(--accent)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.theme-card-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.theme-preview{border:2px solid #0000;border-radius:8px;width:100%;height:110px;transition:all .2s;display:flex;overflow:hidden}.theme-preview.selected{box-shadow:0 0 0 2px var(--bg2), 0 0 0 4px var(--accent);border-color:var(--accent)}.theme-card-label{color:var(--text2);font-size:12px;font-weight:500}.theme-card-label.selected{color:var(--text1);font-weight:600}.app-picker{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.app-card{background:var(--bg3);border:1px solid var(--border2);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;transition:all .2s;display:flex}.app-card:hover{background:var(--bg4);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.app-card-icon{background:var(--accent-glow);width:56px;height:56px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;font-size:28px;display:flex}.app-card-name{color:var(--text1);font-size:16px;font-weight:600}.app-card-desc{color:var(--text3);font-size:12px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;width:440px;max-width:96vw;padding:36px;animation:.3s fadeUp}.modal-title{margin-bottom:8px;font-size:18px;font-weight:600}.modal-sub{color:var(--text2);margin-bottom:20px;font-size:13px;line-height:1.5}.recovery-code{background:var(--bg3);border:1px solid var(--border2);font-family:var(--mono);letter-spacing:2px;text-align:center;color:var(--text1);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;margin-bottom:20px;padding:16px;font-size:17px}.danger-box{color:#f87171;background:#ef444414;border:1px solid #ef444440;border-radius:8px;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.toggle-row{background:var(--bg3);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;display:flex}.toggle-info{align-items:center;gap:12px;display:flex}.toggle-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.toggle-label{color:var(--text1);font-size:14px;font-weight:500}.toggle-desc{color:var(--text3);margin-top:2px;font-size:12px}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--bg4);border-radius:22px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(18px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}