*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--a11y-font-scale: 1;--sb-bg: #1a1d24;--sb-bg-deep: #1a1d24;--sb-surface: #191d24;--sb-surface-lo: #12151b;--sb-surface-2: #1a1f27;--sb-surface-3: #242933;--sb-border: rgba(255,255,255,.06);--sb-border-sub: rgba(255,255,255,.04);--sb-border-hot: rgba(0,255,136,.35);--sb-accent: #ededed;--sb-accent-dim: rgba(255,255,255,.06);--sb-accent-glow: rgba(255,255,255,.1);--sb-text: #e8edf3;--sb-text-2: #94a3b8;--sb-text-3: #64748b;--brand-green: #00FF88;--brand-cyan: #00C8FF;--brand-glow: rgba(0,255,136,.08);--tm-green: #00c853;--tm-red: #f44336}html,body{height:100%;background:var(--sb-bg);color:var(--sb-text);font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(17px * var(--a11y-font-scale));font-weight:500;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}p,span,div,label,li,td,th{font-weight:inherit}html.a11y-contrast{filter:contrast(1.35)}html.a11y-contrast.light-mode{filter:contrast(1.25)}#root{height:100%}[style*="font-size: 8px"]{font-size:10px!important}[style*="font-size: 9px"]{font-size:11px!important}[style*="font-size: 9.5px"]{font-size:11.5px!important}[style*="font-size: 10px"]{font-size:12px!important}[style*="font-size: 10.5px"]{font-size:12.5px!important}[style*="font-size: 11px"]{font-size:13px!important}[style*="font-size: 12px"]{font-size:14px!important}[style*="font-size: 12.5px"]{font-size:14.5px!important}[style*="font-size: 13px"]{font-size:15px!important}[style*="font-size: 13.5px"]{font-size:15.5px!important}[style*="font-size: 14px"]{font-size:16px!important}[style*="font-size: 15px"]{font-size:17px!important}[style*="font-size: 16px"]{font-size:18px!important}[style*="font-weight: 400"]{font-weight:500!important}[style*="font-weight: 500"]{font-weight:600!important}[style*="font-weight: 600"]{font-weight:700!important}p,label,li{line-height:1.6}.hamburger-menu [style*="font-size: 9px"]{font-size:9px!important}.hamburger-menu [style*="font-size: 10px"]{font-size:10px!important}.hamburger-menu [style*="font-size: 10.5px"]{font-size:10.5px!important}.hamburger-menu [style*="font-size: 11px"]{font-size:11px!important}.hamburger-menu [style*="font-size: 12px"]{font-size:12px!important}.hamburger-menu [style*="font-size: 13px"]{font-size:13px!important}.hamburger-menu [style*="font-size: 14px"]{font-size:13.5px!important}.hamburger-menu [style*="font-size: 15px"]{font-size:14px!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--sb-bg)}::-webkit-scrollbar-thumb{background:#3a4050;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#4a5060}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.nav-link{display:flex;align-items:center;gap:7px;padding:0 18px;height:100%;font-size:12.5px;font-weight:500;border:none;border-bottom:2px solid transparent;background:none;color:var(--sb-text-3);cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap;letter-spacing:.15px;position:relative}.nav-link:hover:not(.active){color:#aaa;background:#ffffff0a}.nav-link.active{color:#ededed;border-bottom-color:#ededed;text-shadow:none}.nav-link.active svg{filter:none}.tab-btn{display:flex;align-items:center;gap:7px;padding:8px 15px;height:auto;border:1px solid transparent;background:none;font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;position:relative;border-radius:9px;transition:color .18s ease,background .18s ease,transform .15s cubic-bezier(.4,0,.2,1),box-shadow .18s ease;will-change:transform;letter-spacing:.1px;color:#3a3a3a}.tab-btn:hover:not(.tab-active){background:#ffffff0f;color:#bbb;transform:translateY(-1px)}.tab-btn:active{transform:scale(.94)}.tab-btn.tab-active{background:#00cc6624;color:#0f8;border-color:#00cc6647;font-weight:700;box-shadow:0 0 #0c60,0 2px 8px #00cc661f}.light-mode .tab-btn{color:#64748b}.light-mode .tab-btn:hover:not(.tab-active){background:#0000000d;color:#1e293b;transform:translateY(-1px)}.light-mode .tab-btn.tab-active{background:#094;color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 10px #00994459,0 1px 3px #0943}.mobile-nav-btn{flex:1;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sb-text-3);font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:6px 0;transition:color .15s ease,transform .12s ease;font-family:inherit;position:relative}.mobile-nav-btn:active{transform:scale(.9)}.mobile-nav-btn.active{color:#0f8;filter:none}.mobile-nav-btn.active .mobile-nav-dot{opacity:1;transform:scaleX(1)}.mobile-nav-dot{position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:2.5px;border-radius:0 0 3px 3px;background:#0c6;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.card{background:linear-gradient(180deg,var(--sb-surface) 0%,var(--sb-surface-lo) 100%);border-radius:22px;border:1px solid var(--sb-border);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000004d,0 8px 24px #00000047;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:var(--sb-border-hot);box-shadow:inset 0 1px #ffffff0f,0 2px 3px #0000004d,0 20px 60px var(--brand-glow),0 8px 28px #00000059}.card-inner{background:linear-gradient(180deg,#1d2129,#161a21);border-radius:16px;border:1px solid var(--sb-border-sub);box-shadow:inset 0 1px #ffffff08,0 1px 2px #0003}.field{width:100%;background:#05070980;border:1.5px solid var(--sb-border);border-radius:12px;padding:12px 14px;color:var(--sb-text);font-size:15px;font-weight:500;font-family:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:inset 0 2px 5px #0006,inset 0 1px #ffffff05}.field:hover:not(:focus){border-color:#ffffff1f;background:#050709a6}.field:focus{border-color:#00ff8880;background:#050709b3;box-shadow:inset 0 2px 4px #00000059,inset 0 1px #ffffff08,0 0 0 3px #00ff881f,0 0 16px #00ff8814}.field::placeholder{color:#475569}select.field option{background:var(--sb-surface)}.btn{border:none;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;font-family:inherit;will-change:transform;letter-spacing:.1px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000040,0 3px 8px #0003}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 2px 4px #0000004d,0 8px 16px #00000040}.btn:active{transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px #00000040,0 1px 2px #0003}.btn-primary{background:linear-gradient(180deg,#fff,#d8d8d8);color:#0a0a0a;font-weight:700;border:1px solid transparent}.btn-primary:hover{background:linear-gradient(180deg,#fff,#e6e6e6)}.btn-primary:active{background:linear-gradient(180deg,#d8d8d8,#c4c4c4)}.btn-ghost{background:linear-gradient(180deg,#ffffff08,#ffffff03);color:var(--sb-text-2);border:1.5px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000026}.btn-ghost:hover{background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:var(--sb-text);border-color:#ffffff2e}.btn-danger{background:transparent;color:#f44336;border:1.5px solid rgba(244,67,54,.22)}.btn-danger:hover{background:#f4433617}.btn-buy{background:linear-gradient(180deg,#00dc6429,#00b45014);border:1.5px solid rgba(0,200,83,.3);color:#00e676;font-weight:700;box-shadow:inset 0 1px #ffffff1a,inset 0 0 12px #00c8530d,0 1px 2px #0003}.btn-buy:hover{background:linear-gradient(180deg,#00dc6438,#00b45024);box-shadow:inset 0 1px #ffffff24,inset 0 0 12px #00c85314,0 4px 14px #00c85340}.btn-sell{background:linear-gradient(180deg,#ff505a26,#dc323c14);border:1.5px solid rgba(244,67,54,.3);color:#ff5a5a;font-weight:700;box-shadow:inset 0 1px #ffffff1a,inset 0 0 12px #f443360d,0 1px 2px #0003}.btn-sell:hover{background:linear-gradient(180deg,#ff505a38,#dc323c24);box-shadow:inset 0 1px #ffffff24,inset 0 0 12px #f4433614,0 4px 14px #f4433640}.tag{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:linear-gradient(180deg,var(--sb-surface) 0%,var(--sb-surface-lo) 100%);border-radius:16px;border:1px solid var(--sb-border);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000004d,0 6px 16px #00000038;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,border-color .22s ease}.stat-pill:hover{transform:translateY(-3px);border-color:var(--sb-border-hot);box-shadow:inset 0 1px #ffffff0f,0 2px 4px #0000004d,0 14px 36px var(--brand-glow),0 8px 18px #0000004d}.section-label{font-size:12px;font-weight:800;color:var(--sb-text-3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;display:block}.divider{border:none;border-top:1px solid var(--sb-border-sub);margin:16px 0}.form-section-sep{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.form-section-sep span{font-size:10px;font-weight:700;color:var(--sb-text-3);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.form-section-sep:before,.form-section-sep:after{content:"";flex:1;height:1px;background:var(--sb-border-sub)}.val-green{color:var(--tm-green);text-shadow:none}.val-red{color:var(--tm-red);text-shadow:none}.light-mode{color-scheme:light;--tm-text: #0f172a;--tm-text-2: #334155;--tm-text-3: #64748b;--tm-text-faint: #94a3b8;--tm-surface: #e3e7ed;--tm-card: #fafbfc;--tm-card-inner: #eceef3;--tm-border: rgba(0,0,0,.09);--tm-border-sub: rgba(0,0,0,.06);--tm-accent: #009944;--tm-accent-red: #dc2626;--tm-shadow-sm: 0 1px 4px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--tm-shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.03)}.light-mode ::-webkit-scrollbar-track{background:#f1f5f9}.light-mode ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.light-mode ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.light-mode{color:#0f172a}.light-mode .card{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#00000012;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0a,0 8px 20px #0f172a14,0 20px 40px #0f172a0d}.light-mode .card:hover{box-shadow:inset 0 1px #fff,0 2px 3px #0f172a0d,0 12px 28px #0f172a1a,0 24px 48px #0f172a12}.light-mode .card-inner{background:linear-gradient(180deg,#f3f5f9,#e9ecf1);border-color:#0000000f;box-shadow:inset 0 1px #ffffff80,0 1px 1px #0f172a08}.light-mode .field{background:#eef1f5;border:1.5px solid rgba(15,23,42,.1);color:#0f172a;box-shadow:inset 0 2px 4px #0f172a14,inset 0 1px #fff6}.light-mode .field:hover:not(:focus){border-color:#0f172a2e;background:#e8ecf1}.light-mode .field::placeholder{color:#94a3b8}.light-mode .field:focus{border-color:#094;background:#f4f6fa;box-shadow:inset 0 2px 4px #0f172a0f,inset 0 1px #fff6,0 0 0 3.5px #00994424,0 0 14px #00994414}.light-mode select.field option{background:#fafbfc;color:#0f172a}.light-mode textarea.field{background:#eef1f5}.light-mode .btn-ghost{background:linear-gradient(180deg,#fff,#f0f2f7);color:#475569;border:1.5px solid rgba(15,23,42,.1);box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0d}.light-mode .btn-ghost:hover{background:linear-gradient(180deg,#fff,#e8ecf1);color:#1e293b;border-color:#0f172a2e;box-shadow:inset 0 1px #ffffffe6,0 4px 10px #0f172a14}.light-mode .btn-primary{background:linear-gradient(180deg,#00b050,#00803a);color:#fff;border-color:#00642859;box-shadow:inset 0 1px #ffffff40,0 1px 2px #00642833,0 4px 12px #0099444d}.light-mode .btn-primary:hover{background:linear-gradient(180deg,#00c158,#008f42);box-shadow:inset 0 1px #ffffff4d,0 2px 4px #00642840,0 8px 18px #00994459}.light-mode .btn-primary:active{background:linear-gradient(180deg,#008c42,#00703a)}.light-mode .btn-buy{background:linear-gradient(180deg,#05b47824,#058c500f);border:1.5px solid rgba(5,150,105,.3);color:#047857;box-shadow:inset 0 1px #fff9,0 1px 2px #0596691a}.light-mode .btn-buy:hover{background:linear-gradient(180deg,#05b47833,#058c501a);box-shadow:inset 0 1px #ffffffb3,0 4px 12px #05966938}.light-mode .btn-sell{background:linear-gradient(180deg,#ef444421,#c828280d);border:1.5px solid rgba(220,38,38,.28);color:#b91c1c;box-shadow:inset 0 1px #fff9,0 1px 2px #dc26261a}.light-mode .btn-sell:hover{background:linear-gradient(180deg,#ef444430,#c828281a);box-shadow:inset 0 1px #ffffffb3,0 4px 12px #dc262633}.light-mode .btn-danger{background:linear-gradient(180deg,#ef44441a,#c828280a);color:#dc2626;border:1.5px solid rgba(220,38,38,.24);box-shadow:inset 0 1px #ffffff80,0 1px 2px #dc262614}.light-mode .btn-danger:hover{background:linear-gradient(180deg,#ef44442b,#c8282814);box-shadow:inset 0 1px #fff9,0 4px 12px #dc262629}.light-mode .stat-pill{background:linear-gradient(180deg,#fff,#f3f5f9);border-color:#0f172a12;box-shadow:inset 0 1px #fffffff2,0 1px 2px #0f172a0a,0 6px 14px #0f172a12}.light-mode .stat-pill:hover{box-shadow:inset 0 1px #fff,0 2px 3px #0f172a0d,0 12px 26px #0f172a1f}.light-mode .section-label{color:#94a3b8}.light-mode .divider{border-top-color:#00000012}.light-mode .form-section-sep:before,.light-mode .form-section-sep:after{background:#00000012}.light-mode .form-section-sep span{color:#94a3b8}.light-mode .val-green{color:#059669;text-shadow:none}.light-mode .val-red{color:#dc2626;text-shadow:none}.light-mode .nav-link{color:#64748b}.light-mode .nav-link:hover:not(.active){color:#334155}.light-mode .nav-link.active{color:#094;border-bottom-color:#094;text-shadow:none}.light-mode .nav-link.active svg{filter:none}.light-mode .tag{border-color:#0000001a}.light-mode .card,.light-mode .card-inner{color:#0f172a}.light-mode [style*="rgba(255,255,255,.0"]{background-color:#00000008!important}.light-mode .mobile-nav-btn{color:#94a3b8}.light-mode .mobile-nav-btn.active{color:#094;filter:none}.light-mode .mobile-nav-dot{background:#094}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}.app-topbar{padding-top:var(--sat)}.app-bottomnav{padding-bottom:var(--sab)}.app-main{-webkit-overflow-scrolling:touch;overflow-y:auto}button,a{touch-action:manipulation}.trading-icon-btn:hover{background:#ffffff1f!important;border-color:#fff3!important;color:#f1f5f9!important}:root[data-theme=light] .trading-icon-btn:hover,.tm-light .trading-icon-btn:hover{background:#0f172a14!important;border-color:#0f172a33!important;color:#0f172a!important}.trading-icon-btn:active{transform:scale(.96)}@keyframes tradingIconPulse{0%,to{box-shadow:0 0 #94a3b866}50%{box-shadow:0 0 0 8px #94a3b800}}html.tour-active .trading-icon-btn{animation:tradingIconPulse 2.4s ease-in-out infinite}.tour-highlight{animation:tourHighlightPulse 1.8s ease-in-out infinite}@keyframes tourHighlightPulse{0%,to{box-shadow:0 0 #00ff88b3,0 0 24px #00ff884d}50%{box-shadow:0 0 0 8px #0f80,0 0 36px #00ff8880}}.no-select{-webkit-user-select:none;user-select:none}.hero-title{font-size:clamp(24px,4.5vw,38px);font-weight:900;letter-spacing:-.8px;background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1.15}.light-mode .hero-title{background:linear-gradient(135deg,#094,#07c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:14.5px;font-weight:500;color:var(--sb-text-2);letter-spacing:.1px}.light-mode .hero-subtitle{color:#64748b}.pill-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:1.2px;background:#00ff881f;color:var(--brand-green);border:1px solid rgba(0,255,136,.22)}.light-mode .pill-badge{background:#0099441f;color:#094;border-color:#0099443d}.section-intro{background:linear-gradient(135deg,#00ff880d,#00c8ff0a);border:1px solid rgba(0,255,136,.18);border-radius:18px;padding:18px 22px;text-align:center;font-size:14px;color:var(--sb-text);line-height:1.5}.section-intro strong{color:var(--brand-green);font-weight:700}.light-mode .section-intro{background:linear-gradient(135deg,#0099440f,#0078c80a);border-color:#0943;color:#0f172a}.light-mode .section-intro strong{color:#094}.glow-hover{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease}.glow-hover:hover{transform:translateY(-3px);border-color:var(--sb-border-hot)!important;box-shadow:0 16px 48px var(--brand-glow),0 6px 20px #0000004d}.light-mode .glow-hover:hover{border-color:#0099444d!important;box-shadow:0 16px 48px #0099441a,0 6px 20px #0f172a14}.cta-footer{background:linear-gradient(135deg,#00ff8814,#00c8ff0f);border:1px solid rgba(0,255,136,.25);border-radius:20px;padding:32px 24px;text-align:center}.light-mode .cta-footer{background:linear-gradient(135deg,#00994414,#0078c80d);border-color:#00994438}.tag-label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--sb-text-3);display:inline-block}.light-mode .tag-label{color:#64748b}.soft-divider{height:1px;background:linear-gradient(90deg,transparent,var(--sb-border),transparent);margin:18px 0;border:none}.light-mode .soft-divider{background:linear-gradient(90deg,transparent,rgba(15,23,42,.1),transparent)}.btn-brand{background:linear-gradient(135deg,var(--brand-green) 0%,#00B86B 100%);color:#051a10;font-weight:800;border:1px solid rgba(0,255,136,.4);box-shadow:inset 0 1px #ffffff40,0 2px 8px #00ff8840,0 6px 18px #00ff8826}.btn-brand:hover{background:linear-gradient(135deg,#33ff9e,#00d478);box-shadow:inset 0 1px #ffffff4d,0 4px 12px #00ff8859,0 10px 28px #00ff8840}.light-mode .btn-brand{background:linear-gradient(135deg,#00c86d,#094);color:#fff;border-color:#0946;box-shadow:inset 0 1px #ffffff40,0 2px 8px #0099444d,0 6px 18px #0943}.light-mode .btn-brand:hover{background:linear-gradient(135deg,#00da78,#00ab4f)}.track-tile{position:relative;isolation:isolate;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s,background .25s}.track-tile:hover{transform:translateY(-4px) scale(1.015)}.track-tile:active{transform:translateY(-1px) scale(.99)}.track-tile.is-active{animation:trackTilePulse 2.4s ease-in-out infinite}@keyframes trackTilePulse{0%,to{box-shadow:0 0 0 1px var(--tt-accent, #3B82F6) 55,0 0 0 0 var(--tt-accent, #3B82F6) 44,0 12px 32px var(--tt-glow, rgba(59,130,246,.18))}50%{box-shadow:0 0 0 1px var(--tt-accent, #3B82F6) 88,0 0 0 10px var(--tt-accent, #3B82F6) 00,0 16px 44px var(--tt-glow, rgba(59,130,246,.32))}}.track-tile-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;border:1px solid currentColor;white-space:nowrap;transition:transform .25s ease}.track-tile.is-active .track-tile-badge{animation:trackBadgeFloat 2s ease-in-out infinite}@keyframes trackBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.track-tile-shine{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.track-tile.is-active .track-tile-shine:before{content:"";position:absolute;top:-50%;left:-60%;width:60%;height:200%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%) rotate(8deg);animation:trackTileShine 3.8s ease-in-out infinite}.light-mode .track-tile.is-active .track-tile-shine:before{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%)}@keyframes trackTileShine{0%{transform:translate(-100%) rotate(8deg);opacity:0}20%{opacity:1}60%{transform:translate(220%) rotate(8deg);opacity:0}to{transform:translate(220%) rotate(8deg);opacity:0}}.level-card{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.level-card:hover{transform:translateY(-2px)}.level-card.is-current{animation:levelCurrentPulse 2.6s ease-in-out infinite}@keyframes levelCurrentPulse{0%,to{box-shadow:0 0 0 0 var(--lv-glow, rgba(245,158,11,.5))}50%{box-shadow:0 0 0 8px var(--lv-glow-end, rgba(245,158,11,0))}}.level-card.is-passed{opacity:.55}.level-card.is-passed .level-icon-wrap{filter:grayscale(.5)}.level-icon-wrap{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;position:relative;transition:transform .25s ease}.level-card:hover .level-icon-wrap{transform:scale(1.08) rotate(-3deg)}.level-icon-wrap svg{display:block;width:100%;height:100%}.level-icon-bob{animation:levelBob 3.2s ease-in-out infinite;transform-origin:center}@keyframes levelBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes babyBlink{0%,92%,to{transform:scaleY(1)}95%,99%{transform:scaleY(.1)}}.level-icon-baby .baby-eye{animation:babyBlink 4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.level-icon-baby .baby-cheek{animation:babyCheek 2.8s ease-in-out infinite}@keyframes babyCheek{0%,to{opacity:.6}50%{opacity:1}}.level-icon-apprentice .apprentice-tassel{transform-origin:24px 12px;animation:apprenticeSway 2.4s ease-in-out infinite}@keyframes apprenticeSway{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.level-icon-apprentice .apprentice-spark{animation:apprenticeSpark 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes apprenticeSpark{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.1);opacity:1}}.level-icon-trader .trader-bar1{animation:traderBar 3s ease-in-out infinite;transform-origin:bottom;transform-box:fill-box}.level-icon-trader .trader-bar2{animation:traderBar 3s ease-in-out infinite .15s;transform-origin:bottom;transform-box:fill-box}.level-icon-trader .trader-bar3{animation:traderBar 3s ease-in-out infinite .3s;transform-origin:bottom;transform-box:fill-box}@keyframes traderBar{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1)}}.level-icon-trader .trader-arrow{animation:traderArrow 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes traderArrow{0%,to{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}}.level-icon-analyst .analyst-loupe{animation:analystScan 3.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes analystScan{0%{transform:translate(-3px,3px) rotate(-8deg)}50%{transform:translate(4px,-2px) rotate(8deg)}to{transform:translate(-3px,3px) rotate(-8deg)}}.level-icon-analyst .analyst-glint{animation:analystGlint 2.6s ease-in-out infinite}@keyframes analystGlint{0%,to{opacity:.25}40%,60%{opacity:.9}}.level-icon-ninja .ninja-head{animation:ninjaSway 3s ease-in-out infinite;transform-origin:bottom center;transform-box:fill-box}@keyframes ninjaSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.level-icon-ninja .ninja-eye{animation:ninjaEye 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes ninjaEye{0%,to{transform:scaleY(1)}35%,40%{transform:scaleY(.2)}}.level-icon-ninja .ninja-shuriken{transform-origin:center;transform-box:fill-box;animation:ninjaSpin 2.4s linear infinite}@keyframes ninjaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-icon-ninja .ninja-headband-tail{animation:ninjaTail 1.8s ease-in-out infinite;transform-origin:12px 22px}@keyframes ninjaTail{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}.xp-toast-stack{position:fixed;top:16px;inset-inline-end:16px;display:flex;flex-direction:column;gap:10px;z-index:10010;pointer-events:none}@media (max-width: 600px){.xp-toast-stack{top:auto;bottom:96px;inset-inline-end:12px;inset-inline-start:12px;align-items:center}}.xp-toast{position:relative;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;border-radius:999px;font-family:inherit;color:#fff;font-weight:900;font-size:16px;letter-spacing:-.2px;background:linear-gradient(135deg,#ffc700,#ff8a00 60%,#ff4d8d);box-shadow:0 0 0 1px #ffffff2e inset,0 6px 18px #ff8a0073,0 16px 40px #ff4d8d59;isolation:isolate;overflow:visible;animation:xpToastEnter .55s cubic-bezier(.22,1.4,.36,1) both,xpToastFly 3.6s ease-in-out forwards;will-change:transform,opacity}.xp-toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%) skew(-12deg);animation:xpToastShine 1.6s ease-in-out .25s forwards;mix-blend-mode:screen;pointer-events:none}@keyframes xpToastEnter{0%{transform:translateY(-8px) scale(.6);opacity:0}60%{transform:translateY(2px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes xpToastFly{0%,65%{transform:translateY(0);opacity:1}to{transform:translateY(-26px);opacity:0}}@keyframes xpToastShine{0%{transform:translate(-120%) skew(-12deg)}to{transform:translate(160%) skew(-12deg)}}.xp-toast-plus{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff59;font-size:18px;line-height:1}.xp-toast-amount{font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.18)}.xp-toast-label{font-size:11px;font-weight:900;letter-spacing:1.2px;padding:3px 8px;border-radius:999px;background:#ffffff38;color:#fff;text-transform:uppercase}.xp-toast-spark{position:absolute;width:6px;height:6px;border-radius:99px;background:gold;box-shadow:0 0 8px gold,0 0 16px #ffb400;opacity:0;animation:xpToastSpark 1.2s ease-out forwards}@keyframes xpToastSpark{0%{transform:translate(0) scale(0);opacity:1}60%{opacity:1}to{transform:translate(var(--sx,20px),var(--sy,-20px)) scale(0);opacity:0}}.xp-bar-wrap{position:relative;border-radius:14px;overflow:hidden}.xp-bar-track{position:relative;height:14px;border-radius:999px;background:linear-gradient(180deg,#0f172a73,#0f172a40);box-shadow:inset 0 1px 2px #00000080,inset 0 -1px #ffffff0d;overflow:hidden}.light-mode .xp-bar-track{background:linear-gradient(180deg,#0f172a14,#0f172a0a);box-shadow:inset 0 1px 2px #0f172a1f,inset 0 -1px #fff6}.xp-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--xp-c1,#FFC700) 0%,var(--xp-c2,#FF8A00) 60%,var(--xp-c3,#FF4D8D) 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e,0 0 12px var(--xp-c2,#FF8A00);transition:width .9s cubic-bezier(.22,1,.36,1);overflow:hidden}[dir=rtl] .xp-bar-fill{inset:0 0 0 auto}.xp-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);animation:xpBarShimmer 2.4s linear infinite;pointer-events:none}@keyframes xpBarShimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.xp-bar-fill.is-pulsing{animation:xpBarPulse .9s ease-out}@keyframes xpBarPulse{0%{filter:brightness(1) saturate(1)}40%{filter:brightness(1.4) saturate(1.3)}to{filter:brightness(1) saturate(1)}}.xp-bar-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:0 4px;pointer-events:none}.xp-bar-ticks span{width:1px;height:100%;background:#ffffff14}.light-mode .xp-bar-ticks span{background:#0f172a14}.xp-count{display:inline-block;font-variant-numeric:tabular-nums;transition:transform .25s ease}.xp-count.is-bumping{animation:xpCountBump .55s cubic-bezier(.22,1.6,.36,1)}@keyframes xpCountBump{0%{transform:scale(1);color:inherit}35%{transform:scale(1.18);color:gold}to{transform:scale(1);color:inherit}}.game-level-row{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;transition:transform .25s ease,box-shadow .25s ease}.game-level-row:hover{transform:translateY(-1px)}.game-level-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.22) 55%,transparent 70%);transform:translate(-130%) skew(-14deg);animation:gameLevelMirror 4.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;filter:blur(.4px)}.light-mode .game-level-row:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 55%,transparent 70%);mix-blend-mode:normal}@keyframes gameLevelMirror{0%{transform:translate(-130%) skew(-14deg)}60%{transform:translate(-130%) skew(-14deg)}to{transform:translate(180%) skew(-14deg)}}.game-level-row.is-pulsing{animation:gameLevelGlow 3s ease-in-out infinite}@keyframes gameLevelGlow{0%,to{box-shadow:0 2px 10px var(--gl-glow, rgba(245,158,11,.18))}50%{box-shadow:0 4px 20px var(--gl-glow-strong, rgba(245,158,11,.35))}}.game-level-avatar-frame{position:relative;border-radius:12px;display:grid;place-items:center;flex-shrink:0;overflow:visible}.game-level-avatar-frame:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:1.5px dashed currentColor;opacity:.45;animation:gameLevelRing 8s linear infinite}@keyframes gameLevelRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.stat-tile:not(:disabled):hover{transform:translateY(-3px);border-color:var(--st-color, #94a3b8);box-shadow:inset 0 1px #ffffff0d,0 4px 14px #0000004d,0 0 0 1px var(--st-glow)}.stat-tile.is-bumping .stat-tile-icon-wrap{animation:statTileIconBump .6s cubic-bezier(.22,1.6,.36,1)}@keyframes statTileIconBump{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-6deg)}to{transform:scale(1) rotate(0)}}.stat-tile.is-bumping .stat-tile-value{animation:statTileValueBump .6s cubic-bezier(.22,1.6,.36,1)}@keyframes statTileValueBump{0%{filter:brightness(1)}40%{filter:brightness(1.4) drop-shadow(0 0 6px var(--st-color))}to{filter:brightness(1)}}.stat-tile-shine{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.stat-tile-shine:before{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translate(-100%) rotate(8deg);animation:statTileShine 6s ease-in-out infinite}.light-mode .stat-tile-shine:before{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%)}@keyframes statTileShine{0%{transform:translate(-100%) rotate(8deg)}60%{transform:translate(-100%) rotate(8deg)}to{transform:translate(380%) rotate(8deg)}}.stat-tile-icon-wrap{animation:statTileIconBreathe 4s ease-in-out infinite}@keyframes statTileIconBreathe{0%,to{transform:scale(1);box-shadow:0 2px 8px var(--st-glow)}50%{transform:scale(1.04);box-shadow:0 4px 14px var(--st-glow)}}.stat-flame{transform-origin:bottom center;transform-box:fill-box;animation:statFlame 1.2s ease-in-out infinite}@keyframes statFlame{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.08) scaleX(.95)}50%{transform:scaleY(.95) scaleX(1.05)}75%{transform:scaleY(1.04) scaleX(.97)}}.stat-star{transform-origin:center;transform-box:fill-box;animation:statStarSpin 8s linear infinite}@keyframes statStarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-spark{transform-origin:center;transform-box:fill-box;animation:statSpark 2s ease-in-out infinite}.stat-spark.s2{animation-delay:.35s}.stat-spark.s3{animation-delay:.7s}@keyframes statSpark{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.stat-book .stat-bookmark{transform-origin:top center;transform-box:fill-box;animation:statBookmark 3s ease-in-out infinite}@keyframes statBookmark{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-.5px) scaleY(1.05)}}.stat-trophy-shine{animation:statTrophyShine 2.2s ease-in-out infinite}@keyframes statTrophyShine{0%,to{opacity:.25}50%{opacity:.85}}.stat-medal{transform-origin:16px 20px;transform-box:fill-box;animation:statMedalSwing 3.4s ease-in-out infinite}@keyframes statMedalSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.stat-percent-dot{transform-origin:16px 16px;transform-box:fill-box;animation:statPercentDot 2.2s linear infinite}@keyframes statPercentDot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-calendar-dots circle{animation:statCalendarPulse 2.4s ease-in-out infinite}.stat-calendar-dots circle:nth-child(2){animation-delay:.2s}.stat-calendar-dots circle:nth-child(3){animation-delay:.4s}.stat-calendar-dots circle:nth-child(4){animation-delay:.6s}.stat-calendar-dots circle:nth-child(5){animation-delay:.8s}.stat-calendar-dots circle:nth-child(6){animation-delay:1s}@keyframes statCalendarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25);filter:brightness(1.4)}}.level-card.is-exam-gate{animation:examGatePulse 1.8s ease-in-out infinite}@keyframes examGatePulse{0%,to{box-shadow:0 4px 14px var(--lv-glow, rgba(245,158,11,.45)),0 0 0 0 var(--lv-glow, rgba(245,158,11,.5))}50%{box-shadow:0 6px 20px var(--lv-glow, rgba(245,158,11,.55)),0 0 0 6px var(--lv-glow-end, rgba(245,158,11,0))}}.level-card.is-exam-gate .level-icon-wrap{animation:examGateIconShake 2.6s ease-in-out infinite}@keyframes examGateIconShake{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px) rotate(-3deg)}95%{transform:translate(2px) rotate(3deg)}97%{transform:translate(-1px)}}.exam-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;animation:examBannerGlow 3s ease-in-out infinite}@keyframes examBannerGlow{0%,to{box-shadow:0 6px 24px var(--eb-glow, rgba(245,158,11,.25))}50%{box-shadow:0 10px 36px var(--eb-glow-strong, rgba(245,158,11,.45))}}.exam-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translate(-100%) skew(-14deg);animation:examBannerShine 4s ease-in-out infinite;pointer-events:none}@keyframes examBannerShine{0%{transform:translate(-100%) skew(-14deg)}60%{transform:translate(-100%) skew(-14deg)}to{transform:translate(180%) skew(-14deg)}}.exam-result-panel{animation:examResultEnter .55s cubic-bezier(.22,1.4,.36,1) both}@keyframes examResultEnter{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.exam-result-icon-pass{animation:examPassBounce .9s cubic-bezier(.34,1.56,.64,1) both,examPassPulse 2.6s ease-in-out infinite .9s}@keyframes examPassBounce{0%{transform:scale(.2) rotate(-12deg);opacity:0}60%{transform:scale(1.18) rotate(6deg);opacity:1}85%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes examPassPulse{0%,to{box-shadow:0 6px 22px var(--exam-glow, rgba(245,158,11,.45))}50%{box-shadow:0 10px 38px var(--exam-glow-strong, rgba(245,158,11,.7))}}.exam-rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:examRaysSpin 18s linear infinite}.exam-ray{position:absolute;top:50%;left:50%;width:2px;height:110%;margin-left:-1px;background:linear-gradient(180deg,transparent 0%,var(--exam-ray-color, #FFD700) 50%,transparent 100%);opacity:.35;transform-origin:top center}@keyframes examRaysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exam-confetti{position:absolute;top:-10%;width:8px;height:14px;border-radius:2px;opacity:0;animation:examConfettiFall 2.4s ease-in forwards}@keyframes examConfettiFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(420px) rotate(720deg);opacity:0}}.exam-spark{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:99px;background:gold;box-shadow:0 0 8px gold,0 0 16px #ffb400;opacity:0;animation:examSparkBurst 1.4s ease-out forwards}@keyframes examSparkBurst{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(var(--sx,30px),var(--sy,-30px)) scale(0);opacity:0}}.exam-result-headline-pass{animation:examHeadlinePulse .9s ease-out .2s both}@keyframes examHeadlinePulse{0%{transform:scale(.85);opacity:0;filter:brightness(1)}60%{transform:scale(1.08);opacity:1;filter:brightness(1.4)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.exam-result-icon-fail{animation:examFailShake .7s cubic-bezier(.36,.07,.19,.97) both}@keyframes examFailShake{0%{transform:translateY(-20px) scale(.6);opacity:0}30%{transform:translateY(0) scale(1);opacity:1}40%{transform:translate(-6px) scale(1)}55%{transform:translate(6px) scale(1)}70%{transform:translate(-4px) scale(1)}85%{transform:translate(4px) scale(1)}to{transform:translate(0) scale(1)}}.exam-result-headline-fail{animation:examFailHeadline .8s ease-out .3s both}@keyframes examFailHeadline{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.exam-group-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--exam-bn-border, rgba(16,185,129,.4));background:linear-gradient(135deg,var(--exam-bn-grad-1, rgba(16,185,129,.16)) 0%,var(--exam-bn-grad-2, rgba(16,185,129,.04)) 100%);box-shadow:inset 0 1px #ffffff0f,0 2px 8px var(--exam-bn-glow, rgba(16,185,129,.15));transition:transform .15s ease,box-shadow .15s ease}.exam-group-banner:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 4px 14px var(--exam-bn-glow, rgba(16,185,129,.25))}.exam-group-banner:before{content:"";position:absolute;top:-10%;right:-10%;width:120px;height:220%;background:repeating-linear-gradient(45deg,transparent 0px,transparent 8px,var(--exam-bn-stripe, rgba(16,185,129,.1)) 8px,var(--exam-bn-stripe, rgba(16,185,129,.1)) 14px);transform:skew(-14deg);pointer-events:none;opacity:.55;z-index:-1}[dir=rtl] .exam-group-banner:before{right:auto;left:-10%;transform:skew(14deg)}.exam-group-banner:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-120%) skew(-14deg);animation:examBannerShineLoop 5.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}@keyframes examBannerShineLoop{0%{transform:translate(-120%) skew(-14deg)}60%{transform:translate(-120%) skew(-14deg)}to{transform:translate(260%) skew(-14deg)}}.exam-banner-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:var(--exam-bn-icon-bg, rgba(16,185,129,.2));border:1px solid var(--exam-bn-icon-border, rgba(16,185,129,.55));box-shadow:inset 0 1px #ffffff2e,0 2px 8px var(--exam-bn-icon-glow, rgba(16,185,129,.4));position:relative;z-index:2}.exam-banner-icon-perfect{animation:examBannerIconBob 2.4s ease-in-out infinite,examBannerIconGlow 3s ease-in-out infinite}@keyframes examBannerIconBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}@keyframes examBannerIconGlow{0%,to{box-shadow:inset 0 1px #ffffff2e,0 4px 14px var(--exam-bn-icon-glow, rgba(16,185,129,.45))}50%{box-shadow:inset 0 1px #ffffff4d,0 8px 26px var(--exam-bn-icon-glow-strong, rgba(16,185,129,.7))}}.exam-banner-icon-fix{animation:examBannerIconWiggle 2s ease-in-out infinite}@keyframes examBannerIconWiggle{0%,to{transform:rotate(-4deg) scale(1)}25%{transform:rotate(4deg) scale(1.05)}50%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1.05)}}.exam-banner-count{font-size:14px;font-weight:900;letter-spacing:-.3px;line-height:1;font-variant-numeric:tabular-nums;color:var(--exam-bn-count-color, #10B981);padding:4px 10px;border-radius:8px;background:var(--exam-bn-count-bg, rgba(16,185,129,.18));border:1px solid var(--exam-bn-count-border, rgba(16,185,129,.5));display:inline-flex;align-items:center;gap:4px;flex-shrink:0;position:relative;z-index:2;animation:examCountPop .55s cubic-bezier(.34,1.56,.64,1) both;text-shadow:0 1px 0 rgba(0,0,0,.18)}@keyframes examCountPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.2) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.exam-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}@media (max-width: 720px){.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 460px){.exam-grid{grid-template-columns:1fr}}.exam-row.is-expanded{grid-column:1 / -1}.exam-row{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;border:1px solid var(--exam-row-border, rgba(245,158,11,.4));background:linear-gradient(135deg,var(--exam-row-bg-1, rgba(245,158,11,.08)) 0%,var(--exam-row-bg-2, rgba(245,158,11,.02)) 100%);padding:10px 12px 10px 14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;animation:examRowEnter .45s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--row-delay, 0s);min-width:0}@keyframes examRowEnter{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.exam-row:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--exam-row-glow, rgba(245,158,11,.25))}.exam-row:before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--exam-row-accent, #F59E0B);box-shadow:0 0 10px var(--exam-row-accent, #F59E0B);animation:examRowAccentPulse 2.8s ease-in-out infinite}@keyframes examRowAccentPulse{0%,to{opacity:.55}50%{opacity:1}}.exam-row-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:var(--exam-row-icon-bg, rgba(245,158,11,.18));border:1px solid var(--exam-row-icon-border, rgba(245,158,11,.5));box-shadow:inset 0 1px #ffffff24;position:relative;overflow:visible}.exam-row-icon-perfect{animation:examRowIconPerfect 3.8s ease-in-out infinite}@keyframes examRowIconPerfect{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-6deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.08) rotate(6deg)}}.exam-row-icon-fix{animation:examRowIconFix 1.6s ease-in-out infinite}@keyframes examRowIconFix{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.exam-row-spark{position:absolute;width:4px;height:4px;border-radius:99px;background:gold;box-shadow:0 0 6px gold;opacity:0;animation:examRowSpark 2.4s ease-in-out infinite}.exam-row-spark.s1{top:-2px;left:80%;animation-delay:0s}.exam-row-spark.s2{top:30%;left:-4px;animation-delay:.8s}.exam-row-spark.s3{top:80%;left:60%;animation-delay:1.6s}@keyframes examRowSpark{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}}.exam-row-bar{position:relative;height:3px;border-radius:999px;overflow:hidden;background:#0000002e;margin-top:4px}.light-mode .exam-row-bar{background:#0f172a14}.exam-row-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--exam-row-accent, #F59E0B),var(--exam-row-accent, #F59E0B) 60%,#FFD700);box-shadow:0 0 8px var(--exam-row-accent, #F59E0B);width:var(--bar-w, 0%);animation:examRowBarFill 1.1s cubic-bezier(.22,1,.36,1) both}[dir=rtl] .exam-row-bar-fill{inset:0 0 0 auto}@keyframes examRowBarFill{0%{width:0}to{width:var(--bar-w, 0%)}}.exam-row-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:examRowBarShine 2.6s ease-in-out infinite 1.2s}@keyframes examRowBarShine{0%{transform:translate(-100%)}to{transform:translate(120%)}}.exam-row-action{padding:5px 10px;border-radius:7px;background:linear-gradient(135deg,var(--exam-row-action, #F59E0B),var(--exam-row-action-2, #d97706));color:#fff;border:none;font-size:11px;font-weight:800;letter-spacing:.2px;cursor:pointer;font-family:inherit;flex-shrink:0;box-shadow:0 2px 8px var(--exam-row-action-glow, rgba(245,158,11,.45));transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.exam-row-action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 18px var(--exam-row-action-glow-strong, rgba(245,158,11,.6))}.exam-row-action:active{transform:translateY(0) scale(.97)}.exam-row-toggle{padding:5px 9px;border-radius:7px;background:#0000002e;color:inherit;border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.2px;cursor:pointer;font-family:inherit;flex-shrink:0;transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;gap:4px}.light-mode .exam-row-toggle{background:#0f172a0d;border-color:#0f172a14}.exam-row-toggle:hover{background:#00000047;border-color:var(--exam-row-accent, #F59E0B)}.light-mode .exam-row-toggle:hover{background:#0f172a1a}.exam-mistakes-drawer{margin-top:10px;animation:examDrawerExpand .45s cubic-bezier(.22,1,.36,1) both;overflow:hidden}@keyframes examDrawerExpand{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:4000px;transform:translateY(0)}}.exam-mistake-card{animation:examMistakeEnter .4s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--mc-delay, 0s);border-radius:11px;padding:12px 14px;border:1px solid rgba(239,68,68,.22);background:linear-gradient(135deg,#ef44440f,#ef444405);position:relative}.light-mode .exam-mistake-card{background:linear-gradient(135deg,#ef44440a,#fff)}@keyframes examMistakeEnter{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.tt-card{position:relative;isolation:isolate;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;border:1.5px solid var(--tt-border, rgba(255,255,255,.08));background:linear-gradient(160deg,var(--tt-bg-1, rgba(0,200,255,.06)) 0%,var(--tt-bg-2, transparent) 100%);padding:16px 14px 14px;text-align:start;font-family:inherit;color:inherit;min-height:220px;display:flex;flex-direction:column;gap:10px;animation:ttCardEnter .55s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--tt-delay, 0s)}@keyframes ttCardEnter{0%{transform:translateY(14px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.tt-card:not(:disabled):hover{transform:translateY(-3px);border-color:var(--tt-accent, #00C8FF);box-shadow:0 14px 36px var(--tt-glow, rgba(0,200,255,.25)),inset 0 1px #ffffff0f}.tt-card.is-active{border-color:var(--tt-accent, #00C8FF);background:linear-gradient(160deg,var(--tt-bg-active-1, rgba(0,200,255,.18)) 0%,var(--tt-bg-active-2, rgba(0,0,0,.18)) 100%);animation:ttCardActivePulse 3.2s ease-in-out infinite,ttCardEnter .55s cubic-bezier(.22,1.4,.36,1) both}@keyframes ttCardActivePulse{0%,to{box-shadow:0 6px 22px var(--tt-glow, rgba(0,200,255,.3))}50%{box-shadow:0 12px 38px var(--tt-glow-strong, rgba(0,200,255,.5))}}.tt-card.is-active:before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:skew(-14deg);animation:ttCardShine 5.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}@keyframes ttCardShine{0%{transform:translate(-200%) skew(-14deg)}60%{transform:translate(-200%) skew(-14deg)}to{transform:translate(450%) skew(-14deg)}}.tt-difficulty{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--tt-pill-bg, rgba(0,200,255,.14));border:1px solid var(--tt-pill-border, rgba(0,200,255,.32));font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--tt-accent, #00C8FF)}.tt-difficulty .dot{width:5px;height:5px;border-radius:99px;background:var(--tt-accent, #00C8FF)}.tt-difficulty .dot.muted{background:var(--tt-accent-muted, rgba(0,200,255,.3))}.tt-ring{position:relative;width:76px;height:76px;margin:0 auto;flex-shrink:0}.tt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tt-ring-track{fill:none;stroke:var(--tt-ring-track, rgba(255,255,255,.1));stroke-width:6}.tt-ring-fill{fill:none;stroke:var(--tt-accent, #00C8FF);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 8px var(--tt-accent, #00C8FF))}.tt-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:18px;font-weight:900;letter-spacing:-.5px;color:var(--tt-accent, #00C8FF);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.18)}.tt-stages{display:flex;gap:4px;margin-top:4px;justify-content:center}.tt-stage-dot{flex:1;height:4px;border-radius:4px;background:var(--tt-stage-empty, rgba(255,255,255,.08));position:relative;overflow:hidden;transition:background .3s ease}.tt-stage-dot.is-done{background:var(--tt-accent, #00C8FF);box-shadow:0 0 6px var(--tt-accent, #00C8FF)}.tt-stage-dot.is-current{background:linear-gradient(90deg,var(--tt-accent, #00C8FF) 50%,var(--tt-stage-empty, rgba(255,255,255,.1)) 50%);animation:ttStageCurrentPulse 2s ease-in-out infinite}@keyframes ttStageCurrentPulse{0%,to{opacity:.8}50%{opacity:1}}.tt-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.tt-stat{padding:6px 8px;border-radius:8px;background:var(--tt-stat-bg, rgba(255,255,255,.04));border:1px solid var(--tt-stat-border, rgba(255,255,255,.06));display:flex;flex-direction:column;gap:2px;align-items:flex-start}.tt-stat-label{font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--tt-stat-label, rgba(255,255,255,.5))}.tt-stat-value{font-size:13px;font-weight:900;letter-spacing:-.2px;color:var(--tt-accent, #00C8FF);font-variant-numeric:tabular-nums}.sc-card{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;border:1.5px solid var(--sc-border, rgba(255,255,255,.08));background:linear-gradient(135deg,var(--sc-bg-1, rgba(0,200,255,.06)) 0%,var(--sc-bg-2, transparent) 70%);padding:14px 14px 12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;animation:scCardEnter .5s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--sc-delay, 0s)}@keyframes scCardEnter{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sc-card:hover{transform:translateY(-2px);border-color:var(--sc-accent, #00C8FF);box-shadow:0 10px 26px var(--sc-glow, rgba(0,200,255,.22))}.sc-card.is-locked{opacity:.65;filter:grayscale(.4)}.sc-card.is-complete{border-color:#10b98180}.sc-card.is-complete:before{content:"";position:absolute;top:-6px;right:-6px;width:0;height:0;border-style:solid;border-width:0 56px 56px 0;border-color:transparent #10B981 transparent transparent;z-index:1;filter:drop-shadow(-2px 2px 4px rgba(0,0,0,.18))}[dir=rtl] .sc-card.is-complete:before{right:auto;left:-6px;border-width:0 0 56px 56px;border-color:transparent transparent transparent #10B981}.sc-complete-tick{position:absolute;top:5px;right:5px;font-size:14px;color:#fff;font-weight:900;z-index:2}[dir=rtl] .sc-complete-tick{right:auto;left:5px}.sc-ring{width:56px;height:56px;position:relative;flex-shrink:0}.sc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sc-ring-track{fill:none;stroke:var(--sc-ring-track, rgba(255,255,255,.1));stroke-width:5}.sc-ring-fill{fill:none;stroke:var(--sc-accent, #00C8FF);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 5px var(--sc-accent, #00C8FF))}.sc-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-.3px;color:var(--sc-accent, #00C8FF);font-variant-numeric:tabular-nums}.ah-card{position:relative;isolation:isolate;overflow:hidden}.ah-cell{width:100%;aspect-ratio:1;border-radius:4px;background:var(--ah-empty, rgba(255,255,255,.06));position:relative;transition:transform .15s ease,box-shadow .15s ease;animation:ahCellFade .35s ease-out both;animation-delay:var(--cell-delay, 0s)}.light-mode .ah-cell{background:#0f172a0f}@keyframes ahCellFade{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ah-cell:hover{transform:scale(1.25);box-shadow:0 0 0 2px #10b98180,0 0 8px #10b98166;z-index:2}.ah-cell.ah-l0{background:#ffffff0f}.ah-cell.ah-l1{background:#10b9812e}.ah-cell.ah-l2{background:#10b98166}.ah-cell.ah-l3{background:#10b981a6;box-shadow:0 0 4px #10b98166}.ah-cell.ah-l4{background:#10b981;box-shadow:0 0 8px #10b981b3}.light-mode .ah-cell.ah-l0{background:#0f172a0f}.light-mode .ah-cell.ah-l1{background:#10b98133}.light-mode .ah-cell.ah-l2{background:#10b98173}.light-mode .ah-cell.ah-l3{background:#10b981b3}.light-mode .ah-cell.ah-l4{background:#059669}.ah-cell.ah-today{outline:1.5px solid #FFD700;outline-offset:1px;animation:ahCellFade .35s ease-out both,ahTodayPulse 2.4s ease-in-out infinite;animation-delay:var(--cell-delay, 0s),.5s}@keyframes ahTodayPulse{0%,to{outline-color:gold}50%{outline-color:#ffb400}}.sc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sc-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:var(--sc-chip-bg, rgba(255,255,255,.04));border:1px solid var(--sc-chip-border, rgba(255,255,255,.06));font-size:10px;font-weight:800;letter-spacing:.2px;font-variant-numeric:tabular-nums;color:inherit}.sc-chip-accent{background:var(--sc-chip-accent-bg, rgba(0,200,255,.12));border-color:var(--sc-chip-accent-border, rgba(0,200,255,.32));color:var(--sc-accent, #00C8FF)}.exam-mistake-iconbox{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font-size:13px;font-weight:900;flex-shrink:0;animation:examMistakeIcon .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes examMistakeIcon{0%{transform:scale(.3) rotate(-20deg);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes streak-colon-blink{0%,49%{opacity:1}50%,to{opacity:.45}}.streak-digit{transition:transform .12s ease-out}.streak-seconds.is-bumping{animation:streak-tick .35s cubic-bezier(.34,1.56,.64,1)}@keyframes streak-tick{0%{transform:translateY(-2px) scale(1.18)}60%{transform:translateY(0) scale(1.04)}to{transform:translateY(0) scale(1)}}.stat-info-panel,.streak-info-panel{animation:stat-info-show .28s cubic-bezier(.22,1,.36,1);transform-origin:top center}@keyframes stat-info-show{0%{opacity:0;transform:translateY(-6px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.stat-tile-progress-shine:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:stat-tile-bar-shine 3.2s ease-in-out infinite}@keyframes stat-tile-bar-shine{0%{transform:translate(-120%)}60%{transform:translate(280%)}to{transform:translate(280%)}}.stat-tile-progress-fill{will-change:width}.coach-robot{display:block;animation:coach-robot-bob 4.2s ease-in-out infinite;transform-origin:center}.coach-robot--thinking{animation-duration:1.6s}@keyframes coach-robot-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.2px) rotate(-1.2deg)}}.coach-robot-antenna{transform-origin:24px 3px;animation:coach-robot-antenna 1.6s ease-in-out infinite}.coach-robot--thinking .coach-robot-antenna{animation-duration:.7s}@keyframes coach-robot-antenna{0%,to{transform:scale(.7);opacity:.55}50%{transform:scale(1.2);opacity:1}}.coach-robot-eyes{transform-origin:24px 18px;animation:coach-robot-blink 3.4s ease-in-out infinite}.coach-robot--thinking .coach-robot-eyes{animation-duration:1.4s}@keyframes coach-robot-blink{0%,88%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.1)}}.coach-robot-mouth{transform-origin:24px 24px;animation:coach-robot-mouth 1.8s ease-in-out infinite}.coach-robot--thinking .coach-robot-mouth{animation-duration:.55s}@keyframes coach-robot-mouth{0%,to{opacity:.85;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.55)}}.coach-robot-scan{animation:coach-robot-scan 2.4s ease-in-out infinite}.coach-robot--thinking .coach-robot-scan{animation-duration:.9s}@keyframes coach-robot-scan{0%,to{transform:translateY(-2.5px);opacity:.55}50%{transform:translateY(2.5px);opacity:1}}@media (prefers-reduced-motion: reduce){.coach-robot,.coach-robot-antenna,.coach-robot-eyes,.coach-robot-mouth,.coach-robot-scan{animation:none}}
