html{scroll-behavior:smooth;overscroll-behavior-x:none;overscroll-behavior-y:none;position:fixed;overflow:hidden;width:100%;height:100%}:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--border-color: #e5e7eb;--border-light: #f3f4f6;--progress-bg: #e5e7eb;--item-bg: #f3f4f6;--accent-color: #FFD700;--accent-bg: rgba(255, 215, 0, .1);--option-bg: #f3f4f6;--selected-bg: rgba(255, 215, 0, .15);--selected-border: #FFD700;--selected-text: #8B6914;--correct-bg: #dcfce7;--correct-border: #16a34a;--correct-text: #166534;--wrong-bg: #fee2e2;--wrong-border: #dc2626;--wrong-text: #991b1b;--hint-bg: rgba(255, 215, 0, .08);--hint-border: #FFD700;--hint-title: #B8860B;--hint-text: #8B6914;--hint-item-bg: rgba(255, 215, 0, .1);--skip-bg: #6b7280;--quiz-bg: rgba(255, 215, 0, .08);--quiz-header: #B8860B;--flashcard-header: #FFD700;--flashcard-front: #1a1a1a;--flashcard-back: #0d0d0d;--flashcard-border: #FFD700;--warning-color: #f59e0b;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .3);--warning-text: #92400e;--danger-bg: rgba(239, 68, 68, .1);--danger-border: #ef4444;--danger-text: #dc2626;--success-bg: rgba(45, 212, 160, .1);--success-border: rgba(45, 212, 160, .3);--success-text: #059669;--neon-blue: #FFD700;--neon-purple: #DAA520;--neon-pink: #B8860B;--neon-green: #22c55e;--neon-yellow: #fbbf24;--neon-orange: #fb923c;--glass-bg: rgba(255, 215, 0, .05);--glass-border: rgba(255, 215, 0, .15)}@keyframes badgePop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes badgeShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fbbf24b3}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #fbbf2400}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 5px var(--neon-blue)) drop-shadow(0 0 10px var(--neon-blue))}50%{filter:drop-shadow(0 0 10px var(--neon-blue)) drop-shadow(0 0 20px var(--neon-blue)) drop-shadow(0 0 30px var(--neon-blue))}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(360deg)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-2px) scale(1.05)}}@keyframes xpPop{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes cardShine{0%{opacity:0;transform:translate(-100%) rotate(25deg)}to{opacity:.3;transform:translate(200%) rotate(25deg)}}@keyframes breathe{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}.dynamic-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-size:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dynamic-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.dynamic-icon:hover{transform:scale(1.15) rotate(5deg);animation:iconBounce .6s ease}.dynamic-icon:hover:before{opacity:1}.icon-fire{background:linear-gradient(135deg,#ff6b35,#f7931e,#ffcc02);box-shadow:0 4px 15px #ff6b3566}.icon-xp{background:linear-gradient(135deg,gold,#daa520,#b8860b);box-shadow:0 4px 15px #ffd70066;animation:neonGlow 2s ease-in-out infinite}.icon-brain{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #38ef7d66}.icon-book{background:linear-gradient(135deg,gold,#daa520);box-shadow:0 4px 15px #ffd70066}.icon-trophy{background:linear-gradient(135deg,#f7971e,#ffd200);box-shadow:0 4px 15px #ffd20066}.icon-target{background:linear-gradient(135deg,#ee0979,#ff6a00);box-shadow:0 4px 15px #ee097966}.icon-sparkle{background:linear-gradient(135deg,gold,#daa520);box-shadow:0 4px 15px #ffd70066}.today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.today-tile{position:relative;padding:16px;border-radius:16px;background:linear-gradient(145deg,#141414cc,#0a0a0ae6);border:1px solid rgba(255,215,0,.2);overflow:hidden;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.today-tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.today-tile:hover:before{left:100%}.today-tile:hover{transform:translateY(-4px) scale(1.02);border-color:#ffd70080;box-shadow:0 10px 30px #ffd70033,0 0 20px #ffd7001a}.today-tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:8px;display:flex;align-items:center;gap:6px}.today-tile-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.today-tile.xp-tile{background:linear-gradient(145deg,#ffd7004d,#daa52033);border-color:#ffd70066}.today-tile.xp-tile .today-tile-value{background:linear-gradient(135deg,gold,#daa520,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%}.today-tile.xp-tile:after{content:"⚡";position:absolute;top:8px;right:8px;font-size:14px;animation:floatUp 2s ease-in-out infinite}.today-tile.streak-tile{background:linear-gradient(145deg,#ff6b3533,#f7931e26);border-color:#ff6b3566}.today-tile.streak-tile .today-tile-value{background:linear-gradient(135deg,#ff6b35,#f7931e,#ffcc02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.today-tile.streak-tile:after{content:"🔥";position:absolute;top:8px;right:8px;font-size:14px;animation:floatUp 1.5s ease-in-out infinite}.today-tile.cards-tile{background:linear-gradient(145deg,#ffd70026,#daa5201a);border-color:#ffd7004d}.today-tile.cards-tile .today-tile-value{background:linear-gradient(135deg,gold,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.today-tile.sessions-tile{background:linear-gradient(145deg,#daa52033,#b8860b26);border-color:#daa52066}.today-tile.sessions-tile .today-tile-value{background:linear-gradient(135deg,#daa520,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,gold,#daa520);border:none;color:#0a0a0a;font-weight:600;padding:12px 24px;border-radius:12px;box-shadow:0 4px 15px #ffd70066}.btn-primary:hover{box-shadow:0 6px 25px #ffd70099;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;box-shadow:0 4px 15px #22c55e66}.btn-success:hover{box-shadow:0 6px 25px #22c55e99;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;box-shadow:0 4px 15px #f59e0b66}.btn-warning:hover{box-shadow:0 6px 25px #f59e0b99;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;box-shadow:0 4px 15px #ef444466}.btn-danger:hover{box-shadow:0 6px 25px #ef444499;transform:translateY(-2px)}.btn-neon-blue{background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);padding:10px 20px;border-radius:10px;font-weight:600;box-shadow:0 0 10px #ffd7004d,inset 0 0 10px #ffd7001a;transition:all .3s}.btn-neon-blue:hover{background:#ffd70026;box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd70033;transform:translateY(-2px)}.btn-neon-green{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:10px 20px;border-radius:10px;font-weight:600;box-shadow:0 0 10px #22c55e4d,inset 0 0 10px #22c55e1a;transition:all .3s}.btn-neon-green:hover{background:#22c55e26;box-shadow:0 0 20px #22c55e80,inset 0 0 20px #22c55e33;transform:translateY(-2px)}.btn-neon-purple{background:transparent;border:2px solid var(--neon-purple);color:var(--neon-purple);padding:10px 20px;border-radius:10px;font-weight:600;box-shadow:0 0 10px #daa5204d,inset 0 0 10px #daa5201a;transition:all .3s}.btn-neon-purple:hover{background:#daa52026;box-shadow:0 0 20px #daa52080,inset 0 0 20px #daa52033;transform:translateY(-2px)}.btn-neon-orange{background:transparent;border:2px solid var(--neon-orange);color:var(--neon-orange);padding:10px 20px;border-radius:10px;font-weight:600;box-shadow:0 0 10px #fb923c4d,inset 0 0 10px #fb923c1a;transition:all .3s}.btn-neon-orange:hover{background:#fb923c26;box-shadow:0 0 20px #fb923c80,inset 0 0 20px #fb923c33;transform:translateY(-2px)}.btn-neon-yellow{background:transparent;border:2px solid var(--neon-yellow);color:var(--neon-yellow);padding:10px 20px;border-radius:10px;font-weight:600;box-shadow:0 0 10px #fbbf244d,inset 0 0 10px #fbbf241a;transition:all .3s}.btn-neon-yellow:hover{background:#fbbf2426;box-shadow:0 0 20px #fbbf2480,inset 0 0 20px #fbbf2433;transform:translateY(-2px)}.card{position:relative;background:linear-gradient(145deg,#141414b3,#0a0a0acc);border:1px solid rgba(255,215,0,.15);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffd7000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0006,0 0 30px #ffd7001a;border-color:#ffd7004d}.today-actions{display:flex;flex-direction:column;gap:10px;margin:12px 0}.today-actions button{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.today-actions button:after{content:"→";position:absolute;right:16px;opacity:0;transform:translate(-10px);transition:all .3s}.today-actions button:hover:after{opacity:1;transform:translate(0)}.today-actions button:hover{padding-right:40px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.badge-card{animation:badgePop .6s cubic-bezier(.68,-.55,.265,1.55)}.badge-card.new{animation:badgePop .6s cubic-bezier(.68,-.55,.265,1.55),pulse 2s infinite}.badge-card.shine{background:linear-gradient(90deg,#1f2937,#fbbf24,#1f2937);background-size:200% auto;animation:badgeShine 2s linear infinite}.achievement-notification{animation:slideIn .5s ease-out,bounce .5s ease-out .5s}.confetti-piece{position:fixed;width:10px;height:10px;animation:confetti 3s ease-out forwards;pointer-events:none;z-index:9999}.subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:16px 0}.subject-btn{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:16px;background:linear-gradient(145deg,#14141499,#0a0a0acc);border:1px solid rgba(255,215,0,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subject-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.subject-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.1),transparent 70%);opacity:0;transition:opacity .3s}.subject-btn:hover{transform:translateY(-4px) scale(1.02);border-color:#ffd70080;box-shadow:0 10px 30px #ffd70033,0 0 20px #ffd7001a}.subject-btn:hover:after{opacity:1}.subject-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.subject-btn:disabled:hover{transform:none;box-shadow:none}.subject-btn .subject-media{width:68px;height:68px;border-radius:12px;overflow:hidden;margin-bottom:10px;position:relative}.subject-btn .subject-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.subject-btn .subject-icon-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#ffd70033,#daa52033)}.subject-btn .subject-meta{text-align:center}.subject-btn .subject-meta strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.practice-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.practice-mode-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:16px;background:linear-gradient(145deg,#141414b3,#0a0a0ae6);border:1px solid rgba(255,215,0,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.practice-mode-btn .mode-icon{font-size:32px;animation:floatUp 3s ease-in-out infinite}.practice-mode-btn .mode-label{font-weight:600;font-size:14px}.practice-mode-btn .mode-desc{font-size:11px;opacity:.7;text-align:center}.practice-mode-btn:hover{transform:translateY(-4px);border-color:#ffd70080;box-shadow:0 10px 30px #ffd70033}.practice-mode-btn.mode-adaptive{border-color:#22c55e66}.practice-mode-btn.mode-adaptive:hover{border-color:#22c55eb3;box-shadow:0 10px 30px #22c55e33}.practice-mode-btn.mode-spaced{border-color:#daa52066}.practice-mode-btn.mode-spaced:hover{border-color:#daa520b3;box-shadow:0 10px 30px #daa52033}.practice-mode-btn.mode-weak{border-color:#fbbf2466}.practice-mode-btn.mode-weak:hover{border-color:#fbbf24b3;box-shadow:0 10px 30px #fbbf2433}.practice-mode-btn.mode-error{border-color:#ef444466}.practice-mode-btn.mode-error:hover{border-color:#ef4444b3;box-shadow:0 10px 30px #ef444433}.lb-hero{display:flex;align-items:center;gap:20px;padding:22px;background:linear-gradient(135deg,#f5a62314,#151a24);border:1px solid rgba(255,255,255,.09);border-radius:18px;margin-bottom:16px;flex-wrap:wrap}.lb-hero-badge{width:64px;height:72px;flex-shrink:0;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(160deg,#f5a623,#b97a12);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px #f5a62366}.lb-hero-badge svg{width:26px;height:26px;color:#1a1300}.lb-hero-text{flex:1;min-width:180px}.lb-hero-text .tag{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#646e84;letter-spacing:.05em}.lb-hero-text h2{font-size:1.35rem;font-weight:800;margin:3px 0 5px;font-family:Syne,sans-serif}.lb-hero-text p{font-size:.82rem;color:#9aa3b5}.lb-hero-text .promo{color:#3dd68c;font-weight:700}.lb-hero-text .demo{color:#ff5470;font-weight:700}.lb-countdown{text-align:right;flex-shrink:0}.lb-countdown .cd-label{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#646e84;letter-spacing:.05em}.lb-countdown .cd-value{font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:700;color:#f5a623;margin-top:3px}.lb-tier-track{display:flex;align-items:center;margin-bottom:28px;padding:0 6px}.lb-tier-node{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex:1}.lb-tier-hex{width:30px;height:34px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#151a24;border:2px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lb-tier-node.active .lb-tier-hex{background:#f5a623;border-color:#f5a623;box-shadow:0 0 16px #f5a62380;transform:scale(1.2)}.lb-tier-node.done .lb-tier-hex{background:#191f2c;border-color:#9aa3b5}.lb-tier-label{font-family:JetBrains Mono,monospace;font-size:.6rem;color:#646e84;text-align:center}.lb-tier-node.active .lb-tier-label{color:#f5a623;font-weight:700}.lb-tier-line{position:absolute;top:17px;left:50%;width:100%;height:2px;background:#ffffff29;z-index:-1}.lb-tier-node:last-child .lb-tier-line{display:none}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-bottom:32px}.lb-pod-col{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s ease}.lb-pod-col:hover{transform:translateY(-3px)}.lb-pod-ring{position:relative}.lb-pod-ring svg{display:block}.lb-pod-avatar{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;background:#191f2c}.lb-pod-crown{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1.3rem}.lb-pod-col .name{font-weight:700;font-size:.88rem;margin-top:2px}.lb-pod-col .xp{font-family:JetBrains Mono,monospace;font-size:.78rem;color:#f5a623}.lb-pod-col.rank1 .lb-pod-ring{width:96px;height:96px}.lb-pod-col.rank1 .lb-pod-avatar{width:82px;height:82px;font-size:1.2rem}.lb-pod-col.rank2 .lb-pod-ring,.lb-pod-col.rank3 .lb-pod-ring{width:74px;height:74px}.lb-pod-col.rank2 .lb-pod-avatar,.lb-pod-col.rank3 .lb-pod-avatar{width:64px;height:64px;font-size:1rem}.lb-pod-col.rank2{padding-bottom:8px}.lb-pod-col.rank3{padding-bottom:18px}.lb-section-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#646e84;letter-spacing:.06em;margin-bottom:12px;display:block}.lb-rank-list{display:flex;flex-direction:column;gap:6px;margin-bottom:32px}.lb-rank-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#151a24;border:1px solid rgba(255,255,255,.09);transition:border-color .15s ease;cursor:pointer}.lb-rank-row:hover{border-color:#ffffff29}.lb-rank-row.promo{border-left:3px solid #3DD68C}.lb-rank-row.demo{border-left:3px solid #FF5470}.lb-rank-row.me{background:#f5a6231f;border-color:#f5a62359}.lb-rank-num{font-family:JetBrains Mono,monospace;font-weight:700;color:#646e84;width:20px;text-align:center;flex-shrink:0}.lb-rank-trend{width:30px;flex-shrink:0;display:flex;align-items:center;gap:2px;font-family:JetBrains Mono,monospace;font-size:.7rem}.lb-rank-trend.up{color:#3dd68c}.lb-rank-trend.down{color:#ff5470}.lb-rank-trend.same{color:#646e84}.lb-rank-av{width:32px;height:32px;border-radius:50%;background:#191f2c;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;flex-shrink:0}.lb-rank-row.me .lb-rank-av{background:#f5a623;color:#1a1300}.lb-rank-name{flex:1;min-width:0}.lb-rank-name .nm{font-weight:700;font-size:.88rem}.lb-rank-name .meta{font-family:JetBrains Mono,monospace;font-size:.68rem;color:#646e84;margin-top:1px}.lb-rank-xp{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.86rem;color:#f5a623;flex-shrink:0}.lb-zone-divider{font-family:JetBrains Mono,monospace;font-size:.65rem;text-align:center;padding:4px 0;letter-spacing:.04em}.lb-zone-divider.promo-line{color:#3dd68c}.lb-zone-divider.demo-line{color:#ff5470}.lb-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}@media (max-width: 680px){.lb-dual-grid{grid-template-columns:1fr}}.lb-mini-card{background:#151a24;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px}.lb-mini-card h3{font-size:.94rem;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-family:Syne,sans-serif}.lb-mini-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.09);font-size:.84rem}.lb-mini-row:first-of-type{border-top:none}.lb-mini-row .mname{flex:1}.lb-mini-row .mval{font-family:JetBrains Mono,monospace;font-size:.78rem}.lb-mini-row .mval.green{color:#3dd68c}.lb-mini-row .mval.coral{color:#ff5470}.lb-you-bar{position:sticky;bottom:12px;z-index:40;background:#151a24;border:1px solid #F5A623;border-radius:999px;padding:9px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 36px #00000080,0 0 0 1px #f5a62326;font-size:.84rem;max-width:92vw;margin:0 auto;width:-moz-fit-content;width:fit-content}.lb-you-bar b{color:#f5a623}.lb-you-bar .sep{width:1px;height:14px;background:#ffffff29}.lb-you-bar .next{font-family:JetBrains Mono,monospace;font-size:.74rem;color:#9aa3b5;white-space:nowrap}.lb-scope-tabs{display:flex;gap:5px;background:#151a24;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px;margin-bottom:20px}.lb-scope-tab{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;color:#646e84;background:none;border:none;border-radius:999px;padding:6px 12px;transition:all .15s ease}.lb-scope-tab.active{color:#1a1300;background:#f5a623}.lb-profile-modal{max-width:420px!important;max-height:88vh;overflow:hidden;padding:0!important;border-radius:18px!important}.lb-profile-header{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.lb-profile-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1rem;color:#1a1300}.lb-profile-header-info{flex:1;min-width:0}.lb-profile-header-info .uname{font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem}.lb-profile-header-info .tier-badge{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:2px 8px;border-radius:6px;margin-top:3px;display:inline-block}.lb-profile-body{padding:16px 20px 20px}.lb-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.lb-profile-stat{background:#ffffff0a;border-radius:10px;padding:10px 12px}.lb-profile-stat .label{font-size:.68rem;color:#646e84}.lb-profile-stat .value{font-size:1.1rem;font-weight:700;margin-top:2px}.lb-profile-mastery{margin-bottom:12px}.lb-profile-mastery .mlabel{font-size:.7rem;color:#646e84;margin-bottom:4px;display:flex;justify-content:space-between}.lb-profile-mastery .bar{height:6px;background:#ffd70026;border-radius:4px;overflow:hidden}.lb-profile-mastery .fill{height:100%;background:linear-gradient(90deg,gold,#daa520);border-radius:4px;transition:width .6s ease}.lb-profile-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lb-profile-badges .blabel{font-size:.7rem;color:#646e84;margin-right:4px}.lb-profile-pb{display:inline-flex;align-items:center;gap:4px;background:#f5a6231f;border:1px solid rgba(245,166,35,.3);border-radius:999px;padding:3px 10px;font-size:.72rem;color:#f5a623;font-weight:600}@media (max-width: 640px){.lb-podium{gap:10px}.lb-pod-col.rank1 .lb-pod-ring{width:80px;height:80px}.lb-pod-col.rank1 .lb-pod-avatar{width:68px;height:68px;font-size:1rem}.lb-pod-col.rank2 .lb-pod-ring,.lb-pod-col.rank3 .lb-pod-ring{width:62px;height:62px}.lb-pod-col.rank2 .lb-pod-avatar,.lb-pod-col.rank3 .lb-pod-avatar{width:54px;height:54px;font-size:.88rem}.lb-pod-col .name{font-size:.78rem}.lb-pod-col .xp{font-size:.7rem}.lb-rank-row{padding:8px 10px;gap:8px}.lb-rank-av{width:28px;height:28px;font-size:.62rem}.lb-rank-name .nm{font-size:.82rem}.lb-rank-xp{font-size:.78rem}.lb-hero{padding:16px;gap:14px}.lb-hero-badge{width:52px;height:58px}.lb-hero-text h2{font-size:1.15rem}.lb-countdown .cd-value{font-size:.92rem}.lb-tier-label{font-size:.55rem}.lb-tier-hex{width:26px;height:30px}.lb-you-bar{font-size:.76rem;padding:7px 14px;gap:10px}.lb-profile-stats{grid-template-columns:1fr 1fr;gap:6px}.lb-profile-stat{padding:8px 10px}.lb-profile-stat .value{font-size:.95rem}}.quests-grid{display:grid;gap:10px;margin:12px 0}.quest-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:linear-gradient(145deg,#14141480,#0a0a0ab3);border:1px solid rgba(255,215,0,.15);transition:all .3s}.quest-card:hover{border-color:#ffd7004d;transform:translate(4px)}.quest-card.completed{background:linear-gradient(145deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.quest-card .quest-check{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#ffd70033;transition:all .3s}.quest-card.completed .quest-check{background:linear-gradient(135deg,#22c55e,#16a34a);animation:popIn .3s ease}.quest-card .quest-label{flex:1;font-size:14px}.quest-card .quest-reward{font-size:12px;color:#facc15;font-weight:600}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text-sm{height:12px;width:60%}.skeleton-text-lg{height:24px;width:80%}.skeleton-avatar{width:64px;height:64px;border-radius:50%}.skeleton-card{height:200px;border-radius:16px}.skeleton-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 20px #ffd70066}.hover-border{transition:border-color .3s cubic-bezier(.4,0,.2,1)}.hover-border:hover{border-color:#ffd70080}a{transition:color .2s ease}a:hover{color:gold}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-tab{padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;background:transparent;border:1px solid rgba(255,215,0,.3);color:gold;cursor:pointer;transition:all .3s}.filter-tab:hover{background:#ffd7001a;border-color:#ffd70080}.filter-tab.active{background:linear-gradient(135deg,gold,#daa520);border-color:transparent;color:#0a0a0a;box-shadow:0 4px 15px #ffd7004d}.demo-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-banner.warning{background:linear-gradient(145deg,#facc151a,#f59e0b0d);border:1px solid rgba(250,204,21,.3)}.demo-banner.info{background:linear-gradient(145deg,#2dd4a01a,#22c55e0d);border:1px solid rgba(45,212,160,.3)}.demo-banner .banner-icon{font-size:20px}.demo-banner .banner-text{flex:1;font-size:13px}.demo-banner .banner-action{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;background:linear-gradient(135deg,gold,#daa520);border:none;color:#0a0a0a;cursor:pointer;transition:all .3s}.demo-banner .banner-action:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70066}.outline-list{display:grid;gap:10px}.topbar{position:sticky;top:0;z-index:100;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));background:linear-gradient(180deg,#0a0a0af2,#0a0a0ad9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.15)}.topbar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.app-logo{display:flex;align-items:center;gap:12px}.app-logo .logo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,gold,#daa520,#b8860b);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px #ffd70066;animation:floatUp 3s ease-in-out infinite}.app-logo .logo-text{display:flex;flex-direction:column}.app-logo .logo-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.app-logo .logo-subtitle{font-size:11px;color:#64748b;letter-spacing:1px;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative;z-index:100}.header-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;background:#14141499;border:1px solid rgba(255,215,0,.2);color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.header-btn:hover{background:#ffd70026;border-color:#ffd70066;transform:translateY(-2px)}.header-btn .btn-icon{font-size:16px}.header-btn .btn-label{display:none}@media (min-width: 768px){.header-btn .btn-label{display:inline}}.header-btn.palette-btn{background:linear-gradient(135deg,#ffd70033,#daa52033);border-color:#ffd70066}.header-btn.palette-btn:hover{background:linear-gradient(135deg,#ffd7004d,#daa5204d);box-shadow:0 4px 15px #ffd7004d}.header-btn.palette-btn .shortcut{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:4px;margin-left:4px}.header-btn.theme-btn{width:40px;padding:0;font-size:18px}.theme-selector{position:relative}.theme-selector-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#14141499;border:1px solid rgba(255,215,0,.2);color:#e2e8f0;font-size:13px;cursor:pointer;transition:all .3s}.theme-selector-btn:hover{background:#ffd70026;border-color:#ffd70066}.theme-selector-btn .current-theme{display:flex;align-items:center;gap:6px}.theme-selector-btn .theme-dot{width:12px;height:12px;border-radius:50%}.theme-selector-btn .theme-dot.aurora{background:linear-gradient(135deg,#6366f1,#a855f7)}.theme-selector-btn .theme-dot.paper{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.theme-selector-btn .theme-dot.neon{background:linear-gradient(135deg,#00d4ff,#22c55e)}.theme-selector-btn .theme-dot.gold{background:linear-gradient(135deg,gold,#b8860b)}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#0a0a0af2;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0006;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s}.theme-selector.open .theme-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.theme-option:hover{background:#ffd70026}.theme-option.active{background:#ffd70033}.theme-option .theme-preview{width:24px;height:24px;border-radius:6px}.theme-option .theme-preview.aurora{background:linear-gradient(135deg,#6366f1,#a855f7)}.theme-option .theme-preview.paper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #d1d5db}.theme-option .theme-preview.gold{background:linear-gradient(135deg,gold,#b8860b)}.theme-option .theme-name{font-size:13px;font-weight:500}.user-profile-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(145deg,#14141499,#0a0a0acc);border:1px solid rgba(255,215,0,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:12px;position:relative;overflow:hidden;z-index:0}.user-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,gold,#daa520);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#0a0a0a;box-shadow:0 4px 15px #ffd7004d;position:relative}.user-avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:linear-gradient(135deg,gold,#daa520);z-index:-1;opacity:.5;animation:breathe 2s ease-in-out infinite}.user-info{flex:1}.user-name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.user-role{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.user-stats{display:flex;gap:16px;margin-top:8px}.user-stat{display:flex;align-items:center;gap:6px}.user-stat .stat-icon{font-size:14px}.user-stat .stat-value{font-weight:600;font-size:14px}.user-stat .stat-label{font-size:11px;color:#64748b}.user-stat.xp-stat .stat-value{color:#fbbf24}.user-stat.streak-stat .stat-value{color:#ff6b35}.user-stat.session-stat .stat-value{color:#22c55e}.user-badges{display:flex;gap:4px;margin-left:auto;padding-left:12px;border-left:1px solid rgba(255,215,0,.2)}.badge-icon{width:28px;height:28px;border-radius:8px;background:#ffd70033;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s}.badge-icon:hover{transform:scale(1.15)}.badge-more{font-size:10px;font-weight:600;color:gold}.demo-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.hero-banner{position:relative;height:200px;border-radius:20px;overflow:hidden;margin-bottom:16px}.hero-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0a0a0ae6);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.hero-overlay h2{margin:0 0 8px;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-overlay p{margin:0;font-size:14px;color:#94a3b8;max-width:400px}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.2),transparent 50%),radial-gradient(circle at 80% 30%,rgba(218,165,32,.15),transparent 40%);pointer-events:none}.header-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:12px;background:linear-gradient(135deg,#ffd70026,#daa52026);border:1px solid rgba(255,215,0,.3);color:gold;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;width:100%;max-width:200px;margin:8px auto}.header-toggle-btn:hover{background:linear-gradient(135deg,#ffd70040,#daa52040);border-color:#ffd70080;transform:translateY(-2px)}.header-toggle-btn .toggle-icon{font-size:10px;transition:transform .3s}.header-toggle-btn:hover .toggle-icon{transform:translateY(-2px)}@media (max-width: 768px){.topbar{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top))}.app-logo .logo-title{font-size:16px}.app-logo .logo-subtitle{display:none}.user-profile-card{flex-wrap:wrap}.user-stats{flex-wrap:wrap;gap:12px}.user-badges{border-left:none;border-top:1px solid rgba(255,215,0,.2);padding-left:0;padding-top:12px;margin-left:0;margin-top:12px;width:100%;justify-content:center}.hero-banner{height:160px}.hero-overlay h2{font-size:22px}}*{box-sizing:border-box}body{margin:0;position:fixed;overflow:hidden;width:100%;height:100%;overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}#root{overflow-y:auto;height:100%;overscroll-behavior:contain;scroll-behavior:smooth;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.08),transparent 35%),#000000b3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all}.loading-logo{width:140px;height:140px;-o-object-fit:contain;object-fit:contain;border-radius:20px;box-shadow:0 20px 40px #00000059;animation:pulse 1.8s ease-in-out infinite}.loading-text{font-weight:600;letter-spacing:.5px;color:#facc15;text-shadow:0 2px 10px rgba(0,0,0,.45)}@keyframes pulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:.95}}.app{min-height:100vh;min-height:100dvh;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom));box-sizing:border-box}.app-sidebar{display:none}@media (min-width: 769px){.app{margin-left:240px;transition:margin-left .2s ease}.app.sidebar-collapsed{margin-left:64px}.app-sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:240px;background:linear-gradient(180deg,#0a0a0a,#0d0d0d);border-right:1px solid rgba(255,215,0,.12);z-index:90;overflow:hidden;transition:width .2s ease}.app-sidebar.collapsed{width:64px}.app-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,215,0,.3),transparent)}.app-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:none;border-bottom:1px solid rgba(255,215,0,.08);background:transparent;color:#8a8a7a;cursor:pointer;transition:all .15s ease}.app-sidebar-toggle:hover{background:#ffd7000f;color:gold}.app-sidebar.collapsed .app-sidebar-toggle svg{transform:rotate(180deg)}.app-sidebar-toggle svg{transition:transform .2s ease}.app-sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.15) transparent;touch-action:pan-y;overscroll-behavior:contain}.app-sidebar-scroll::-webkit-scrollbar{width:4px}.app-sidebar-scroll::-webkit-scrollbar-thumb{background:#ffd70026;border-radius:4px}.app-sidebar-section{margin-bottom:16px}.app-sidebar-label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a5a3a;padding:0 12px 6px}.app-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:#8a8a7a;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:2px;text-align:left;position:relative}.app-sidebar-item:hover{background:#ffd7000f;color:#c8c8a8}.app-sidebar-item.active{background:#ffd7001a;color:gold;font-weight:600}.app-sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,gold,#daa520)}.app-sidebar-icon{flex-shrink:0}.app-sidebar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-premium{background:linear-gradient(135deg,#ffd70014,#daa5200d);border:1px solid rgba(218,165,32,.2);margin-top:4px}.app-sidebar-premium:hover{background:linear-gradient(135deg,#ffd7001f,#daa52014)}.app-sidebar.collapsed .app-sidebar-label,.app-sidebar.collapsed .app-sidebar-text{display:none}.app-sidebar.collapsed .app-sidebar-item{justify-content:center;padding:12px}.app-sidebar.collapsed .app-sidebar-item.active:before{left:-8px}.app-sidebar.collapsed .app-sidebar-premium{border:1px solid rgba(218,165,32,.2)}}@media (min-width: 769px) and (max-width: 1024px){.app,.app.sidebar-collapsed{margin-left:64px}.app-sidebar{width:64px}.app-sidebar .app-sidebar-label,.app-sidebar .app-sidebar-text{display:none}.app-sidebar .app-sidebar-item{justify-content:center;padding:12px}.app-sidebar .app-sidebar-item.active:before{left:-8px}.app-sidebar .app-sidebar-premium{border:1px solid rgba(218,165,32,.2)}.app-sidebar-toggle{display:none}}.mc-sticky-header{position:sticky;top:0;z-index:50;padding-top:8px;padding-bottom:8px;background:linear-gradient(180deg,#0a0a0af7,#0a0a0aeb);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.12)}.mc-sticky-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent)}.hero-banner{position:relative;height:220px;border:1px solid #3e4752;border-radius:14px;overflow:hidden;margin-bottom:14px}@media (max-width: 768px){.hero-banner{height:160px}}.hero-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(1.1)}.theme-aurora{background:radial-gradient(circle at 20% 20%,rgba(129,140,248,.07),transparent 30%),#0a0d13}.theme-paper{background:linear-gradient(180deg,#fdfdfb,#f2f2f8);color:#0e1726}.theme-neon{background:radial-gradient(circle at 80% 10%,rgba(59,130,246,.15),transparent 35%),#070912;color:#e9ecff}.theme-gold{background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.08),transparent 30%),#0a0a0a;color:gold}.theme-gold .card{border-color:#3a3a1a;background:#141414cc;box-shadow:0 10px 35px #00000080;color:#e2e8f0}.theme-gold .muted{color:#8b6914;opacity:1}.theme-gold input,.theme-gold textarea,.theme-gold select{background:#141414;border-color:#3a3a1a;color:gold}.theme-gold input::-moz-placeholder,.theme-gold textarea::-moz-placeholder{color:#8b6914}.theme-gold input::placeholder,.theme-gold textarea::placeholder{color:#8b6914}.theme-gold button{color:gold}.theme-gold .lesson-block{background:#ffd70008;border-color:#3a3a1a;color:#e2e8f0}.theme-gold .history-row{background:#ffd70005;border-color:#3a3a1a}.theme-gold .history-row:hover{background:#ffd7000f}.theme-neon .card{border-color:#2f3750;background:#131828b3;box-shadow:0 10px 35px #00000059}.theme-paper .card{border-color:#e0e2ea;background:#fff;color:#0e1726}.theme-paper .muted{color:#4b5563;opacity:1}.light input,.light textarea,.light select,.theme-paper input,.theme-paper textarea,.theme-paper select{background:#fff;border-color:#c4c8d0;color:#1e293b}.light input::-moz-placeholder,.light textarea::-moz-placeholder,.theme-paper input::-moz-placeholder,.theme-paper textarea::-moz-placeholder{color:#9ca3af}.light input::placeholder,.light textarea::placeholder,.theme-paper input::placeholder,.theme-paper textarea::placeholder{color:#9ca3af}.light button,.theme-paper button{color:#1e293b}.light .lesson-block,.theme-paper .lesson-block{background:#00000005;border-color:#e0e2ea;color:#1e293b}.light .history-row,.theme-paper .history-row{background:#00000005;border-color:#e0e2ea}.light .history-row:hover,.theme-paper .history-row:hover{background:#0000000a}.density-compact .card{padding:12px}.density-compact .row,.density-compact .tabs{gap:6px}.density-compact .subject-btn{padding:8px}.card,.subject-btn,.palette-row{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000002e}.subject-btn:hover{transform:translateY(-1px);border-color:gold}.palette-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #3e4752;border-radius:10px;background:#ffffff05;cursor:pointer}.palette-row:hover{border-color:gold;background:#ffd70014}kbd{background:#1f2937;border-radius:6px;padding:2px 6px;font-size:11px;border:1px solid #3e4752}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#000000a6);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.hero-overlay h2{margin:0 0 6px}.hero-overlay p{margin:0;opacity:.9}.dark{background:#0a0a0a!important;color:#e2e8f0;color:#eaf0f8;--card-bg: #141414;--text-primary: #FFD700;--text-secondary: #DAA520;--text-muted: #8B6914;--border-color: #3a3a1a;--border-light: #1a1a1a;--progress-bg: #2a2a2a;--item-bg: #0f0f0f;--accent-color: #FFD700;--accent-bg: rgba(255, 215, 0, .2);--option-bg: #1a1a1a;--selected-bg: rgba(255, 215, 0, .15);--selected-border: #FFD700;--selected-text: #FFD700;--correct-bg: #064e3b;--correct-border: #10b981;--correct-text: #6ee7b7;--wrong-bg: #7f1d1d;--wrong-border: #ef4444;--wrong-text: #fca5a5;--hint-bg: rgba(255, 215, 0, .1);--hint-border: #FFD700;--hint-title: #FFD700;--hint-text: #DAA520;--hint-item-bg: rgba(255, 215, 0, .1);--skip-bg: #475569;--quiz-bg: rgba(255, 215, 0, .1);--quiz-header: #FFD700;--flashcard-header: #FFD700;--flashcard-front: #1a1a1a;--flashcard-back: #0d0d0d;--flashcard-border: #FFD700;--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--warning-border: rgba(251, 191, 36, .4);--warning-text: #fbbf24;--danger-bg: rgba(239, 68, 68, .15);--danger-border: #ef4444;--danger-text: #fca5a5;--success-bg: rgba(45, 212, 160, .15);--success-border: rgba(45, 212, 160, .4);--success-text: #2dd4a0}.light{background:#f7f7fb!important;color:#1e293b;color:#121212;--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--border-color: #e5e7eb;--border-light: #f3f4f6;--progress-bg: #e5e7eb;--item-bg: #f3f4f6;--accent-color: #FFD700;--accent-bg: rgba(255, 215, 0, .1);--option-bg: #f3f4f6;--selected-bg: rgba(255, 215, 0, .15);--selected-border: #FFD700;--selected-text: #8B6914;--correct-bg: #dcfce7;--correct-border: #16a34a;--correct-text: #166534;--wrong-bg: #fee2e2;--wrong-border: #dc2626;--wrong-text: #991b1b;--hint-bg: rgba(255, 215, 0, .08);--hint-border: #FFD700;--hint-title: #B8860B;--hint-text: #8B6914;--hint-item-bg: rgba(255, 215, 0, .1);--skip-bg: #6b7280;--quiz-bg: rgba(255, 215, 0, .08);--quiz-header: #B8860B;--flashcard-header: #FFD700;--flashcard-front: #fefce8;--flashcard-back: #fef3c7;--flashcard-border: #FFD700;--warning-color: #f59e0b;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .3);--warning-text: #92400e;--danger-bg: rgba(239, 68, 68, .1);--danger-border: #ef4444;--danger-text: #dc2626;--success-bg: rgba(45, 212, 160, .1);--success-border: rgba(45, 212, 160, .3);--success-text: #059669}.topbar h1{margin:0 0 6px}.muted{opacity:.75}.light .muted,.theme-paper .muted{color:#4b5563!important;opacity:1}.ai-chat-container{min-height:300px;max-height:400px;overflow-y:auto;border:1px solid #3e4752;border-radius:10px;padding:12px;background:#0003;display:flex;touch-action:pan-y;overscroll-behavior:contain;flex-direction:column}.light .ai-chat-container,.theme-paper .ai-chat-container{border-color:#c4c8d0;background:#00000008}.ai-chat-msg-user{background:#ffd70026;padding:10px;border-radius:8px;color:#fff}.ai-chat-msg-assistant{background:#ffd70014;padding:10px;border-radius:8px;color:#fff}.ai-chat-input{background:#1e293b!important;color:#fff!important;border:1px solid #4f5a67;border-radius:8px;padding:10px 12px}.ai-chat-input::-moz-placeholder{color:#9ca3af}.ai-chat-input::placeholder{color:#9ca3af}.light .ai-chat-input,.theme-paper .ai-chat-input{background:#fff!important;color:#1e293b!important}.light .ai-chat-input::-moz-placeholder,.theme-paper .ai-chat-input::-moz-placeholder{color:#6b7280}.light .ai-chat-input::placeholder,.theme-paper .ai-chat-input::placeholder{color:#6b7280}.light .ai-chat-msg-user,.theme-paper .ai-chat-msg-user{background:#ffd7001f;color:#1e293b}.light .ai-chat-msg-assistant,.theme-paper .ai-chat-msg-assistant{background:#ffd70014;color:#1e293b}.tabs{display:flex;gap:10px;margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:8px}.tabs::-webkit-scrollbar{display:none}.tabs button{border:1px solid #4f5a67;background:transparent;color:inherit;padding:8px 12px;border-radius:8px;cursor:pointer}.tabs .active{border-color:gold}.card{border:1px solid #3e4752;border-radius:12px;padding:16px;max-width:860px;margin-bottom:16px;width:100%;box-sizing:border-box}.subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}@media (max-width: 768px){.subjects{grid-template-columns:repeat(2,1fr);gap:8px}.card{padding:12px;margin-bottom:12px}}.subject-btn{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px;border:1px solid #4f5a67;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.subject-btn.rich{justify-content:flex-start;padding:8px;text-align:left}.subject-media{width:72px;height:56px;border-radius:8px;overflow:hidden;border:1px solid #4f5a67;flex-shrink:0;position:relative;background:#18202b}.subject-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.subject-icon-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:#0003;animation:floaty 2.8s ease-in-out infinite}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.tabs button{position:relative}.tabs .active:after{content:"";position:absolute;left:12px;right:12px;bottom:-6px;height:3px;border-radius:999px;background:linear-gradient(90deg,gold,#daa520,#b8860b,#facc15)}.subject-meta{display:flex;flex-direction:column;gap:2px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.question{font-size:1.1rem}.options{display:grid;gap:8px}.option{text-align:left;border:1px solid #4f5a67;border-radius:8px;background:transparent;color:inherit;padding:10px;cursor:pointer}.option.ok{border-color:gold}.option.bad{border-color:#ff6b6b}.option.selected{border-color:gold;background:#ffd70026}.history{display:grid;gap:8px}.history-row{display:flex;justify-content:space-between;border-bottom:1px solid #3e4752;padding-bottom:8px}button{border:1px solid #4f5a67;border-radius:8px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.danger{border-color:#ff6b6b;color:#ff6b6b}input,select{border:1px solid #4f5a67;border-radius:8px;background:transparent;color:inherit;padding:8px 10px}label{display:grid;gap:6px}.lesson-block{border:1px dashed #4f5a67;border-radius:10px;padding:12px;margin-bottom:12px}.lesson-image{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #4f5a67;margin-bottom:10px}textarea{border:1px solid #4f5a67;border-radius:8px;background:transparent;color:inherit;padding:8px 10px}.chart-row{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:10px;margin:8px 0}.bar{height:10px;border:1px solid #4f5a67;border-radius:999px;overflow:hidden}.fill{height:100%;background:gold}.sparkline{height:140px;border:1px dashed #4f5a67;border-radius:10px;display:flex;align-items:flex-end;gap:4px;padding:8px}.spark{width:10px;background:gold;border-radius:4px 4px 0 0}.tab-back-header{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:var(--card-bg, rgba(30, 41, 59, .6));border-bottom:1px solid var(--border-color, rgba(51, 65, 85, .5));border-radius:12px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-back-btn{background:#ffd70026;border:1px solid rgba(255,215,0,.3);color:gold;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.tab-back-btn:hover{background:#ffd7004d;transform:translate(-2px)}.tab-back-title{font-size:16px;font-weight:700;color:var(--text-primary, #f1f5f9)}.light .tab-back-btn{background:#ffd7001a;border-color:#ffd7004d;color:#b8860b}.light .tab-back-btn:hover{background:#ffd70033}.search-bar{flex:1;padding:10px 14px;border:1px solid #4f5a67;border-radius:10px;background:transparent;color:inherit;font-size:1rem}.search-bar:focus{outline:none;border-color:gold}.flashcard-wrap{perspective:1000px;cursor:pointer;margin:16px 0;min-height:180px}.flashcard{position:relative;width:100%;min-height:180px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #4f5a67;border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.flashcard-front{background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.flashcard-back{background:linear-gradient(135deg,#1a1a0a,#0a0a0a);border-color:gold;transform:rotateY(180deg)}.light .flashcard-front,.theme-paper .flashcard-front{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#c4c8d0;color:#1e293b}.light .flashcard-back,.theme-paper .flashcard-back{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#2dd4a0;color:#1e293b}.light .flashcard-front .question,.light .flashcard-back p,.theme-paper .flashcard-front .question,.theme-paper .flashcard-back p{color:#1e293b!important}.flashcard-answer{font-size:1.1rem;color:gold}.light .flashcard-answer,.theme-paper .flashcard-answer{color:#059669!important}.badge-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:12px;border:1px solid #3e4752;text-align:center}.badge-card.earned{border-color:gold;background:#ffd70012}.badge-card.locked{border-color:#3e4752;background:transparent}.badge-icon{font-size:2rem;line-height:1}.timetable{border-collapse:collapse;min-width:600px;width:100%;font-size:13px}.timetable th{padding:8px 10px;text-align:center;border:1px solid #5a6475;background:#ffd7001f;font-weight:600;white-space:nowrap;color:inherit}.tt-hour{padding:6px 10px;border:1px solid #5a6475;white-space:nowrap;font-size:12px;text-align:right;background:#ffffff0a;font-weight:500}.tt-cell{min-width:80px;max-width:120px;height:auto;min-height:38px;border:1px solid #5a6475;text-align:center;vertical-align:middle;transition:background .15s;background:#ffffff05;padding:4px 2px}.tt-cell span{display:block;font-size:11px;line-height:1.2;word-break:break-word;max-width:100%}.tt-cell:hover{background:#ffd70014!important}.light .timetable th{background:#ffd70026;border-color:#c4c8d0;color:#121212}.light .tt-hour{border-color:#c4c8d0;background:#0000000a}.light .tt-cell{border-color:#c4c8d0;background:#fff}.light .tt-cell:hover{background:#ffd7001f!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#141414;border:1px solid #3a3a1a;border-radius:14px;padding:24px;min-width:300px;max-width:480px;width:100%}.light .modal-box{background:#fff}.discussion-thread{border:1px solid #3e4752;border-radius:10px;margin-top:12px;overflow:hidden}.discussion-post{padding:12px 14px;border-bottom:1px solid #3e4752}.discussion-reply{padding:10px 14px 10px 28px;border-bottom:1px solid #2a3240;background:#ffffff05}.post-author{font-weight:600;color:gold;font-size:13px}.cheat-qa{border-left:3px solid #FFD700;padding:8px 12px;margin:8px 0;border-radius:0 8px 8px 0;background:#ffd7000d}.heatmap{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 16px}.heatmap-cell{width:18px;height:18px;border-radius:4px;cursor:default;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.4)}.mobile-nav{display:none}@keyframes sc-fabPulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.15);opacity:0}}@media (max-width: 768px){.app{padding:10px 10px calc(80px + env(safe-area-inset-bottom));min-height:100dvh}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#07090df7;border-top:1px solid rgba(255,255,255,.09);padding:13px 0 20px;padding-bottom:calc(13px + env(safe-area-inset-bottom));gap:4px;justify-content:space-around;align-items:center;overscroll-behavior:contain;touch-action:manipulation}.light .mobile-nav{background:#f7f7fb;border-top-color:#cdd0d6}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:transparent;border:none;color:#565e6e;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent;position:relative;font-size:9.5px;font-weight:600}.mobile-nav button.active{color:#f5f7fb}.mobile-nav button.active:before{content:"";position:absolute;top:-8px;width:4px;height:4px;border-radius:50%;background:#f5a623;box-shadow:0 0 6px #f5a623}.mobile-nav button.more-btn.has-active{color:#f5f7fb}.mobile-nav .nav-icon{font-size:20px}.mobile-nav .nav-label{font-size:9.5px;font-weight:600}.mobile-nav .nav-fab{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffc24d,#f5a623);display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:0 10px 24px -6px #f5a62380,0 0 0 5px #07090d;color:#201400;cursor:pointer;position:relative;transition:transform .2s ease;flex-shrink:0}.mobile-nav .nav-fab:hover{transform:scale(1.1) rotate(10deg)}.mobile-nav .nav-fab:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#f5a623;opacity:.35;animation:sc-fabPulse 2.5s ease-in-out infinite;z-index:-1}.desktop-tabs{display:none!important}@keyframes sc-fabslide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-fabfade{0%{opacity:0}to{opacity:1}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;display:flex;align-items:flex-end;justify-content:center}.mobile-menu{background:#0a0a0a;border-radius:16px 16px 0 0;padding:16px;width:100%;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease;touch-action:pan-y;overscroll-behavior:contain}.light .mobile-menu{background:#f7f7fb}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:10px 2px 6px;margin-top:4px}.light .mobile-menu-section-label{color:#94a3b8}.mobile-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.mobile-menu-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff0d;border:1px solid #3e4752;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:11px;transition:all .2s}.light .mobile-menu-grid button{background:#00000008;border-color:#cdd0d6;color:#334155}.mobile-menu-grid button:active,.mobile-menu-grid button.active{background:#ffd70033;border-color:gold;color:gold}.mobile-menu-grid button span:first-child{font-size:20px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#root{-webkit-overflow-scrolling:touch}.row{flex-wrap:wrap;gap:8px}button{min-height:44px;touch-action:manipulation}input,textarea,select{font-size:16px}.app:after{content:"";position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom);background:inherit;z-index:-1}.heatmap-grid{grid-template-columns:repeat(10,1fr);gap:2px}.heatmap-cell{width:100%;aspect-ratio:1}.league-progress,.heatmap-container{padding:12px}}.tabs button{font-size:11px;padding:6px 8px;flex-shrink:0}.today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.today-tile{background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:12px;padding:12px 14px}.confetti-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle{position:absolute;border-radius:2px;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.celebration-toast{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9998;background:linear-gradient(135deg,gold,#daa520);border-radius:16px;padding:16px 24px;box-shadow:0 10px 40px #ffd70066;cursor:pointer;animation:celebration-pop .5s cubic-bezier(.68,-.55,.265,1.55)}.celebration-content{display:flex;align-items:center;gap:12px;color:#fff}.celebration-icon{font-size:28px}.celebration-message{font-size:16px;font-weight:600}@keyframes celebration-pop{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.streak-warning{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:998;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #ee5a2466;animation:streak-pulse 2s ease-in-out infinite}.streak-warning-icon{font-size:20px}.streak-warning-text{color:#fff;font-size:13px}.streak-warning-btn{background:#fff;color:#ee5a24;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s}.streak-warning-btn:hover{transform:scale(1.05)}@keyframes streak-pulse{0%,to{box-shadow:0 4px 20px #ee5a2466}50%{box-shadow:0 4px 30px #ee5a2499}}.heatmap-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin:12px 0}.light .heatmap-container{background:#00000005;border-color:#0000001a}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.heatmap-title{font-weight:600;font-size:14px}.heatmap-stats{font-size:12px;color:#94a3b8}.heatmap-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:3px}.heatmap-cell{aspect-ratio:1;border-radius:2px;position:relative;cursor:pointer;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.3);z-index:10}.heatmap-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:100;margin-bottom:4px}.light .heatmap-tooltip{background:#334155}.heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:#94a3b8}.heatmap-legend-cells{display:flex;gap:2px}.heatmap-legend-cells div{width:12px;height:12px;border-radius:2px}.league-progress{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin:12px 0}.light .league-progress{background:#00000005;border-color:#0000001a}.league-current{display:flex;align-items:center;gap:8px;margin-bottom:10px}.league-icon{font-size:24px}.league-name{font-weight:600;font-size:16px}.league-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.light .league-bar{background:#0000001a}.league-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.league-next{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#94a3b8}.league-max{text-align:center;font-size:14px;color:gold;margin-top:8px}.celebration-notification{position:fixed;top:calc(60px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:997;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;padding:10px 16px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 4px 15px #22c55e4d;cursor:pointer;animation:slide-down .5s ease}@keyframes slide-down{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.badge-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.badge-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;text-align:center;transition:all .3s}.badge-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.badge-card.earned{background:#22c55e1a;border-color:#22c55e4d}.badge-card.rare{background:linear-gradient(135deg,#9333ea1a,#4f46e51a);border-color:#9333ea4d}.badge-card.legendary{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf244d}.badge-card.locked{opacity:.5;filter:grayscale(.8)}.badge-card.hidden{background:#ffffff05;border-style:dashed}.badge-icon{font-size:32px;margin-bottom:6px}.badge-label{font-size:12px;font-weight:600;margin-bottom:4px}.badge-desc{font-size:10px;color:#94a3b8}.badge-rarity{font-size:9px;color:#daa520;margin-top:4px}.badge-rarity.legendary{color:#fbbf24}.today-tile-label{font-size:12px;color:var(--muted, #8b8fa3);margin-bottom:4px}.today-tile-value{font-size:22px;font-weight:700}.today-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.plan-tasks{list-style:none;padding:0;margin:8px 0 0}.plan-task{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);margin-bottom:6px;background:#ffffff05}.plan-task.done .task-title{text-decoration:line-through;opacity:.6}.plan-task label{display:flex;align-items:center;gap:8px;cursor:pointer}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080912c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.onboarding-card{background:#141414;border:1px solid rgba(255,215,0,.08);border-radius:18px;padding:28px;max-width:560px;width:100%;margin:auto;overflow:visible}.onboarding-progress{display:flex;gap:6px;margin-bottom:16px}.onboarding-dot{flex:1;height:4px;border-radius:2px;background:#ffffff1a}.onboarding-dot.active{background:gold}.onboarding-actions{display:flex;justify-content:space-between;margin-top:22px;gap:8px}.onboarding-actions button.ghost{background:transparent;opacity:.7}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:12px}.onboarding-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer}.onboarding-pill.active{border-color:gold;color:gold;background:#ffd7000f}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px)}button{transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}@media (max-width: 640px){.card{border-radius:16px!important;margin:8px!important}.card>div{padding-left:16px!important;padding-right:16px!important}.card h2{font-size:20px!important}.card h3{font-size:16px!important}.card p{font-size:14px!important;line-height:1.5!important}.card button{min-height:44px!important;padding:12px 16px!important}.card .options button{padding:14px 16px!important;font-size:14px!important}.card [style*="border-radius: 30"]{padding:6px 12px!important;font-size:12px!important}.card [style*="background: linear-gradient"][style*="rgba(59, 130, 246"]{padding:12px!important}.card [style*="height: 6"]{height:4px!important}.card [style*="max-height: 400"]{max-height:300px!important}}@media (max-width: 380px){.card{margin:4px!important;border-radius:12px!important}.card button{font-size:13px!important;padding:10px 12px!important}.card [style*="display: flex"][style*="gap: 10"]{gap:6px!important}}*,*:before,*:after{box-sizing:border-box}img,video,iframe,canvas,svg{max-width:100%;height:auto}iframe{border:0}html,body{overflow-x:clip}html{font-size:clamp(14px,.55vw + 12px,17px)}@media (min-width: 1280px){.app{max-width:1400px;margin-left:auto;margin-right:auto}}@media (min-width: 1600px){.app{max-width:1500px}}@media (max-width: 1024px){.app{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.card{padding:16px}}@media (max-width: 768px){.app{padding:8px!important;padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}.card{padding:12px!important;border-radius:14px!important;margin:6px 0!important}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:15px!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select{font-size:16px!important}button:not(.icon-btn):not(.tab-btn){min-height:40px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}[role=dialog],.modal,.modal-content{max-width:100vw!important;max-height:100dvh!important;border-radius:0!important}[style*="overflowX: auto"],[style*="overflow-x: auto"],.tabs,.ai-tutor-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.ai-tutor-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{height:2px}[style*=grid-template-columns][style*="minmax(140px"],[style*=grid-template-columns][style*="minmax(160px"],[style*=grid-template-columns][style*="minmax(180px"]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}[style*=grid-template-columns][style*="minmax(220px"]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.leaderboard-row{padding:12px!important}.leaderboard-rank{width:32px!important;height:32px!important;font-size:14px!important}.today-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.today-tile{padding:12px!important;border-radius:12px!important}.today-tile-value{font-size:22px!important}.today-tile-label{font-size:10px!important;margin-bottom:4px!important}.practice-mode-btn{padding:14px 10px!important}.practice-mode-btn .mode-icon{font-size:26px!important;animation:none!important}.practice-mode-btn .mode-label{font-size:13px!important}.subject-btn{padding:10px 8px!important}.subject-btn .subject-media{width:52px!important;height:52px!important;margin-bottom:6px!important}.subject-btn .subject-icon-fallback{font-size:24px!important}.subject-btn .subject-meta strong{font-size:12px!important}.hero-banner{height:130px!important;border-radius:10px!important}}@media (max-width: 380px){html{font-size:14px}.app{padding:6px!important}.card{padding:10px!important}.today-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.today-tile-value{font-size:18px!important}.subject-btn .subject-media{width:44px!important;height:44px!important}.mobile-nav .nav-label{font-size:9px!important}.mobile-nav .nav-icon{font-size:18px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.icon-xp{animation:none!important}.leaderboard-mvp:before{animation:none!important}.today-tile.xp-tile:after,.today-tile.streak-tile:after{animation:none!important}}@media (hover: none) and (pointer: coarse){button,a,[role=button],.clickable{-webkit-tap-highlight-color:rgba(255,215,0,.2);touch-action:manipulation}button:hover,.card:hover,.subject-btn:hover,.today-tile:hover,.practice-mode-btn:hover{transform:none!important}}@supports (padding: max(0px)){.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}}@media print{.topbar,.mobile-nav,.floating-action,.desktop-tabs,button{display:none!important}.card{box-shadow:none!important;border:1px solid #ccc!important;-moz-column-break-inside:avoid;break-inside:avoid}}:focus-visible{outline:2px solid #FFD700;outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.topbar-cosmic{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 20% 40%,rgba(255,215,0,.15),transparent 55%),radial-gradient(ellipse at 80% 60%,rgba(218,165,32,.12),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(184,134,11,.08),transparent 65%),linear-gradient(135deg,#0a0a0a,#141410 40%,#1a1a10)}.topbar-cosmic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 60px 70px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 120px 120px,#fff,transparent),radial-gradient(1px 1px at 180px 50px,rgba(165,180,252,.9),transparent),radial-gradient(1px 1px at 240px 100px,#fff,transparent),radial-gradient(1.5px 1.5px at 300px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 360px 80px,rgba(251,191,36,.7),transparent),radial-gradient(1px 1px at 420px 140px,#fff,transparent),radial-gradient(1.5px 1.5px at 80px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 200px 180px,rgba(165,180,252,.8),transparent);background-repeat:repeat;background-size:480px 200px;animation:starDrift 90s linear infinite;opacity:.9}.topbar-cosmic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(2px 2px at 90% 30%,rgba(165,180,252,.9),transparent 70%),radial-gradient(circle at 92% 35%,rgba(165,180,252,.25),transparent 35%),radial-gradient(2px 2px at 15% 75%,rgba(251,191,36,.8),transparent 70%),radial-gradient(circle at 12% 78%,rgba(251,191,36,.15),transparent 30%),radial-gradient(2.5px 2.5px at 55% 20%,rgba(255,255,255,.9),transparent 70%);animation:starTwinkle 6s ease-in-out infinite alternate}@keyframes starDrift{0%{background-position:0 0}to{background-position:-480px 0}}@keyframes starTwinkle{0%{opacity:.55}to{opacity:1}}.topbar-cosmic .app-logo,.topbar-cosmic .user-profile-card,.topbar-cosmic .header-controls{position:relative;z-index:1}.topbar-cosmic .logo-title{background:linear-gradient(135deg,#fff,gold,#daa520);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cosmicShimmer 8s linear infinite}@keyframes cosmicShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.topbar-cosmic .logo-icon{position:relative}.topbar-cosmic .logo-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px dashed rgba(255,215,0,.35);animation:orbitSpin 20s linear infinite;pointer-events:none}@keyframes orbitSpin{to{transform:rotate(360deg)}}.topbar-cosmic .profile-btn{background:linear-gradient(135deg,#ffd7004d,#daa5204d);border-color:#ffd70080}.topbar-cosmic .profile-btn:hover{background:linear-gradient(135deg,#ffd70080,#daa52080);box-shadow:0 0 20px #ffd70066}@media (max-width: 768px){.topbar-cosmic:before{animation-duration:180s}.topbar-cosmic:after{animation:none;opacity:.7}.topbar-cosmic .logo-icon:after{animation-duration:40s}}@media (prefers-reduced-motion: reduce){.topbar-cosmic:before,.topbar-cosmic:after,.topbar-cosmic .logo-title,.topbar-cosmic .logo-icon:after{animation:none!important}.page-transition{animation:none!important}}.page-transition{animation:pageIn .28s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button,[role=button]{transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease}button:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.96)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.skeleton{background:linear-gradient(90deg,var(--item-bg, rgba(30, 41, 59, .5)) 25%,var(--border-color, rgba(51, 65, 85, .5)) 50%,var(--item-bg, rgba(30, 41, 59, .5)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-title{height:20px;margin-bottom:12px;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:100px;border-radius:12px}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,215,0,.2);border-top-color:var(--accent-color, #FFD700);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner-lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:99998;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;text-align:center;padding:6px 12px;font-size:12px;font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-icon-wrapper{position:relative;display:inline-block}.nav-icon-badge{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,gold,#daa520);animation:navBadgePulse 2s ease-in-out infinite;box-shadow:0 0 4px #ffd70099}@keyframes navBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.ai-tutor-primary-tabs{display:flex;gap:8px;padding:14px 16px 8px}.ai-tutor-primary-tabs button{flex:1;padding:14px 12px;border-radius:14px;border:2px solid rgba(255,215,0,.25);background:#14141499;color:gold;cursor:pointer;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ai-tutor-primary-tabs button.active{background:linear-gradient(135deg,gold,#daa520);border-color:gold;color:#0a0a0a;box-shadow:0 4px 16px #ffd7004d}.ai-tutor-primary-tabs button:not(.active):active{background:#ffd70026}.ai-tutor-fab{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));right:16px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,gold,#daa520);color:#0a0a0a;font-size:28px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ffd70066,0 0 #ffd7004d;z-index:90;transition:transform .2s ease,box-shadow .2s ease;animation:fabGlow 3s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.ai-tutor-fab:active{transform:scale(.9)}.ai-tutor-fab.open{transform:rotate(45deg);animation:none;box-shadow:0 4px 20px #ffd70080}@keyframes fabGlow{0%,to{box-shadow:0 4px 20px #ffd70066,0 0 #ffd7004d}50%{box-shadow:0 4px 20px #ffd70066,0 0 0 8px #ffd70000}}.ai-tutor-fab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-tutor-fab-popup{width:100%;max-width:360px;background:linear-gradient(145deg,#0a0a0afa,#141414f2);border:1px solid rgba(255,215,0,.25);border-radius:20px;padding:20px;animation:popupSlideUp .25s ease;max-height:80vh;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}@keyframes popupSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-tutor-fab-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-tutor-fab-popup-header h3{margin:0;font-size:16px;color:gold;font-weight:700}.ai-tutor-fab-popup-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,215,0,.3);background:#141414cc;color:gold;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-tutor-fab-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-tutor-fab-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;border:1px solid rgba(255,215,0,.2);background:#141414b3;color:gold;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.ai-tutor-fab-grid button:active{background:#ffd70033;border-color:gold;transform:scale(.96)}.ai-tutor-fab-grid button .fab-tool-icon{font-size:26px}.ai-tutor-fab-grid button .fab-tool-label{font-size:12px;font-weight:600;text-align:center}.ai-tutor-fab-grid button .fab-tool-desc{font-size:10px;color:#9ca3af;text-align:center;line-height:1.3}@media (min-width: 769px){.ai-tutor-fab,.ai-tutor-mobile-only{display:none}.ai-tutor-desktop-tabs{display:flex}}@media (max-width: 768px){.ai-tutor-desktop-tabs{display:none!important}.ai-tutor-mobile-only{display:block}button.ai-tutor-mobile-only,.ai-tutor-primary-tabs.ai-tutor-mobile-only{display:flex}}.cr-shell{display:flex;gap:0;font-family:Manrope,sans-serif;animation:crFadeIn .3s ease}@keyframes crFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cr-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:12px 8px;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.12);border-radius:16px;max-height:calc(100vh - 140px);overflow-y:auto;transition:width .25s ease,padding .25s ease;touch-action:pan-y;overscroll-behavior:contain}.cr-sidebar.collapsed{width:56px;padding:12px 6px}.cr-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:6px;border:none;border-radius:8px;background:#ffd70014;color:gold;font-size:14px;cursor:pointer;margin-bottom:4px;transition:background .15s}.cr-sidebar-toggle:hover{background:#ffd70026}.cr-class-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .18s ease;text-align:left;width:100%}.cr-class-item:hover{background:#ffd7000f;border-color:#ffd7001a}.cr-class-item.active{background:#141414cc;border-color:#ffd70066;box-shadow:0 0 12px #ffd70026}.cr-class-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;font-family:Syne,sans-serif;background:linear-gradient(135deg,#ffd70033,#daa52033);border:1px solid rgba(255,215,0,.3);color:gold;flex-shrink:0}.cr-sidebar.collapsed .cr-class-avatar{margin:0 auto}.cr-class-info{flex:1;min-width:0;overflow:hidden}.cr-class-name{font-size:12px;font-weight:700;color:#e8eaf6;font-family:Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-class-meta{font-size:10px;color:#6b7280;margin-top:1px}.cr-sidebar.collapsed .cr-class-info{display:none}.cr-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cr-chips::-webkit-scrollbar{display:none}.cr-chip{padding:7px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.15);background:#0a0a0a99;font-size:12px;font-weight:600;color:#9ca3af;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease;font-family:Manrope,sans-serif}.cr-chip.active{background:#141414e6;border-color:#ffd70080;color:gold;box-shadow:0 0 10px #ffd70026}.cr-tab-rail{width:52px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:10px 6px;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.12);border-radius:16px;align-self:flex-start}.cr-tab-btn{width:40px;height:40px;border-radius:12px;border:1px solid transparent;background:transparent;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;position:relative}.cr-tab-btn:hover{background:#ffd70014;color:gold}.cr-tab-btn.active{background:#141414e6;border-color:#ffd70066;color:gold;box-shadow:0 0 10px #ffd7001f}.cr-tab-btn:after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0a0a0af2;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;color:gold;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}.cr-tab-btn:hover:after{opacity:1}.cr-mobile-tabs{display:flex;gap:4px;padding:6px;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.12);border-radius:14px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cr-mobile-tabs::-webkit-scrollbar{display:none}.cr-mobile-tab{padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:#6b7280;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease;font-family:Manrope,sans-serif}.cr-mobile-tab.active{background:#141414e6;border-color:#ffd70066;color:gold}.cr-glass{background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.12);border-radius:16px;padding:16px;transition:all .2s ease}.cr-glass:hover{border-color:#ffd70033;box-shadow:0 4px 20px #ffd70014}.cr-glass-flat{background:#14141466;border:1px solid rgba(255,215,0,.08);border-radius:14px;padding:14px}.cr-header{background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.15);border-radius:16px;padding:14px 18px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cr-header-title{font-size:16px;font-weight:800;color:#f1f5f9;font-family:Syne,sans-serif}.cr-header-sub{font-size:10px;color:#6b7280;margin-top:3px;display:flex;align-items:center;gap:6px}.cr-header-badge{background:linear-gradient(135deg,#ffd70026,#daa52026);border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:5px 12px;font-size:11px;font-weight:600;color:gold;display:flex;align-items:center;gap:6px}.cr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.cr-stat{background:#14141480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.1);border-radius:14px;padding:12px 14px;transition:all .2s ease}.cr-stat:hover{border-color:#ffd70033;transform:translateY(-2px)}.cr-stat-icon{font-size:18px;margin-bottom:4px}.cr-stat-value{font-size:20px;font-weight:800;color:gold;font-family:Syne,sans-serif}.cr-stat-label{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.cr-content{flex:1;min-width:0;padding:0}.cr-tab-content{animation:crTabSlide .25s ease}@keyframes crTabSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.cr-collapsible{background:#14141480;border:1px solid rgba(255,215,0,.1);border-radius:14px;margin-bottom:12px;overflow:hidden}.cr-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-size:13px;font-weight:700;color:gold;font-family:Syne,sans-serif;transition:background .15s}.cr-collapsible-header:hover{background:#ffd7000d}.cr-collapsible-body{padding:0 16px 16px}.cr-announcement{background:#14141480;border:1px solid rgba(255,215,0,.1);border-left:3px solid rgba(255,215,0,.4);border-radius:12px;padding:12px 16px;margin-bottom:8px;transition:all .2s ease}.cr-announcement:hover{border-color:#ffd70033;border-left-color:gold;transform:translateY(-1px)}.cr-announcement.important{border-left-color:#fbbf24;background:#fbbf240d}.cr-announcement-title{font-size:13px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.cr-announcement.important .cr-announcement-title{color:#fbbf24}.cr-announcement-body{font-size:12px;color:#9ca3af;line-height:1.6}.cr-announcement-time{font-size:10px;color:#4b5563;margin-top:6px}.cr-session-card{background:#14141480;border:1px solid rgba(255,215,0,.1);border-radius:14px;padding:14px 16px;margin-bottom:8px;transition:all .2s ease}.cr-session-card:hover{border-color:#ffd70033;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.cr-session-live{border-left:3px solid #ef4444}.cr-session-upcoming{border-left:3px solid #FFD700}.cr-session-past{border-left:3px solid #4b5563;opacity:.7}.cr-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}.cr-badge-live{background:#ef4444;animation:crPulse 2s ease-in-out infinite}@keyframes crPulse{0%,to{opacity:1}50%{opacity:.7}}.cr-badge-gold{background:linear-gradient(135deg,gold,#daa520);color:#0a0a0a}.cr-badge-green{background:#10b981}.cr-badge-amber{background:#f59e0b}.cr-badge-red{background:#ef4444}.cr-badge-gray{background:#4b5563}.cr-empty{text-align:center;padding:48px 24px;background:#0a0a0a66;border:1px dashed rgba(255,215,0,.2);border-radius:18px}.cr-empty-icon{font-size:44px;margin-bottom:12px}.cr-empty-title{font-size:14px;font-weight:700;color:#f1f5f9;margin-bottom:6px;font-family:Syne,sans-serif}.cr-empty-desc{font-size:12px;color:#6b7280;margin-bottom:16px}.cr-btn{padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,gold,#daa520);color:#0a0a0a;font-weight:700;font-size:12px;cursor:pointer;transition:all .18s ease;font-family:Manrope,sans-serif;display:inline-flex;align-items:center;gap:6px}.cr-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ffd7004d}.cr-btn-outline{padding:7px 14px;border-radius:10px;border:1px solid rgba(255,215,0,.3);background:#14141499;color:gold;font-weight:600;font-size:12px;cursor:pointer;transition:all .18s ease;font-family:Manrope,sans-serif;display:inline-flex;align-items:center;gap:6px}.cr-btn-outline:hover{border-color:#ffd70080;background:#ffd70014}.cr-btn-ghost{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#9ca3af;font-weight:600;font-size:12px;cursor:pointer;transition:all .18s ease;font-family:Manrope,sans-serif}.cr-btn-ghost:hover{border-color:#ffd70033;color:gold}.cr-input{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,215,0,.15);background:#0a0a0ab3;color:#f1f5f9;font-size:13px;font-family:Manrope,sans-serif;outline:none;transition:border-color .18s}.cr-input:focus{border-color:#ffd70066}.cr-input::-moz-placeholder{color:#4b5563}.cr-input::placeholder{color:#4b5563}.cr-label{display:block;font-size:11px;color:gold;font-weight:600;margin-bottom:4px}.cr-section-label{font-size:10px;font-weight:700;color:#b8860b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-family:Syne,sans-serif}.cr-link-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1px solid rgba(255,215,0,.2);background:#0a0a0a99;color:#daa520;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:Manrope,sans-serif}.cr-link-pill:hover{border-color:#ffd70066;background:#ffd70014;color:gold}.cr-doc-card{display:flex;align-items:center;gap:12px;background:#0a0a0a80;border:1px solid rgba(255,215,0,.08);border-radius:12px;padding:10px 14px;margin-bottom:6px;transition:all .18s ease}.cr-doc-card:hover{border-color:#ffd70033;transform:translateY(-1px)}.cr-table{border-collapse:collapse;width:100%;font-size:12px}.cr-table thead tr{background:#ffd70014}.cr-table th{padding:10px;text-align:left;border-bottom:2px solid rgba(255,215,0,.2);color:gold;font-size:11px;font-weight:700;font-family:Syne,sans-serif}.cr-table td{padding:9px 10px;text-align:left;border-top:1px solid rgba(255,215,0,.06)}.cr-table tbody tr:hover{background:#ffd70008}@media (max-width: 768px){.cr-sidebar,.cr-tab-rail{display:none}.cr-stats{grid-template-columns:repeat(2,1fr)}.cr-stat{padding:10px 12px}.cr-stat-value{font-size:18px}}@media (min-width: 769px){.cr-chips,.cr-mobile-tabs{display:none}}.sc-vt-root{--vt-ink: #050608;--vt-panel: rgba(255,255,255,.055);--vt-panel-2: rgba(255,255,255,.028);--vt-border: rgba(255,255,255,.08);--vt-blue: #4F8EF7;--vt-blue-light: #7DAAFF;--vt-gold: #F5A623;--vt-coral: #FF5470;--vt-green: #3DD68C;--vt-text-hi: #F5F7FB;--vt-text-mid: #9AA2B2;--vt-text-low: #565E6E;position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;width:100vw;background:radial-gradient(circle at 50% 0%,#0A0D14 0%,var(--vt-ink) 70%);overflow:hidden;display:flex;flex-direction:column;font-family:Manrope,sans-serif;color:var(--vt-text-hi);-webkit-font-smoothing:antialiased;z-index:500;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);animation:sc-vt-fade-in .3s ease-out}@keyframes sc-vt-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sc-vt-mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle 480px at 50% 60%,rgba(79,142,247,.14),transparent 72%),radial-gradient(circle 360px at 100% 0%,rgba(245,166,35,.06),transparent 72%),radial-gradient(circle 360px at 0% 100%,rgba(125,0,255,.04),transparent 72%)}.sc-vt-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 80%)}.sc-vt-shell{display:flex;flex-direction:column;flex:1;width:100%;position:relative;z-index:2;min-height:0}.sc-vt-topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 24px;position:relative;z-index:2;flex-shrink:0}.sc-vt-topbar-left{display:flex;gap:14px;align-items:center}.sc-vt-mic-badge{width:48px;height:48px;border-radius:16px;flex-shrink:0;background:linear-gradient(160deg,#4f8ef733,#4f8ef70d);border:1px solid rgba(79,142,247,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1a}.sc-vt-topbar h1{font-family:Syne,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;margin:0;background:linear-gradient(180deg,#fff,#c7d0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sc-vt-topbar p{font-size:11.5px;color:var(--vt-text-mid);margin:3px 0 0;font-weight:500;letter-spacing:.02em}.sc-vt-topbar-right{display:flex;align-items:center;gap:8px}.sc-vt-timer{padding:6px 12px;background:linear-gradient(160deg,#ffffff0f,#ffffff08);border:1px solid var(--vt-border);border-radius:20px;font-size:11px;color:var(--vt-text-mid);font-family:JetBrains Mono,monospace;white-space:nowrap;box-shadow:inset 0 1px #ffffff0d}.sc-vt-btn-exit{background:#ffffff08;border:1px solid var(--vt-border);color:var(--vt-text-mid);border-radius:14px;padding:11px 20px;font-size:12.5px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;box-shadow:inset 0 1px #ffffff0d}.sc-vt-btn-exit:hover{background:#ff54701a;border-color:#ff54704d;color:var(--vt-coral)}.sc-vt-session-grid{display:flex;flex-direction:column;flex:1;min-height:0}.sc-vt-controls{padding:0 24px;position:relative;z-index:10;flex-shrink:0}.sc-vt-stage-col{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:1}.sc-vt-field-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--vt-text-low);text-transform:uppercase;margin:0 0 10px 4px;display:block}.sc-vt-glass{background:linear-gradient(160deg,var(--vt-panel),var(--vt-panel-2));border:1px solid var(--vt-border);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:border-color .3s cubic-bezier(.25,.46,.45,.94),background .3s cubic-bezier(.25,.46,.45,.94)}.sc-vt-doc-select{display:flex;align-items:center;gap:14px;border-radius:18px;padding:16px 18px;cursor:pointer}.sc-vt-doc-select:hover{border-color:#4f8ef74d;background:linear-gradient(160deg,rgba(79,142,247,.05),var(--vt-panel-2))}.sc-vt-doc-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--vt-blue-light)}.sc-vt-doc-text{flex:1;min-width:0}.sc-vt-doc-text p{font-size:14px;font-weight:700;color:var(--vt-text-hi);margin:0}.sc-vt-doc-text span{font-size:11px;color:var(--vt-text-mid);display:block;margin-top:2px;font-weight:500}.sc-vt-doc-select .sc-vt-chev{color:var(--vt-text-low);flex-shrink:0;transition:transform .2s ease}.sc-vt-doc-select.open{border-color:#4f8ef766;background:linear-gradient(160deg,rgba(79,142,247,.06),var(--vt-panel-2))}.sc-vt-doc-select.open svg{transform:rotate(180deg)}.sc-vt-doc-select svg{transition:transform .2s ease}.sc-vt-doc-picker-wrap{position:relative;width:100%}.sc-vt-doc-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(160deg,#0a0d14,#050608);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 16px 48px #0009,0 0 0 1px #4f8ef714;z-index:300;overflow:hidden;display:flex;flex-direction:column;max-height:340px;opacity:0;transform:translateY(-8px) scale(.98);animation:scVtDocDropIn .2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes scVtDocDropIn{to{opacity:1;transform:translateY(0) scale(1)}}.sc-vt-doc-search-wrap{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--vt-text-low);flex-shrink:0}.sc-vt-doc-search{flex:1;background:transparent;border:none;outline:none;color:var(--vt-text-hi);font-size:13px;font-family:var(--vt-font-body),system-ui,sans-serif;font-weight:500}.sc-vt-doc-search::-moz-placeholder{color:var(--vt-text-low)}.sc-vt-doc-search::placeholder{color:var(--vt-text-low)}.sc-vt-doc-list{overflow-y:auto;padding:6px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(79,142,247,.3) transparent;touch-action:pan-y;overscroll-behavior:contain}.sc-vt-doc-list::-webkit-scrollbar{width:4px}.sc-vt-doc-list::-webkit-scrollbar-thumb{background:#4f8ef74d;border-radius:4px}.sc-vt-doc-list::-webkit-scrollbar-track{background:transparent}.sc-vt-doc-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease;position:relative}.sc-vt-doc-item:hover{background:#4f8ef714}.sc-vt-doc-item.selected{background:#4f8ef71f}.sc-vt-doc-item.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--vt-blue);border-radius:0 3px 3px 0}.sc-vt-doc-item-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--vt-blue-light)}.sc-vt-doc-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sc-vt-doc-item-title{font-size:13px;font-weight:600;color:var(--vt-text-hi);font-family:var(--vt-font-body),system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-vt-doc-item-type{font-size:10px;font-weight:600;color:var(--vt-text-low);font-family:var(--vt-font-mono),monospace;letter-spacing:.5px}.sc-vt-doc-item-check{flex-shrink:0;color:var(--vt-blue);display:flex;align-items:center;justify-content:center}.sc-vt-doc-empty{padding:24px 16px;text-align:center;font-size:12px;color:var(--vt-text-low);font-family:var(--vt-font-body),system-ui,sans-serif}.sc-vt-doc-dropdown-footer{padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:600;color:var(--vt-text-low);font-family:var(--vt-font-mono),monospace;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.sc-vt-mode-row{display:flex;gap:10px;margin-top:18px;border-radius:18px;padding:6px}.sc-vt-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:var(--vt-text-mid);border-radius:12px;padding:12px 8px;font-size:12.5px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;transition:color .3s ease,background .3s ease,box-shadow .3s ease}.sc-vt-mode-btn svg{transition:transform .3s ease}.sc-vt-mode-btn.active{background:linear-gradient(180deg,#4f8ef726,#4f8ef70d);box-shadow:0 4px 12px -2px #4f8ef733,inset 0 1px #ffffff1a,inset 0 0 0 1px #4f8ef733;color:var(--vt-blue-light)}.sc-vt-mode-btn.active svg{transform:scale(1.1)}.sc-vt-mode-btn:not(.active):hover{color:var(--vt-text-hi);background:#ffffff08}.sc-vt-voice-select{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:30px;padding:12px 24px;margin:18px auto 0;width:-moz-max-content;width:max-content;font-size:12.5px;font-weight:600;color:var(--vt-text-hi);cursor:pointer}.sc-vt-voice-select .sc-vt-chev{color:var(--vt-text-low);flex-shrink:0}.sc-vt-voice-dot{width:8px;height:8px;border-radius:50%;background:var(--vt-green);box-shadow:0 0 8px var(--vt-green),0 0 12px #3dd68c66;animation:sc-vt-dot-pulse 2s infinite}@keyframes sc-vt-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.sc-vt-orb-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;padding:30px 20px;min-height:320px}.sc-vt-orb-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(79,142,247,.22),transparent 65%);pointer-events:none;animation:sc-vt-glow-breathe 4s ease-in-out infinite}@keyframes sc-vt-glow-breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.sc-vt-orb-wrap{width:180px;height:180px;position:relative;display:flex;align-items:center;justify-content:center}.sc-vt-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(79,142,247,.4);box-shadow:0 0 20px #4f8ef733,inset 0 0 20px #4f8ef71a;animation:sc-vt-ring-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.sc-vt-orb-ring.d2{animation-delay:1.5s}@keyframes sc-vt-ring-pulse{0%{transform:scale(.85);opacity:1}to{transform:scale(1.4);opacity:0}}.sc-vt-orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e0eaff,#88b5ff 20%,#4f8ef7 50%,#1a357a 90%);box-shadow:0 0 0 1px #ffffff1a,0 20px 40px -10px #00000080,0 0 60px #4f8ef766,inset 0 10px 20px #fff3,inset 0 -10px 20px #0000004d;position:relative;animation:sc-vt-orb-breathe 4s ease-in-out infinite;cursor:pointer}.sc-vt-orb:before{content:"";position:absolute;top:14%;left:18%;width:42%;height:32%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.65),transparent 70%)}@keyframes sc-vt-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.sc-vt-stage-status{margin-top:36px;font-size:13.5px;color:var(--vt-text-mid);font-weight:600;text-align:center;letter-spacing:.02em}.sc-vt-control-bar{position:relative;z-index:2;padding:20px 24px 24px;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(180deg,transparent 0%,rgba(5,6,8,.8) 100%);flex-shrink:0}.sc-vt-ctrl-btn{width:56px;height:56px;border-radius:50%;background:#ffffff08;border:1px solid var(--vt-border);color:var(--vt-text-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.sc-vt-ctrl-btn:hover{transform:translateY(-2px);color:var(--vt-text-hi);background:#ffffff0f;box-shadow:0 8px 20px #0000004d,inset 0 1px #ffffff1a}.sc-vt-ctrl-btn.end{background:#ff54700d;border-color:#ff547033;color:#ff5470cc}.sc-vt-ctrl-btn.end:hover{background:#ff547026;color:var(--vt-coral)}.sc-vt-ctrl-btn.talk{width:72px;height:72px;background:linear-gradient(145deg,#88b5ff,#4f8ef7);color:#0b1b3a;box-shadow:0 10px 30px -5px #4f8ef799,inset 0 2px 4px #fff6,inset 0 -2px 4px #0003;border:none;position:relative}.sc-vt-ctrl-btn.talk:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#4f8ef74d;z-index:-1;animation:sc-vt-talk-aura 2s infinite}.sc-vt-ctrl-btn.talk[disabled]{opacity:.3;box-shadow:none;cursor:not-allowed}.sc-vt-ctrl-btn.talk[disabled]:after{display:none}@keyframes sc-vt-talk-aura{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.sc-vt-note{text-align:center;color:var(--vt-text-low);font-size:10px;padding-bottom:16px;font-family:JetBrains Mono,monospace;letter-spacing:.05em;position:relative;z-index:2;flex-shrink:0}.sc-vt-action-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px calc(20px + env(safe-area-inset-bottom));z-index:100}.sc-vt-action-pill{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(160deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:40px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.sc-vt-action-icon-btn{background:transparent;border:none;color:var(--vt-text-mid);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease,background .2s ease}.sc-vt-action-icon-btn:hover{color:var(--vt-text-hi);background:#ffffff0f}.sc-vt-action-divider{width:1px;height:24px;background:var(--vt-border);margin:0 4px}.sc-vt-handsfree-btn{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:20px;color:var(--vt-text-mid);font-size:12px;font-family:Manrope,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease}.sc-vt-handsfree-btn.active{background:#3dd68c26;border-color:#3dd68c4d;color:var(--vt-green)}.sc-vt-end-btn{padding:8px 16px;background:#ff54701a;border:1px solid rgba(255,84,112,.25);border-radius:20px;color:var(--vt-coral);font-size:12px;font-family:Manrope,sans-serif;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s ease,border-color .2s ease}.sc-vt-end-btn:hover{background:#ff547033;border-color:#ff547066}.sc-vt-action-modes{display:none}.sc-vt-action-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:20px;color:var(--vt-text-mid);font-size:12px;font-family:Manrope,sans-serif;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.sc-vt-action-mode-btn.active{background:#4f8ef726;border-color:#4f8ef74d;color:var(--vt-blue-light)}.sc-vt-action-mode-btn:not(.active):hover{color:var(--vt-text-hi);background:#ffffff0a}.sc-vt-text-fallback{flex-shrink:0;width:100%;max-width:480px;display:flex;gap:8px;padding:8px 20px;margin:0 auto;z-index:10}.sc-vt-text-input{flex:1;padding:10px 14px;background:linear-gradient(160deg,#ffffff0d,#ffffff05);border:1px solid var(--vt-border);border-radius:10px;color:var(--vt-text-hi);font-size:13px;font-family:Manrope,sans-serif;outline:none;box-shadow:inset 0 1px #ffffff08}.sc-vt-text-input::-moz-placeholder{color:var(--vt-text-low)}.sc-vt-text-input::placeholder{color:var(--vt-text-low)}.sc-vt-send-btn{padding:10px 18px;background:linear-gradient(145deg,#7daaff,#4f8ef7);border:none;border-radius:10px;color:#0b1b3a;font-size:13px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;box-shadow:0 4px 12px -2px #4f8ef766;transition:transform .2s ease}.sc-vt-send-btn:hover{transform:translateY(-1px)}.sc-vt-transcript{flex:1;width:100%;max-width:600px;max-height:30vh;padding:12px 20px 0;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:50;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%)}.sc-vt-transcript-list{width:100%;max-width:600px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:10px;touch-action:pan-y;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none}.sc-vt-transcript-list::-webkit-scrollbar{display:none}.sc-vt-transcript-bubble{animation:sc-vt-fade-up .3s ease-out forwards}@keyframes sc-vt-fade-up{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-vt-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;opacity:0;animation:sc-vt-overlay-in .2s forwards}@keyframes sc-vt-overlay-in{to{opacity:1}}.sc-vt-drawer{position:fixed;top:0;bottom:0;width:min(420px,90vw);background:linear-gradient(180deg,#0a0d14,#050608);z-index:9999;overflow:hidden;display:flex;flex-direction:column;box-shadow:8px 0 40px #0006}.sc-vt-drawer.left{left:0;border-right:1px solid var(--vt-border);animation:sc-vt-slide-in-left .25s ease-out}.sc-vt-drawer.right{right:0;width:min(380px,90vw);border-left:1px solid var(--vt-border);animation:sc-vt-slide-in-right .25s ease-out}@keyframes sc-vt-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sc-vt-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.sc-vt-drawer-header{padding:20px 24px 16px;border-bottom:1px solid var(--vt-border);display:flex;align-items:center;justify-content:space-between}.sc-vt-drawer-header h3{margin:0;font-size:16px;font-weight:700;font-family:Syne,sans-serif;color:var(--vt-text-hi)}.sc-vt-drawer-header p{margin:4px 0 0;font-size:11px;color:var(--vt-text-mid);font-family:Manrope,sans-serif}.sc-vt-drawer-close{background:none;border:none;color:var(--vt-text-mid);font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s ease}.sc-vt-drawer-close:hover{color:var(--vt-text-hi)}.sc-vt-drawer-body{flex:1;overflow:auto;padding:16px 24px;touch-action:pan-y;overscroll-behavior:contain}.sc-vt-drawer-card{padding:12px 14px;background:linear-gradient(160deg,#ffffff0a,#ffffff05);border:1px solid var(--vt-border);border-radius:10px;margin-bottom:8px;box-shadow:inset 0 1px #ffffff08}.sc-vt-drawer-label{font-size:10px;color:var(--vt-text-low);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.sc-vt-drawer-title{font-size:14px;color:var(--vt-text-hi);font-family:Syne,sans-serif;font-weight:600}.sc-vt-chunk-btn{width:100%;padding:10px 14px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.sc-vt-chunk-num{font-size:10px;color:var(--vt-blue);font-family:JetBrains Mono,monospace;flex-shrink:0}.sc-vt-chunk-preview{font-size:11px;color:var(--vt-text-mid);font-family:Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sc-vt-chunk-len{font-size:10px;color:var(--vt-text-low);font-family:JetBrains Mono,monospace;flex-shrink:0}.sc-vt-chunk-expanded{padding:0 14px 12px;font-size:11px;color:var(--vt-text-mid);font-family:Manrope,sans-serif;line-height:1.6}.sc-vt-concept-btn{display:block;width:100%;padding:12px 14px;background:linear-gradient(160deg,#ffffff0a,#ffffff05);border:1px solid var(--vt-border);border-radius:10px;margin-bottom:8px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease;box-shadow:inset 0 1px #ffffff08}.sc-vt-concept-btn:hover{border-color:#4f8ef74d;background:linear-gradient(160deg,#4f8ef70d,#ffffff05)}.sc-vt-concept-num{font-size:10px;color:var(--vt-gold);font-family:JetBrains Mono,monospace;flex-shrink:0;margin-top:2px}.sc-vt-concept-text{font-size:12px;color:var(--vt-text-hi);font-family:Manrope,sans-serif;line-height:1.5}.sc-vt-empty{text-align:center;padding:40px 0;color:var(--vt-text-low);font-size:13px;font-family:Manrope,sans-serif}@media (min-width: 640px){.sc-vt-shell{max-width:560px;margin:0 auto;width:100%}.sc-vt-topbar{padding:32px 0 24px}.sc-vt-controls{padding:0}.sc-vt-control-bar{padding:20px 0 24px}}@media (min-width: 980px){.sc-vt-shell{max-width:1080px;margin:0 auto;width:100%}.sc-vt-topbar{padding:40px 4px 8px}.sc-vt-topbar h1{font-size:23px}.sc-vt-session-grid{flex-direction:row;flex:1;gap:44px;align-items:stretch;padding:24px 4px 32px}.sc-vt-controls{flex:0 0 340px;padding:0}.sc-vt-stage-col{flex:1;justify-content:space-between}.sc-vt-orb-stage{min-height:0}.sc-vt-control-bar{padding:8px 0 0}.sc-vt-note{padding-bottom:0}}@media (max-width: 639px){.sc-vt-topbar{padding:16px 16px 12px}.sc-vt-mic-badge{width:40px;height:40px;border-radius:12px}.sc-vt-topbar h1{font-size:17px}.sc-vt-topbar p{font-size:10.5px}.sc-vt-btn-exit{padding:9px 14px;font-size:11.5px;border-radius:12px}.sc-vt-controls{padding:0 16px}.sc-vt-field-label{font-size:9px;margin-bottom:8px}.sc-vt-doc-select{padding:12px 14px;gap:12px;border-radius:14px}.sc-vt-doc-icon{width:36px;height:36px;border-radius:10px}.sc-vt-doc-text p{font-size:13px}.sc-vt-doc-text span{font-size:10px}.sc-vt-mode-row{gap:6px;padding:5px;border-radius:14px}.sc-vt-mode-btn{padding:10px 6px;font-size:11.5px;gap:6px}.sc-vt-voice-select{padding:10px 18px;font-size:11.5px;margin-top:14px}.sc-vt-orb-stage{padding:16px;min-height:240px}.sc-vt-orb-glow{width:260px;height:260px}.sc-vt-orb-wrap{width:140px;height:140px}.sc-vt-orb{width:120px;height:120px}.sc-vt-stage-status{margin-top:24px;font-size:12px}.sc-vt-control-bar{padding:16px 16px 20px;gap:18px}.sc-vt-ctrl-btn{width:48px;height:48px}.sc-vt-ctrl-btn.talk{width:62px;height:62px}.sc-vt-note{font-size:9px;padding-bottom:12px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-controls{display:none}.sc-vt-action-modes{display:flex;align-items:center;gap:4px;padding:5px;background:linear-gradient(160deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.sc-vt-action-mode-btn{padding:7px 10px;font-size:11px;gap:5px;border-radius:18px}.sc-vt-action-bar{flex-direction:column;gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));flex-shrink:0}.sc-vt-action-pill{gap:8px;padding:10px 14px;border-radius:32px}.sc-vt-action-icon-btn{padding:6px}.sc-vt-action-divider{margin:0 2px;height:20px}.sc-vt-handsfree-btn,.sc-vt-end-btn{padding:7px 12px;font-size:11px;gap:5px}.sc-vt-transcript{max-height:22vh;padding:8px 16px 0}.sc-vt-transcript-list{gap:12px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-orb-stage{padding:12px 16px;min-height:180px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-orb-glow{width:200px;height:200px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-orb-wrap{width:110px;height:110px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-orb{width:95px;height:95px}.sc-vt-root:has(.sc-vt-action-bar) .sc-vt-stage-status{margin-top:16px;font-size:11.5px}.sc-vt-doc-dropdown{max-height:280px}}