:root,[data-theme=cyber]{--p: #00d4ff;--p-rgb: 0,212,255;--s: #7c3aed;--s-rgb: 124,58,237;--grad: linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%);--glow: 0 0 20px rgba(0,212,255,.28);--glow-lg: 0 0 48px rgba(0,212,255,.45)}[data-theme=earth]{--p: #f59e0b;--p-rgb: 245,158,11;--s: #10b981;--s-rgb: 16,185,129;--grad: linear-gradient(135deg,#f59e0b 0%,#10b981 100%);--glow: 0 0 20px rgba(245,158,11,.28);--glow-lg: 0 0 48px rgba(245,158,11,.45)}[data-theme=aurora]{--p: #ec4899;--p-rgb: 236,72,153;--s: #06b6d4;--s-rgb: 6,182,212;--grad: linear-gradient(135deg,#ec4899 0%,#06b6d4 100%);--glow: 0 0 20px rgba(236,72,153,.28);--glow-lg: 0 0 48px rgba(236,72,153,.45)}[data-theme=void]{--p: #94a3b8;--p-rgb: 148,163,184;--s: #475569;--s-rgb: 71,85,105;--grad: linear-gradient(135deg,#94a3b8 0%,#475569 100%);--glow: 0 0 20px rgba(148,163,184,.2);--glow-lg: 0 0 40px rgba(148,163,184,.35)}:root{--bg0: #050510;--bg1: #08081a;--bg2: #0d0d20;--bg3: #131328;--bg4: #1a1a32;--glass: rgba(255,255,255,.04);--glass2: rgba(255,255,255,.07);--glass3: rgba(255,255,255,.02);--t1: #f0f0ff;--t2: #a0a0c0;--t3: #606080;--b1: rgba(255,255,255,.08);--b2: rgba(255,255,255,.14);--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--font-head: "Space Grotesk","Segoe UI",system-ui,sans-serif;--font-body: "Space Grotesk","Segoe UI",system-ui,sans-serif;--font-mono: "JetBrains Mono","Courier New",monospace;--font-display: "Orbitron","JetBrains Mono",monospace;--r1: 6px;--r2: 12px;--r3: 18px;--r4: 26px;--sh1: 0 2px 8px rgba(0,0,0,.5);--sh2: 0 4px 24px rgba(0,0,0,.6);--sh3: 0 8px 48px rgba(0,0,0,.7);--sidebar: 230px;--topbar: 54px;--tf: .15s ease;--tn: .25s ease;--ts: .4s cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg0);color:var(--t1);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh}button{font-family:var(--font-body);color:var(--t1);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}input,select,textarea{font-family:var(--font-body);color:var(--t1);background:var(--bg3);border:1px solid var(--b1);outline:none}a{color:var(--p);text-decoration:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--p-rgb),.3);border-radius:2px}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden;position:relative;max-width:100vw}.shell:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 50% at 15% 0%,rgba(var(--p-rgb),.06) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 100%,rgba(var(--s-rgb),.04) 0%,transparent 55%);pointer-events:none;z-index:0}.shell:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(var(--p-rgb),.02) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--p-rgb),.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#050510f5;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid var(--b1);display:flex;flex-direction:column;z-index:100;transition:transform var(--tn);overflow:hidden}.sidebar-logo{height:var(--topbar);display:flex;align-items:center;padding:0 16px;gap:10px;border-bottom:1px solid var(--b1);flex-shrink:0}.logo-hex{width:32px;height:32px;background:var(--grad);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;box-shadow:var(--glow)}.logo-text{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.logo-ver{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t3)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 8px;display:flex;flex-direction:column;gap:2px;min-height:0}.nav-section{font-family:var(--font-mono);font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--t3);padding:10px 8px 4px}.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r2);color:var(--t2);font-family:var(--font-body);font-size:13px;font-weight:500;transition:all var(--tf);border:1px solid transparent;position:relative;width:100%;text-align:left;white-space:nowrap}.nav-btn:hover:not(:disabled){background:var(--glass);color:var(--t1);border-color:var(--b1)}.nav-btn.active{background:rgba(var(--p-rgb),.1);border-color:rgba(var(--p-rgb),.22);color:var(--p)}.nav-btn.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;background:var(--p);border-radius:0 2px 2px 0;box-shadow:var(--glow)}.nav-btn:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.nav-icon{width:16px;height:16px;flex-shrink:0}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-lock{font-family:var(--font-mono);font-size:8px;padding:2px 5px;border-radius:10px;background:rgba(var(--p-rgb),.12);color:var(--p);border:1px solid rgba(var(--p-rgb),.22);flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid var(--b1);display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar-mini{width:36px;height:36px;background:var(--grad);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;border:2px solid rgba(var(--p-rgb),.35);position:relative}.footer-info{flex:1;overflow:hidden;min-width:0}.footer-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t1)}.footer-lvl{font-family:var(--font-mono);font-size:9px;color:var(--p);letter-spacing:1px}.sign-out-btn{width:28px;height:28px;border-radius:var(--r1);border:1px solid var(--b1);color:var(--t3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--tf)}.sign-out-btn:hover{border-color:var(--err);color:var(--err)}.main{flex:1;margin-left:var(--sidebar);height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;display:flex;flex-direction:column;max-width:calc(100vw - var(--sidebar))}.page{flex:1;padding:28px 28px 60px;max-width:1180px;width:100%;margin:0 auto}.topbar{display:none;height:var(--topbar);background:#050510f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);align-items:center;padding:0 12px;gap:10px;position:sticky;top:0;z-index:90;flex-shrink:0}.topbar-title{flex:1;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:3px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-btn{width:36px;height:36px;border-radius:var(--r1);border:1px solid var(--b1);color:var(--t2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--tf)}.menu-btn:hover{border-color:var(--p);color:var(--p)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#000000b3;z-index:99;backdrop-filter:blur(4px)}.ph{margin-bottom:24px}.ph-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ph-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.5px;line-height:1.2;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ph-sub{font-size:13px;color:var(--t2);margin-top:5px;line-height:1.6;max-width:560px}.card{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--b1);border-radius:var(--r3);padding:20px;position:relative;overflow:hidden;transition:border-color var(--tf),box-shadow var(--tf)}.card:hover{border-color:var(--b2)}.card-accent{border-color:rgba(var(--p-rgb),.22);box-shadow:var(--glow)}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);border-radius:var(--r3) var(--r3) 0 0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:18px}.stat{background:var(--glass);border:1px solid var(--b1);border-radius:var(--r2);padding:13px 14px;transition:all var(--tf)}.stat:hover{border-color:rgba(var(--p-rgb),.3);box-shadow:var(--glow)}.stat-lbl{font-family:var(--font-mono);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);display:flex;align-items:center;gap:5px;margin-bottom:4px}.stat-val{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--p);line-height:1}.stat-sub{font-size:10px;color:var(--t3);margin-top:3px}.xp-wrap{margin-top:6px}.xp-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--t3);letter-spacing:.5px;margin-bottom:5px}.xp-track{height:4px;background:rgba(var(--p-rgb),.1);border-radius:2px;overflow:hidden}.xp-fill{height:100%;background:var(--grad);border-radius:2px;position:relative;transition:width .9s cubic-bezier(.34,1.56,.64,1)}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.avatar-hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;background:var(--grad);animation:breathe 4s ease-in-out infinite;box-shadow:var(--glow-lg)}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.1)}}.avatar-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--p-rgb),.15);animation:ring-beat 3s ease-in-out infinite}@keyframes ring-beat{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.avatar-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--bg2);border:2px solid var(--p);border-radius:20px;padding:2px 10px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--p);letter-spacing:2px;white-space:nowrap;box-shadow:var(--glow);z-index:2}.habit-list{display:flex;flex-direction:column;gap:8px}.habit-card{background:var(--glass);border:1px solid var(--b1);border-radius:var(--r2);padding:13px 16px;display:flex;align-items:center;gap:12px;transition:all var(--tf);position:relative;overflow:hidden}.habit-card:hover{border-color:var(--b2);background:var(--glass2)}.habit-card.done{border-color:rgba(var(--p-rgb),.22);background:rgba(var(--p-rgb),.05)}.habit-card.done:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad)}.check-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--b2);color:var(--t3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--tf);font-size:13px}.check-btn:hover:not(:disabled){border-color:var(--p);color:var(--p);background:rgba(var(--p-rgb),.1)}.check-btn.checked{background:var(--grad);border:none;color:#fff;box-shadow:var(--glow)}.habit-info{flex:1;min-width:0}.habit-name{font-size:13px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:10px;border:1px solid;white-space:nowrap}.tag-easy{color:#22c55e;border-color:#22c55e4d;background:#22c55e14}.tag-medium{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b14}.tag-hard{color:#ef4444;border-color:#ef44444d;background:#ef444414}.tag-extreme{color:#a855f7;border-color:#a855f74d;background:#a855f714}.tag-locked{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b14}.tag-streak{color:var(--p);border-color:rgba(var(--p-rgb),.3);background:rgba(var(--p-rgb),.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--r2);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--tf);border:1px solid transparent;white-space:nowrap;color:var(--t1);background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary{background:var(--grad);color:#fff;border:none;box-shadow:var(--glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:var(--glow-lg)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border-color:var(--b2);color:var(--t2)}.btn-ghost:hover:not(:disabled){border-color:var(--p);color:var(--p);background:rgba(var(--p-rgb),.08)}.btn-danger{background:#ef44441f;border-color:#ef44444d;color:var(--err)}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm{padding:6px 12px;font-size:11px}.btn-lg{padding:12px 26px;font-size:15px}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--r1);border:1px solid var(--b1);color:var(--t3);display:flex;align-items:center;justify-content:center;transition:all var(--tf)}.btn-icon:hover:not(:disabled){border-color:var(--b2);color:var(--t1)}.btn-icon.del:hover:not(:disabled){border-color:var(--err);color:var(--err)}.btn:disabled,.btn-icon:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.fgroup{display:flex;flex-direction:column;gap:6px}.flabel{font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t2)}.finput,.fselect,.ftextarea{background:var(--bg3);border:1px solid var(--b1);border-radius:var(--r2);padding:10px 13px;color:var(--t1);font-family:var(--font-body);font-size:13px;width:100%;outline:none;transition:border-color var(--tf),box-shadow var(--tf);-webkit-appearance:none;appearance:none}.finput:focus,.fselect:focus,.ftextarea:focus{border-color:rgba(var(--p-rgb),.5);box-shadow:0 0 0 3px rgba(var(--p-rgb),.08)}.finput::placeholder,.ftextarea::placeholder{color:var(--t3)}.fselect{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23606080' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:34px}.fselect option{background:var(--bg3);color:var(--t1)}.ftextarea{resize:vertical;min-height:72px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-backdrop{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r4);padding:26px;max-width:470px;width:100%;position:relative;max-height:90vh;overflow-y:auto;box-shadow:var(--sh3);margin:auto}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);border-radius:var(--r4) var(--r4) 0 0}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:17px;font-weight:700;color:var(--t1)}.modal-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--b1);color:var(--t3);display:flex;align-items:center;justify-content:center;transition:all var(--tf)}.modal-close:hover{border-color:var(--err);color:var(--err)}.modal-foot{display:flex;gap:8px;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}.empty{text-align:center;padding:48px 20px}.empty-icon{font-size:44px;display:block;margin-bottom:12px;opacity:.45}.empty-title{font-size:16px;font-weight:700;color:var(--t2);margin-bottom:6px}.empty-desc{font-size:12px;color:var(--t3);line-height:1.7;max-width:280px;margin:0 auto 20px}.locked-wrap{text-align:center;padding:44px 20px;border:1px dashed var(--b1);border-radius:var(--r3);background:var(--glass3)}.locked-icon{font-size:32px;margin-bottom:10px}.locked-lv{font-family:var(--font-mono);font-size:11px;color:var(--p);letter-spacing:2px;margin-bottom:6px}.locked-msg{font-size:12px;color:var(--t3)}.tabs{display:flex;gap:2px;background:var(--glass);border-radius:var(--r2);padding:3px;margin-bottom:18px;border:1px solid var(--b1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:max-content;padding:7px 12px;border-radius:var(--r1);font-family:var(--font-body);font-size:11px;font-weight:600;text-align:center;color:var(--t3);border:none;background:transparent;transition:all var(--tf);white-space:nowrap;letter-spacing:.3px}.tab-btn.active{background:rgba(var(--p-rgb),.14);color:var(--p);box-shadow:var(--glow)}.tab-btn:hover:not(.active){color:var(--t2)}.toast-wrap{position:fixed;bottom:22px;right:18px;z-index:999;display:flex;flex-direction:column;gap:6px;max-width:290px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 15px;background:var(--bg3);border:1px solid var(--b1);border-radius:var(--r2);box-shadow:var(--sh3);pointer-events:all;backdrop-filter:blur(20px);font-size:12px;font-weight:500;color:var(--t1)}.toast-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.toast.success{border-color:#22c55e66}.toast.success .toast-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.toast.error{border-color:#ef444466}.toast.error .toast-dot{background:var(--err);box-shadow:0 0 6px var(--err)}.toast.warn{border-color:#f59e0b66}.toast.warn .toast-dot{background:var(--warn);box-shadow:0 0 6px var(--warn)}.toast.info{border-color:rgba(var(--p-rgb),.4)}.toast.info .toast-dot{background:var(--p);box-shadow:0 0 6px var(--p)}.coin{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:#f59e0b}.coin-dot{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 0 8px #f59e0b66}.prog-track{height:4px;background:rgba(var(--p-rgb),.1);border-radius:2px;overflow:hidden}.prog-fill{height:100%;background:var(--grad);border-radius:2px;transition:width .6s ease}.skill-lvl{width:48px;height:48px;background:var(--bg3);border:2px solid rgba(var(--p-rgb),.25);border-radius:var(--r2);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.skill-lvl-n{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--p);line-height:1}.skill-lvl-l{font-family:var(--font-mono);font-size:7px;letter-spacing:1px;color:var(--t3)}.boss-card{background:var(--glass);border:1px solid var(--b1);border-radius:var(--r3);padding:20px;position:relative;overflow:hidden;transition:all var(--tn)}.boss-card.available{border-color:rgba(var(--p-rgb),.28)}.boss-card.available:hover{box-shadow:var(--glow);transform:translateY(-2px)}.boss-card.locked{opacity:.4}.boss-icon{font-size:40px;display:block;margin-bottom:8px;animation:boss-float 3s ease-in-out infinite}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.boss-name{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--t1)}.boss-sub{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:4px}.ach-card{background:var(--glass);border:1px solid var(--b1);border-radius:var(--r2);padding:13px;display:flex;align-items:center;gap:12px;transition:all var(--tf);position:relative}.ach-card.unlocked{border-color:rgba(var(--p-rgb),.22);background:rgba(var(--p-rgb),.04)}.ach-card.locked{opacity:.3;filter:grayscale(1)}.ach-icon{width:42px;height:42px;background:var(--bg3);border:1px solid var(--b1);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ach-name{font-size:12px;font-weight:700;color:var(--t1)}.ach-desc{font-size:11px;color:var(--t2);margin-top:1px}.ach-xp{font-family:var(--font-mono);font-size:9px;color:var(--p);margin-top:3px}.tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tier-opt{padding:9px 4px;border-radius:var(--r2);border:2px solid var(--b1);color:var(--t2);cursor:pointer;text-align:center;transition:all var(--tf);background:transparent}.tier-opt:hover{border-color:var(--p);color:var(--t1)}.tier-opt.sel{border-color:var(--p);background:rgba(var(--p-rgb),.1);color:var(--p)}.tier-lbl{font-size:9px;font-weight:700;font-family:var(--font-body)}.tier-cost{font-family:var(--font-mono);font-size:9px;margin-top:1px}.levelup-screen{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:300;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:20px;text-align:center}.levelup-n{font-family:var(--font-display);font-size:80px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 0 40px rgba(var(--p-rgb),.7));animation:pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.levelup-lbl{font-family:var(--font-display);font-size:10px;letter-spacing:6px;color:var(--t3);text-transform:uppercase;margin-bottom:8px}.levelup-title{font-family:var(--font-body);font-size:22px;font-weight:700;color:var(--t1)}.prestige-screen{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(var(--p-rgb),.1),#000000f5 70%);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.prestige-card{max-width:400px;width:100%;background:var(--bg2);border:1px solid rgba(var(--p-rgb),.28);border-radius:var(--r4);padding:36px 28px;text-align:center;box-shadow:var(--glow-lg);margin:auto}.prestige-icon{font-size:60px;display:block;margin-bottom:16px;animation:pf 2.5s ease-in-out infinite}@keyframes pf{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.prestige-title{font-family:var(--font-display);font-size:32px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.wizard-wrap{position:fixed;inset:0;background:var(--bg0);z-index:400;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.wizard-wrap:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(var(--p-rgb),.08) 0%,transparent 65%);pointer-events:none}.wizard-card{max-width:490px;width:100%;background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r4);padding:30px 26px;position:relative;margin:auto 0}.wizard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);border-radius:var(--r4) var(--r4) 0 0}.wiz-dots{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.wiz-dot{width:6px;height:6px;border-radius:3px;background:var(--b1);transition:all var(--tf)}.wiz-dot.on{width:20px;background:var(--grad)}.wiz-title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--t1);text-align:center;margin-bottom:6px}.wiz-sub{font-size:12px;color:var(--t2);text-align:center;margin-bottom:24px;line-height:1.7}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.path-card{background:var(--glass);border:2px solid var(--b1);border-radius:var(--r2);padding:13px;cursor:pointer;text-align:left;color:var(--t1);transition:all var(--tf)}.path-card:hover{border-color:var(--b2)}.path-card.sel{border-color:var(--p);background:rgba(var(--p-rgb),.1);box-shadow:var(--glow)}.path-em{font-size:20px;margin-bottom:6px;display:block}.path-nm{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:2px}.path-bn{font-family:var(--font-mono);font-size:9px;color:var(--p)}.path-ds{font-size:10px;color:var(--t2);margin-top:2px;line-height:1.4}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.theme-card{aspect-ratio:1;border-radius:var(--r2);border:2px solid var(--b1);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--t1);transition:all var(--tf);padding:6px;background:transparent}.theme-card:hover{border-color:var(--b2)}.theme-card.sel{border-color:#fff9;transform:scale(1.04)}.theme-em{font-size:20px}.theme-nm{font-size:9px;font-weight:700;color:var(--t1)}.theme-ds{font-size:8px;color:var(--t3);line-height:1.3;text-align:center}.auth-wrap{min-height:100vh;min-height:100dvh;background:var(--bg0);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.auth-card{background:#08081ae6;border:1px solid var(--b1);border-radius:var(--r4);padding:30px 26px;max-width:420px;width:100%;position:relative;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);border-radius:var(--r4) var(--r4) 0 0}.auth-toggle{display:flex;background:var(--glass);border-radius:var(--r2);padding:3px;margin-bottom:20px;border:1px solid var(--b1)}.auth-mode-btn{flex:1;padding:8px 0;border-radius:var(--r1);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;transition:all var(--tn);color:var(--t3);background:transparent}.auth-mode-btn.active{background:rgba(var(--p-rgb),.14);color:var(--p);box-shadow:var(--glow)}.auth-logo-hex{width:64px;height:64px;background:var(--grad);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 14px;box-shadow:var(--glow-lg)}.auth-title{font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:4px;text-align:center;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.input-wrap{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.input-with-icon{padding-left:38px}.err-box{padding:9px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r2);color:var(--err);font-size:12px;line-height:1.5}.ok-box{padding:9px 12px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--r2);color:var(--ok);font-size:12px;line-height:1.5}.forgot-link{background:none;border:none;color:var(--t3);font-size:11px;cursor:pointer;text-align:center;padding:4px 0;display:block;width:100%;transition:color var(--tf)}.forgot-link:hover{color:var(--p)}.log-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r2);background:var(--glass);border:1px solid var(--b1)}.log-src{width:30px;height:30px;border-radius:var(--r1);background:var(--bg3);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.log-note{font-size:12px;color:var(--t1);font-weight:500}.log-type{font-family:var(--font-mono);font-size:9px;color:var(--t3);margin-top:1px}.log-xp{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--p);white-space:nowrap}.log-time{font-family:var(--font-mono);font-size:9px;color:var(--t3);white-space:nowrap}.dash-grid{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.dev-badge{font-family:var(--font-mono);font-size:8px;padding:2px 6px;border-radius:10px;background:#ef44441f;color:var(--err);border:1px solid rgba(239,68,68,.28);letter-spacing:1px;text-transform:uppercase}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ring-expand{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes dot-wave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:56px 56px}}@keyframes prestige-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 960px){.dash-grid{grid-template-columns:1fr}}@media (max-width: 768px){:root{--topbar: 52px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--sh3)}.sidebar-backdrop{display:block}.main{margin-left:0;max-width:100vw}.topbar{display:flex}.page{padding:14px 13px 64px}.ph-title{font-size:21px}.frow{grid-template-columns:1fr}.tier-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:1fr 1fr}.toast-wrap{bottom:12px;right:10px;left:10px;max-width:none}.modal{padding:20px 14px}.modal-foot{flex-direction:column-reverse}.modal-foot .btn{width:100%;justify-content:center}.wizard-card{padding:22px 16px}.wiz-title{font-size:18px}.stats-row{grid-template-columns:1fr 1fr}.stat-val{font-size:20px}}@media (max-width: 400px){.path-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.tier-grid{grid-template-columns:repeat(3,1fr)}}