:root{--bg-start:#5d22ff;--bg-mid:#7a2fe0;--bg-end:#f531b7;--card-bg:#ffffffeb;--card-deep:#fffffffa;--card-border:#ffffff73;--text-dark:#1d1034;--text-darker:#110825;--text-muted:#6d5f85;--chip-bg:#ffffff2e;--chip-border:#ffffff59;--shadow-soft:0 25px 55px #12063340;--shadow-card:0 12px 30px #1206332e;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-main:"Space Grotesk","Manrope",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--gradient-hero:linear-gradient(135deg,#ffffff1f,#ffffff0a);--gradient-sunrise:linear-gradient(90deg,#facc15,#fb7185);--gradient-aurora:linear-gradient(135deg,#5eead4,#a855f7);--gradient-fern:linear-gradient(135deg,#34d399,#10b981);--gradient-ember:linear-gradient(135deg,#fb7185,#f97316);--gradient-violet:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-sky:linear-gradient(135deg,#60a5fa,#a5b4fc);--gradient-card:linear-gradient(135deg,#ffffffeb,#ffffffb3);--success:#16a34a;--danger:#f43f5e;--warning:#f97316}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);color:var(--text-dark);background:radial-gradient(circle at 10% 20%,#ffffff1a,transparent 45%),radial-gradient(circle at 80% 0%,#ffffff1f,transparent 40%),linear-gradient(135deg,var(--bg-start),var(--bg-mid),var(--bg-end));min-height:100vh;margin:0;padding:32px 20px 48px;transition:background .6s,color .3s;overflow:auto;overflow:auto!important}body.auth-locked{overflow:hidden!important}body.auth-locked .app-shell{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audio-pref{z-index:2200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff59;border-radius:12px;padding:6px 10px;position:fixed;top:10px;left:12px;box-shadow:0 10px 30px #00000038}.audio-pref__select{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;padding:10px 32px 10px 12px;font-size:.95rem;font-weight:700;position:relative;box-shadow:0 10px 22px #16a34a59}.audio-pref__select:focus-visible{outline-offset:2px;outline:2px solid #22c55e66}.audio-pref__select--muted{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 10px 22px #ef44444d}.auth-shell{z-index:50;pointer-events:none;opacity:0;justify-content:center;align-items:center;padding:clamp(24px,6vw,72px) clamp(16px,5vw,64px);transition:opacity .35s;display:flex;position:fixed;inset:0;overflow-y:auto}body.auth-locked .auth-shell{opacity:1;pointer-events:auto}.auth-shell__backdrop{background:radial-gradient(circle at 10% 20%,#4f46e5a6,#0f172af2);border:1px solid #ffffff0f;position:absolute;inset:0;box-shadow:0 20px 80px #020617cc}.auth-shell__orb{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.auth-shell__orb--one{background:#ec48998c;width:320px;height:320px;top:8%;left:12%}.auth-shell__orb--two{background:#06b6d473;width:420px;height:420px;bottom:-10%;right:6%}.auth-shell__grid{z-index:1;grid-template-columns:1fr;align-items:start;gap:18px;width:min(760px,100%);display:grid;position:relative}.auth-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff1a;border-radius:32px;padding:clamp(24px,4vw,48px);box-shadow:0 35px 120px #020617a6}.auth-panel--intro{color:#fff;background:linear-gradient(150deg,#0f172ae6,#312e81cc);flex-direction:column;gap:16px;display:flex}.auth-panel__eyebrow{text-transform:uppercase;letter-spacing:.5em;color:#ffffffb3;font-size:.75rem}.auth-panel__title{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.auth-panel__body{color:#ffffffd9;max-width:28ch;line-height:1.5}.auth-benefits{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.auth-benefits li{align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.auth-benefits li span{font-size:1.4rem}.auth-benefits li p{color:#ffffffd9;margin:0}.auth-panel--form{color:var(--text-darker);background:#fff;flex-direction:column;place-self:start end;gap:14px;width:100%;max-width:460px;padding:26px;display:flex;position:relative}.auth-panel--merged{background:var(--card-deep);width:100%;max-width:760px;color:var(--text-darker);border:1px solid #ffffff29;gap:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 45px 140px #020617a6}.auth-panel--merged:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 0,#6366f12e,#0000 55%),radial-gradient(circle at 90% 20%,#ec48991f,#0000 55%);position:absolute;inset:0}.auth-merged__header,.auth-merged__actions,.auth-benefits--grid{z-index:1;position:relative}.auth-merged__header{gap:12px;padding-right:46px;display:grid}.auth-panel--merged .auth-panel__eyebrow{color:#1118278c}.auth-panel--merged .auth-panel__title{letter-spacing:-.02em;font-size:clamp(2rem,4.8vw,3rem)}.auth-panel--merged .auth-panel__body{color:#111827bf;max-width:56ch}.auth-merged__actions{gap:12px;display:grid}.auth-panel--merged .auth-form{gap:10px}.auth-panel--merged .auth-google,.auth-panel--merged .auth-guest{border-radius:18px;padding:14px 18px}.auth-benefits--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 0;padding:0;list-style:none;display:grid}.auth-benefits--grid li{background:#0f172a0a;border:1px solid #0f172a14;border-radius:18px;align-items:flex-start;gap:12px;padding:14px;display:flex}.auth-benefits--grid li span{background:#ffffffd9;border:1px solid #0f172a14;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.auth-benefits--grid li p:first-child{color:#111827d9;font-weight:700}.auth-benefits--grid li p:last-child{color:#11182799}.auth-close{width:40px;height:40px;color:inherit;cursor:pointer;background:#0000000a;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.auth-close:hover{background:#00000012}.auth-close:focus-visible{outline-offset:2px;outline:3px solid #00000038}.auth-tabs{background:#f2f4f7;border-radius:999px;gap:6px;padding:6px;display:flex}.auth-tab{color:#64748b;background:0 0;border:none;border-radius:999px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.auth-tab.active{color:var(--text-darker);background:#fff;box-shadow:0 10px 24px #0f172a1f}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{text-transform:uppercase;letter-spacing:.3em;color:#818cf8;font-size:.8rem;font-weight:600}.auth-field input{border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border .2s,box-shadow .2s}.auth-field input:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f726}.auth-helper{color:#94a3b8;margin:0;font-size:.8rem}.auth-feedback{border-radius:18px;margin:0;padding:12px 16px;font-size:.9rem}.auth-feedback--error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.auth-feedback--warning{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.auth-hint{color:#94a3b8;margin:0;font-size:.78rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(120deg,#ec4899,#8b5cf6);border:none;border-radius:20px;padding:14px 18px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 20px 40px #ec489959}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:18px 0 8px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#94a3b866;flex:1;height:1px}.auth-google,.auth-microsoft,.auth-facebook{color:#111827;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 28px #0f172a26}.auth-google:hover,.auth-microsoft:hover,.auth-facebook:hover{transform:translateY(-1px);box-shadow:0 18px 32px #0f172a33}.auth-google:disabled,.auth-microsoft:disabled,.auth-facebook:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.auth-guest{color:#0f172ad9;cursor:pointer;background:#0f172a0a;border:1px solid #0f172a1a;border-radius:16px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s}.auth-guest:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a1f}.auth-google__icon{color:#ea4335;background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex}.auth-microsoft__icon{color:#111827d9;background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-weight:800;display:flex}.auth-facebook__icon{color:#111827d9;background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-weight:900;display:flex}.auth-google__label,.auth-microsoft__label,.auth-facebook__label{text-align:left;flex:1}.auth-footnote{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.auth-identity{color:#fff;background:#fff3;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;display:flex}.auth-identity__emoji{font-size:1.3rem}.auth-identity__label{letter-spacing:.35em;text-transform:uppercase;color:#ffffffa6;margin:0;font-size:.65rem}.auth-identity__value{margin:0;font-size:.9rem;font-weight:600}.user-menu{z-index:8;align-items:center;display:inline-flex;position:relative}.user-menu__dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;background:#0f172aeb;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:none;position:absolute;top:48px;right:0;box-shadow:0 20px 40px #0000004d}.user-menu__dropdown.open{z-index:1200;display:flex}.user-menu__dropdown button{color:#e5e7eb;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s,color .15s;display:inline-flex}.user-menu__dropdown button:hover{color:#fff;background:#ffffff14}.user-menu__dropdown i{width:16px;height:16px}@media (max-width:900px){.auth-shell__grid{grid-template-columns:1fr}.auth-panel--form{justify-self:center;max-width:520px}}@media (max-width:640px){.auth-panel{border-radius:24px;padding:20px}.auth-shell{align-items:flex-start;padding:14px}.auth-panel--form{max-width:520px;padding:20px}.auth-close{top:10px;right:10px}.auth-benefits{display:none}.auth-panel--merged .auth-panel__body{max-width:42ch}}body.dark-mode{--card-bg:#0f172ae0;--card-deep:#0f172af2;--card-border:#3b82f640;--text-dark:#f8fafc;--text-darker:#e2e8f0;--text-muted:#94a3b8;--chip-bg:#0f172aa6;--chip-border:#94a3b873;color:#f8fafc;background:radial-gradient(circle at 10% 20%,#3b82f626,#0000 50%),radial-gradient(circle at 80% 0,#6366f11f,#0000 45%),linear-gradient(135deg,#050810,#0b1220,#132347)}body.dark-mode .hero{background:linear-gradient(120deg,#0f172ae6,#1e293bd9);border-color:#6366f159}body.dark-mode .panel{color:#f1f5f9;background:#0f172ad9;border-color:#94a3b840}body.dark-mode .panel--deep{background:linear-gradient(145deg,#0f172af2,#1e293bf2)}body.dark-mode .chip--glass{background:#0f172a99;border-color:#94a3b873}body.dark-mode .toolbar-btn{color:#f8fafc;background:#0f172ad9;border-color:#3b82f659}body.dark-mode .summary-card,body.dark-mode .insight-card{color:#f8fafc;background:#0f172acc}body.dark-mode .countdown-panel{color:#e2e8f0;background:#1e293be6;border-color:#6366f166}body.winter-mode{background:radial-gradient(circle at 5% 10%,#ffffff40,#0000 45%),radial-gradient(circle at 80% 0,#add8ff40,#0000 40%),linear-gradient(135deg,#4f46e5,#0ea5e9,#0f172a)}body.winter-mode .orb-field:after{content:"";filter:blur(60px);opacity:.5;pointer-events:none;background:radial-gradient(circle,#38bdf899,#38bdf833,#0000 70%);width:120%;height:320px;position:absolute;bottom:-120px;left:-10%}.snow-field{pointer-events:none;z-index:1;opacity:0;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}body.winter-mode .snow-field{opacity:1}.snowflake{will-change:transform;animation:linear infinite snowFall;position:absolute;top:-12%}.snowflake__core{width:var(--flake-size,8px);height:var(--flake-size,8px);opacity:var(--flake-opacity,.9);transform:translate3d(var(--repel-x,0px),var(--repel-y,0px),0)scale(var(--flake-scale,1));background:#fffffff2;border-radius:50%;transition:transform .2s ease-out;display:block;box-shadow:0 0 16px #ffffffe6}@keyframes snowFall{to{transform:translateY(120vh)translateX(var(--drift,0px));opacity:0}}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-shell{z-index:2;max-width:1200px;margin:0 auto;position:relative}.orb-field{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(45px);opacity:.6;border-radius:50%;animation:8s ease-in-out infinite alternate pulse;position:absolute}.orb-one{background:#facc1559;width:320px;height:320px;top:12%;left:6%}.orb-two{background:#e959db47;width:520px;height:520px;animation-delay:1s;bottom:8%;right:10%}.orb-three{background:#3b82f64d;width:280px;height:280px;animation-delay:2s;top:45%;left:35%}@keyframes pulse{0%{transform:scale(.95)}to{transform:scale(1.05)}}.xp-toast{color:#7c2d12;text-align:center;opacity:0;pointer-events:none;z-index:5;background:#fde68a;border-radius:999px;padding:18px 32px;transition:opacity .25s,transform .25s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 20px 45px #7c2d1259}.xp-toast.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.xp-toast__value{font-size:1.5rem;font-weight:600}.xp-toast__tagline{letter-spacing:.6px;font-size:.85rem}.achievement-toast{border-radius:var(--radius-md);color:#92400e;opacity:0;pointer-events:none;z-index:6;background:linear-gradient(135deg,#fff7edf2,#fef3c7f2);align-items:center;gap:12px;padding:16px 22px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px);box-shadow:0 20px 45px #92400e40}.achievement-toast.visible{opacity:1;transform:translateY(0)}.achievement-toast__icon{font-size:1.6rem}.achievement-toast__title{margin:0;font-weight:600}.achievement-toast__body{color:#b45309;margin:2px 0 0;font-size:.9rem}.hero{background:var(--gradient-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;border:1px solid #ffffff59;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex;position:relative;overflow:visible}.hero__brand{flex:1;align-items:flex-start;gap:20px;display:flex}.hero__logo{background:var(--gradient-sunrise);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 12px 35px #facc1573}.hero__logo i{width:28px;height:28px}.hero__headline{flex-direction:column;gap:6px;display:flex}.hero__eyebrow{text-transform:uppercase;letter-spacing:.55em;color:#ffffffb3;font-size:.75rem}.hero__title{color:#fff;font-size:1.4rem;font-weight:600}.hero__title--loud{text-transform:uppercase;letter-spacing:.05em;text-shadow:0 20px 45px #050a2873;font-size:clamp(1rem,2vw,1.6rem);font-weight:700;line-height:1.1}.hero__subtitle{color:#fffc;font-size:.85rem}.hero__subtitle--glow{color:#fffffff2;font-size:1rem}.hero__guest-mode{flex:1;justify-content:center;align-items:center;display:none}.hero__guest-mode span{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 50%,#e2e8f0 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}body:not(.user-authenticated) .hero__guest-mode{display:flex}.hero__nav{background:#ffffff1f;border-radius:999px;gap:12px;padding:6px;display:flex}.nav-btn{color:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;transition:background .2s,color .2s;display:flex}.nav-btn i{width:16px;height:16px}.nav-btn.active{color:var(--bg-start);background:#fff;box-shadow:0 10px 25px #0f0e2440}.hero__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.hero__economy{background:#090a2080;border:1px solid #ffffff59;border-radius:16px;align-items:center;gap:10px;min-width:190px;padding:10px 14px;display:inline-flex;box-shadow:inset 0 12px 30px #ffffff14,0 12px 30px #04092273}.hero__counter-icon{filter:drop-shadow(0 4px 12px #facc1599);font-size:1.25rem}.hero__counter-content{flex-direction:column;gap:4px;display:flex}.hero__counter-label{letter-spacing:.35em;text-transform:uppercase;color:#ffffffa6;margin:0;font-size:.65rem}.hero__economy[data-hero-rank] .hero__counter-label{text-align:center;width:100%}.hero__counter-roller{letter-spacing:.35em;font-variant-numeric:tabular-nums;color:#fef3c7;text-align:center;background:radial-gradient(circle at 20% 20%,#fff3,#0000),linear-gradient(135deg,#0c0e22e6,#181c3ee6);border-radius:14px;min-width:110px;padding:6px 12px;font-weight:700;position:relative;box-shadow:inset 0 -2px 6px #00000059,0 4px 16px #05081d73}.hero__counter-roller:after{content:"";opacity:.5;border-top:1px solid #ffffff40;position:absolute;top:50%;left:10px;right:10px}.hero__counter-sub{color:#ffffffb8;letter-spacing:.08em;font-size:.7rem}.hero__profile{display:inline-flex;position:relative}.hero__profile-btn{color:#fff;background:#08091e73;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:52px;height:52px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 22px #ffffff14,0 12px 28px #05061759}.hero__profile-btn .avatar-frame{border-radius:50%;padding:6px}.hero__profile-figure{display:inline-flex}.hero__profile-label{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:600;display:none}.hero__profile-btn--cta{justify-content:flex-start;padding:0 18px}.hero__profile-btn--cta .hero__profile-figure{display:none}.hero__profile-btn--cta .hero__profile-label{display:inline-flex}.hero__profile-btn:hover,.hero__profile-btn:focus-visible{border-color:#ffffffbf;transform:translateY(-1px);box-shadow:inset 0 0 25px #ffffff1f,0 16px 36px #05061773}.hero__profile-btn:focus-visible{outline-offset:2px;outline:2px solid #ffffffa6}.hero__profile-emoji{font-size:1.2rem}.hero__profile-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:120;background:#080b1eeb;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:6px;min-width:180px;padding:10px;display:none;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 40px #03040f73}.hero__profile-dropdown.open{display:flex}.hero__profile-action{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9rem;transition:background .2s,color .2s;display:inline-flex}.hero__profile-action:hover{color:#fff;background:#ffffff14}.hero__profile-action i{width:16px;height:16px}.hero__notifications{display:inline-flex;position:relative}.hero__notifications-badge{color:#fff;z-index:10;background:#ef4444;border:2px solid #080b1ef2;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ef444466}.hero__notifications-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:120;background:#080b1eeb;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;min-width:320px;max-width:400px;max-height:500px;display:none;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 40px #03040f73}.hero__notifications-dropdown.open{display:flex}.hero__notifications-header{color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.hero__notifications-clear-all{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.hero__notifications-clear-all:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff4d}.hero__notifications-clear-all:disabled{opacity:.5;cursor:not-allowed}.hero__notifications-list{flex-direction:column;gap:4px;max-height:400px;padding:8px;display:flex;overflow-y:auto}.hero__notifications-list::-webkit-scrollbar{width:6px}.hero__notifications-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.hero__notifications-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.hero__notifications-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.hero__notification-item{cursor:pointer;background:0 0;border-radius:12px;gap:12px;padding:12px;transition:background .2s;display:flex;position:relative}.hero__notification-item:hover{background:#ffffff14}.hero__notification-item:hover .hero__notification-delete{opacity:1}.hero__notification-delete{color:#ef4444;cursor:pointer;opacity:0;background:#ef444433;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.hero__notification-delete:hover{background:#ef44444d;border-color:#ef444480;transform:scale(1.1)}.hero__notification-delete i{width:14px;height:14px}.hero__notification-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.hero__notification-content{flex:1;min-width:0;padding-right:32px}.hero__notification-title{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:600}.hero__notification-text{color:#ffffffb3;font-size:.85rem;line-height:1.4}.hero__notifications-empty{text-align:center;color:#ffffff80;padding:32px 20px;font-size:.9rem}.chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:transform .2s,border-color .2s;display:inline-flex}.avatar-frame{background:linear-gradient(135deg,#fff6,#fff0);border-radius:18px;justify-content:center;align-items:center;padding:4px;display:inline-flex;box-shadow:0 4px 18px #05081959}.avatar-frame--aurora{background-image:linear-gradient(135deg,#5eead4,#a855f7)}.avatar-frame--ember{background-image:linear-gradient(135deg,#fb923c,#ef4444)}.avatar-frame--circuit{background-image:linear-gradient(135deg,#22d3ee,#1d4ed8)}.avatar-frame--cosmic{background-image:linear-gradient(135deg,#a5b4fc,#f472b6)}.chip .avatar-frame{padding:3px}.chip--glass{background:var(--chip-bg);border-color:var(--chip-border);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chip__emoji{font-size:1.1rem}.chip:hover{transform:translateY(-2px)}.icon-btn{border:1px solid var(--chip-border);color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,border-color .2s;display:inline-flex;position:relative}.icon-btn i{width:20px;height:20px}.icon-btn:hover{border-color:#fff;transform:scale(1.05)}.icon-btn--accent{background:var(--gradient-sunrise);color:#fff;border:none;box-shadow:0 15px 35px #fb718566}.page-shell{margin-top:32px}.page{display:none}.page.active{display:block}.toolbar-launcher{z-index:30;opacity:.75;align-items:flex-end;gap:14px;transition:opacity .2s;display:flex;position:fixed;bottom:24px;left:24px}.toolbar-launcher:hover,.toolbar-launcher[data-open=true]{opacity:1}.toolbar-toggle{color:#f8fafc;cursor:pointer;background:#0f172ae6;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 12px 30px #02061773}.toolbar-toggle i{width:18px;height:18px;transition:transform .2s;transform:rotate(0)}.toolbar-toggle:hover{transform:translateY(-2px)}.toolbar-launcher[data-open=true] .toolbar-toggle{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.toolbar-launcher[data-open=true] .toolbar-toggle i{transform:rotate(180deg)}.bottom-toolbar{opacity:0;pointer-events:none;background:#0f172ae6;border-radius:999px;justify-content:center;gap:12px;padding:12px 16px;transition:transform .3s,opacity .3s;display:flex;position:relative;transform:translate(calc(-100% - 24px));box-shadow:0 18px 42px #0206178c}.toolbar-launcher[data-open=true] .bottom-toolbar{opacity:1;pointer-events:auto;transform:translate(0)}.toolbar-btn{color:#f8fafc;background:#110825d9;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 12px 30px #0f0e2459}.toolbar-btn i{width:18px;height:18px}.toolbar-btn:hover{background:#110825;transform:translateY(-2px)}.grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.grid__main,.grid__side{flex-direction:column;gap:24px;display:flex}.panel{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);z-index:1;padding:28px;position:relative;overflow:hidden}.panel--deep{background:linear-gradient(145deg,#fffffffa,#f7f5ffe0)}.panel h2{color:var(--text-darker);font-size:1.2rem}.customization-panel{text-align:center;box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:100%;margin-top:18px;display:flex;overflow:hidden}.customization-panel,#customization-panel,#skins-panel{contain:layout;min-height:460px}.customization-panel__body{min-height:160px}.customization-panel__body.shop-items-container{min-height:360px}.customization-panel .customization-panel__body{width:min(100%,780px);max-width:780px}.customization-panel__header{color:var(--text-darker);margin:0;font-size:1.2rem;font-weight:800}.customization-panel__body{box-sizing:border-box;justify-content:center;align-items:center;gap:12px;width:min(100%,780px);max-width:780px;margin:0 auto;display:flex}.customization-panel__body.shop-items-container{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-content:stretch;align-items:stretch;gap:16px;margin:0;overflow:visible;width:100%!important;max-width:100%!important;display:grid!important}.shop-items-container{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0000004d #0000000d;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:16px;width:100%;min-width:0;max-width:100%;min-height:220px;padding-bottom:12px;display:flex;overflow:auto hidden}#customization-panel .shop-item{min-height:200px}.shop-items-container::-webkit-scrollbar{height:12px}.shop-items-container::-webkit-scrollbar-track{background:#0000000d;border-radius:6px}.shop-items-container::-webkit-scrollbar-thumb{cursor:grab;background-color:#0000004d;border-radius:6px}.shop-items-container::-webkit-scrollbar-thumb:hover{background-color:#0006}.shop-items-container::-webkit-scrollbar-thumb:active{cursor:grabbing;background-color:#00000080}.customization-panel__pill{border-radius:var(--radius-md);background:var(--card-bg);color:#0b3d91;border:1px solid var(--card-border);min-height:140px;box-shadow:var(--shadow-card);justify-content:center;align-items:center;width:min(100%,780px);padding:32px 24px;font-size:clamp(1.25rem,3vw,2rem);font-weight:800;display:flex}.customization-panel__pill-text{transform-origin:50%;animation:5s ease-in-out infinite customization-pill-text-pulse;display:inline-block}.shop-item{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-border);height:168px;min-height:168px;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .1s,box-shadow .2s;display:flex}.shop-items-container:not(.customization-panel__body) .shop-item{flex-shrink:0;width:300px;min-width:300px;max-width:300px}.customization-panel__body.shop-items-container .shop-item{width:100%;min-width:0;max-width:100%}.shop-item--purchasable{cursor:pointer}.shop-item--purchasable:hover{transform:translateY(-2px);box-shadow:0 18px 35px #10b98140}.shop-item--disabled{opacity:.6;cursor:not-allowed}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=fall-theme],body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=fall-theme]{background:linear-gradient(135deg,#ffc864f2,#ffa500e6);border-color:#8b451366;box-shadow:0 8px 24px #ff8c004d,inset 0 1px #fff3}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=spring-theme],body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=spring-theme]{background:linear-gradient(135deg,#90ee90f2,#98fb98e6);border-color:#6b8e2366;box-shadow:0 8px 24px #90ee904d,inset 0 1px #ffffff4d}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=spring-theme]:hover,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=spring-theme]:hover{background:linear-gradient(135deg,#adffadfa,#b4ffb4f2);box-shadow:0 12px 32px #90ee9066,inset 0 1px #fff6}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=fall-theme]:hover,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=fall-theme]:hover{background:linear-gradient(135deg,#ffd778fa,#ffb432f2);box-shadow:0 12px 32px #ff8c0066,inset 0 1px #ffffff4d}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=summer-theme],body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=summer-theme]{background:linear-gradient(135deg,#add8e6f2,#87cefae6);border-color:#6495ed66;box-shadow:0 8px 24px #87ceeb4d,inset 0 1px #fff6}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=summer-theme]:hover,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=summer-theme]:hover{background:linear-gradient(135deg,#bfe4f0fa,#9bd8fff2);box-shadow:0 12px 32px #87ceeb66,inset 0 1px #ffffff80}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme],body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme]{color:#e8d5f2;background:linear-gradient(135deg,#2d1b3df2,#4b0082e6);border-color:#9370db99;position:relative;overflow:hidden;box-shadow:0 8px 24px #4b008280,inset 0 1px #dfbbff26,0 0 20px #80008066,0 0 40px #4b008233}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme]:before,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme]:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8000804d 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite ghostly-pulse;position:absolute;top:-50%;left:-50%}@keyframes ghostly-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme]>*,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme]>*{z-index:1;position:relative}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme]:hover,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme]:hover{background:linear-gradient(135deg,#3a234bfa,#5d1496f2);transform:translateY(-2px);box-shadow:0 12px 32px #4b008299,inset 0 1px #dfbbff40,0 0 30px #80008080,0 0 60px #4b00824d}body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme] .shop-item__label,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-shop-item=halloween-theme] .shop-item__price,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme] .shop-item__label,body:not(.fall-theme):not(.spring-theme):not(.summer-theme):not(.halloween-theme) .shop-item[data-customization-item=halloween-theme] .shop-item__price{color:#e8d5f2;text-shadow:0 0 8px #dfbbff80}.shop-item[data-shop-item=eightbit-theme],.shop-item[data-customization-item=eightbit-theme],.shop-item--eightbit{position:relative;overflow:hidden;box-shadow:0 8px 24px #00ff004d,inset 0 1px #39ff1433,0 0 20px #0f03;background:linear-gradient(135deg,#0a0a0a 0%,#0d1a0d 50%,#001a00 100%)!important;border:2px solid #39ff14!important}.shop-item[data-shop-item=eightbit-theme]:before,.shop-item[data-customization-item=eightbit-theme]:before,.shop-item--eightbit:before{content:"";pointer-events:none;z-index:0;opacity:.5;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:absolute;inset:0}.shop-item[data-shop-item=eightbit-theme]>*,.shop-item[data-customization-item=eightbit-theme]>*,.shop-item--eightbit>*{z-index:1;position:relative}.shop-item[data-shop-item=eightbit-theme] .shop-item__label,.shop-item[data-shop-item=eightbit-theme] .shop-item__price,.shop-item[data-customization-item=eightbit-theme] .shop-item__label,.shop-item[data-customization-item=eightbit-theme] .shop-item__price,.shop-item--eightbit .shop-item__label,.shop-item--eightbit .shop-item__price{text-shadow:0 0 10px #39ff1499;color:#39ff14!important}.shop-item[data-shop-item=eightbit-theme]:hover,.shop-item[data-customization-item=eightbit-theme]:hover,.shop-item--eightbit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f06,inset 0 1px #39ff144d,0 0 30px #39ff1466;background:linear-gradient(135deg,#001a00 0%,#0d2a0d 50%,#030 100%)!important}.customization-equip-btn--eightbit{text-shadow:0 0 8px #39ff1480;box-shadow:0 0 10px #00ff004d;color:#39ff14!important;background:#0a0a0a!important;border:2px solid #39ff14!important}.customization-equip-btn--eightbit:hover{box-shadow:0 0 15px #39ff1480;background:#001a00!important}.shop-item__icon{text-align:center;margin-bottom:8px;font-size:2.5rem}.shop-item__label{color:var(--text-darker);margin-bottom:4px;font-size:1.1rem;font-weight:700}.shop-item__price{color:var(--text-muted);font-size:.95rem;font-weight:600}.customization-equip-btn{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-darker);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-main);margin-top:12px;padding:8px 20px;transition:all .2s}.customization-equip-btn:hover{background:#0000000d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.customization-equip-btn:active{transform:translateY(0)}.shop-item__unavailable{color:var(--text-muted);margin-top:4px;font-size:.85rem}.shop-item__owned{color:var(--text-darker);margin-top:4px;font-size:.9rem;font-weight:600}.purchase-popup{color:#fff;z-index:10000;background:linear-gradient(135deg,#34d399,#10b981);border-radius:16px;padding:20px 40px;font-size:1.2rem;font-weight:600;animation:.3s ease-out popupFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0000004d}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.streak-freeze-popup-overlay{z-index:10001;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.streak-freeze-popup-content{color:#fff;text-align:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:16px;max-width:400px;padding:30px 40px;animation:.3s ease-out popupFadeIn;box-shadow:0 20px 60px #0006}.streak-freeze-popup-icon{margin-bottom:15px;font-size:3rem}.streak-freeze-popup-title{margin-bottom:10px;font-size:1.5rem;font-weight:700}.streak-freeze-popup-message{opacity:.9;margin-bottom:20px;font-size:1.1rem}.streak-freeze-popup-button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:8px;padding:10px 25px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.streak-freeze-popup-button:hover{background:#ffffff4d}.streak-freeze-popup-button:active{transform:scale(.95)}@keyframes customization-pill-text-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.daily-header{border-radius:var(--radius-md);background:var(--gradient-violet);color:#fff;border:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:20px;display:flex}.daily-header--summary{position:relative;overflow:hidden}.daily-header--summary:after{content:"";pointer-events:none;background:linear-gradient(120deg,#fff0,#ffffff80,#fff0);animation:8s linear infinite bannerShimmer;position:absolute;inset:-20% 0;transform:translate(-150%)}@keyframes bannerShimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.daily-header__title{flex-direction:column;gap:6px;display:flex}.daily-header__meta{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.chip--bright{background:#ffffff26;border:1px solid #fff6;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;display:inline-flex}.chip--bright i{width:16px;height:16px}.daily-body{flex-direction:column;gap:20px;margin-top:24px;display:flex}.daily-intro{border-radius:var(--radius-md);background:#ffffffe6;border:1px solid #00000014;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.daily-intro__title{background:linear-gradient(135deg,#1a1a1a 0%,#4a4a4a 50%,#2d2d2d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;font-size:2rem;font-weight:700}.daily-intro__subtitle{color:var(--text-muted);margin-top:6px;font-size:.95rem}.daily-intro__meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.daily-intro__meta-card{border-radius:var(--radius-md);background:#f9fafbe6;border:1px solid #00000014;padding:14px}.daily-intro__meta-card--full{text-align:center;grid-column:1/-1;padding:20px}body.dark-mode .daily-intro{color:var(--text-darker);background:#090d18e6;border-color:#3b82f640}body.dark-mode .daily-intro__title{background:linear-gradient(135deg,#e0e0e0 0%,#a0a0a0 50%,silver 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark-mode .daily-intro__subtitle{color:#e2e8f0cc}body.dark-mode .daily-intro__meta-card{background:#0f172acc;border-color:#94a3b859}body.dark-mode .daily-intro__meta-label{color:#cbd5e1d9}body.dark-mode .daily-intro__meta-value{color:#e2e8f0}.daily-intro__meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem}.daily-intro__meta-value{margin-top:6px;font-size:1.2rem;font-weight:600}.wager-toggle-container{border-radius:var(--radius-md);background:linear-gradient(135deg,#fbbf2414 0%,#f59e0b0d 100%);border:1px solid #fbbf2440;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px 16px;transition:all .3s;display:flex}.wager-toggle-container:hover{background:linear-gradient(135deg,#fbbf241f 0%,#f59e0b14 100%);border-color:#fbbf2466}.wager-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;display:flex}.wager-toggle-text{color:var(--text-darker);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.wager-toggle-text:before{content:"🪙";font-size:1.1rem}.wager-toggle-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.wager-switch{flex-shrink:0;width:56px;height:30px;display:inline-block;position:relative}.wager-switch input{opacity:0;width:0;height:0}.wager-slider{cursor:pointer;background:linear-gradient(135deg,#94a3b866 0%,#64748b66 100%);border:2px solid #94a3b84d;border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.wager-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 8px #00000026}.wager-switch input:checked+.wager-slider{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#fbbf2480;box-shadow:0 0 20px #fbbf2466}.wager-switch input:checked+.wager-slider:before{transform:translate(26px);box-shadow:0 2px 12px #fbbf2466}.wager-switch input:focus+.wager-slider{outline-offset:2px;outline:2px solid #fbbf2480}body.dark-mode .wager-toggle-container{background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b0f 100%);border-color:#fbbf2433}body.dark-mode .wager-toggle-container:hover{background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b1a 100%);border-color:#fbbf2459}body.dark-mode .wager-toggle-text{color:#e2e8f0}body.dark-mode .wager-toggle-hint{color:#cbd5e1b3}body.dark-mode .wager-slider{background:linear-gradient(135deg,#47556999 0%,#33415599 100%);border-color:#47556966}body.dark-mode .wager-slider:before{background:#e2e8f0}.play-btn{background:var(--gradient-fern);color:#fff;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 18px 35px #10b98159}.play-btn i{width:18px;height:18px}.play-btn--disabled{background:var(--gradient-ember);cursor:not-allowed;opacity:.9;box-shadow:0 18px 35px #ef444459}.play-btn--disabled:hover{opacity:.9}.source-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 25px #3b82f659}.source-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #3b82f673}.source-btn i{width:16px;height:16px}.countdown-panel{text-align:center;border-radius:var(--radius-md);background:#dbeafed9;border:1px solid #3b82f640;padding:40px 24px;box-shadow:0 20px 40px #0f0e241a}.countdown-panel__label{letter-spacing:.05em;text-transform:uppercase;color:#1e3a8a;font-size:.95rem}.countdown-panel__value{color:#0f172a;margin:16px 0 6px;font-size:3.5rem;font-weight:700}.countdown-panel__subject{color:#000;margin-top:16px;font-size:3.5rem;font-weight:700}.countdown-panel__hint{color:var(--text-muted);font-size:.9rem}.daily-tags{flex-wrap:wrap;gap:12px;display:flex}.tag{border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:inline-flex}.tag--category{color:#6b21a8;background:#9575cd26;border-color:#9575cd59}.tag--reward{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f64d}.daily-question{border-radius:var(--radius-md);background:#625be614;border:1px solid #625be640;padding:24px;font-size:1.15rem;line-height:1.6}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.answer-btn{border-radius:var(--radius-md);color:#fff;border:3px solid #ffffff73;padding:22px 18px;font-size:1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000026}.answer-btn:after{content:"";opacity:0;background:#fff3;transition:opacity .2s;position:absolute;inset:0}.answer-btn:hover:after{opacity:1}.answer-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 20px 35px #0003}.answer-btn--true{background:var(--gradient-fern)}.answer-btn--false{background:var(--gradient-ember)}.answer-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.timer-bar{background:#00000014;border-radius:999px;height:10px;overflow:hidden}.timer-bar__progress{background:var(--gradient-sky);border-radius:999px;height:100%;transition:width .2s}.daily-footer{border-radius:var(--radius-md);color:var(--text-muted);text-align:center;border:1px dashed #47556940;padding:16px;font-size:.9rem}.feedback-card{border-radius:var(--radius-md);border:2px solid #0000;padding:24px;position:relative;overflow:hidden}.feedback-card--center{text-align:center}.feedback-card--center .feedback-card__icon{margin-left:auto;margin-right:auto}.feedback-card--center .feedback-card__text{font-size:1rem}.summary-outcome{text-align:center;max-width:540px;margin:0 auto;padding:20px}.summary-outcome .feedback-card__icon{margin-left:auto;margin-right:auto}.summary-outcome .feedback-card__text{font-size:.9rem;line-height:1.5}.feedback-card.success{background:#bbf7d0a6;border-color:#4ade8080}.feedback-card.fail{background:#fee2e2a6;border-color:#f8717180}.feedback-card__icon{background:#fff9;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;font-size:1.8rem;display:flex}.feedback-card__title{margin-bottom:8px;font-size:1.1rem}.feedback-card__text{color:var(--text-darker);font-size:.95rem}.next-btn{border-radius:var(--radius-md);color:#fff;background:var(--gradient-violet);border:none;width:100%;margin-top:16px;padding:18px;font-weight:600;transition:transform .2s;box-shadow:0 18px 35px #7c3aed59}.next-btn:hover{transform:translateY(-2px)}.info-btn{color:#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.info-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.summary-chip{border:1px solid #0000001a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:18px;display:grid}.summary-grid--wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.summary-card{border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #00000014;padding:16px}.summary-card--insight{box-shadow:none;background:0 0;border:none;margin-top:24px;padding:0}.insight-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#fffffffa,#f8fafcd9);border:1px solid #93c5fd73;gap:18px;padding:28px 32px;display:grid;box-shadow:0 30px 60px #0c06192e}.insight-card--expanded{background:linear-gradient(135deg,#fffffffa,#fef9c3e6);border-left:6px solid #a16207bf}.insight-card__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#a16207;margin:0;font-size:.8rem}.insight-card__lead{color:var(--text-darker);margin:0;font-size:1.08rem;line-height:1.85}.insight-card__fact-block{border-radius:var(--radius-md);background:#facc152e;border:1px solid #facc154d;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.insight-card__fact-icon{font-size:1.4rem}.insight-card__fact-label{text-transform:uppercase;letter-spacing:.12em;color:#a16207;margin:0;font-size:.78rem}.insight-card__fact-text{color:var(--text-dark);margin:4px 0 0;font-size:1rem;line-height:1.65}.insight-card__facts{gap:12px;display:grid}.feedback-countdown{color:#4c1d95;text-align:center;background:#7c3aed1a;border:1px solid #7c3aed59;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600}.insight-card__list{color:var(--text-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.5}.xp-callout{color:#7c2d12;margin-top:8px;font-size:.85rem;font-weight:600;display:block}.study-ai{grid-template-columns:340px minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.study-ai-desc{margin-bottom:6px}.study-ai--coming-soon{position:relative}.study-ai--coming-soon .study-ai__shell{opacity:.38;filter:grayscale();pointer-events:none;-webkit-user-select:none;user-select:none}.study-ai__overlay{justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.study-ai__overlay:before{content:"";background:color-mix(in srgb,var(--card-bg)70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.study-ai__overlay-card{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card-bg);width:min(460px,100%);box-shadow:var(--shadow-card);text-align:center;padding:18px;position:relative}.study-ai__overlay-title{letter-spacing:.02em;color:var(--text-darker);font-size:1.4rem;font-weight:900}.study-ai__overlay-sub{color:var(--text-muted);margin-top:6px;font-size:.95rem}.study-ai-preview__chat{flex-direction:column;min-height:520px;display:flex}.study-ai-preview__chat-log{background:var(--card-deep);flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex}.study-ai-preview__bubble{border:1px solid #00000014;border-radius:18px;max-width:92%;padding:12px 14px;font-weight:600;line-height:1.35;box-shadow:0 10px 22px #12063314}.study-ai-preview__bubble--assistant{background:#22d3ee1a;border-color:#22d3ee38;margin-right:auto}.study-ai-preview__bubble--user{background:#3b82f61f;border-color:#3b82f640;margin-left:auto}.study-ai-preview__bubble-muted{color:var(--text-muted);margin-left:6px;font-weight:700;display:inline-block}.study-ai-preview__typing{background:#fffc;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:10px 12px;display:inline-flex}.study-ai-preview__dot{background:#00000040;border-radius:999px;width:8px;height:8px}.study-ai-preview__composer{background:var(--card-bg);border-top:1px solid #0000000f;gap:10px;padding:12px;display:flex}.study-ai-preview__input{min-width:0;color:var(--text-muted);background:#ffffffd9;border:1px solid #0000001a;border-radius:16px;flex:1;padding:12px 14px;font-weight:700}.study-ai-preview__send{width:46px;height:46px;color:var(--text-darker);background:#ffffffd9;border:1px solid #0000001a;border-radius:16px;place-items:center;display:grid}.study-ai-preview__quiz{min-height:520px}.study-ai-preview__quiz-body{flex-direction:column;gap:14px;padding:16px;display:flex}.study-ai-preview__bar{background:linear-gradient(90deg,#0000000f,#0000001f);border:1px solid #00000014;border-radius:999px;height:10px}.study-ai-preview__q{color:var(--text-darker);font-size:1.1rem;font-weight:800;line-height:1.3}.study-ai-preview__q-em{text-decoration:underline}.study-ai-preview__choices{flex-direction:column;gap:10px;display:flex}.study-ai-preview__choice{color:var(--text-darker);background:#ffffffd9;border:1px solid #00000014;border-radius:16px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.study-ai-preview__choice-key{background:#0000000f;border:1px solid #00000014;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.study-ai-preview__hint{color:var(--text-muted);font-size:.9rem;font-weight:700}@media (max-width:1024px){.study-ai{grid-template-columns:1fr 1fr}}@media (max-width:640px){.study-ai{grid-template-columns:1fr}}.study-ai__panel{border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow-card);min-width:0;overflow:hidden}.study-ai__panel--deep{background:var(--card-deep)}.study-ai__panel-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.study-ai__panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:800}.study-ai__panel-body{padding:14px}.study-ai__stack{flex-direction:column;min-height:640px;display:flex}.study-ai__history{flex-direction:column;gap:10px;padding:12px;display:flex}.study-ai__history-item{text-align:left;background:#ffffffd9;border:1px solid #00000014;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;transition:transform .15s,box-shadow .2s,border-color .2s;display:flex}.study-ai__history-item:hover{box-shadow:var(--shadow-card);border-color:#4c1d9559;transform:translateY(-1px)}.study-ai__history-item.active{background:var(--gradient-violet);color:#fff;border-color:#ffffff59}.study-ai__history-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.study-ai__history-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.study-ai__history-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.study-ai__history-item.active .study-ai__history-sub{color:#ffffffd9}.study-ai__chat{flex-direction:column;flex:1;min-height:0;display:flex}.study-ai__chat-log{-webkit-overflow-scrolling:touch;background:var(--card-deep);flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.study-ai__msg{border:1px solid #00000014;border-radius:18px;max-width:92%;padding:12px 14px;box-shadow:0 10px 22px #12063314}.study-ai__msg--user{background:#3b82f61f;border-color:#3b82f640;margin-left:auto}.study-ai__msg--assistant{background:#22d3ee1a;border-color:#22d3ee38;margin-right:auto}.study-ai__composer{background:var(--card-bg);border-top:1px solid #0000000f;gap:10px;padding:12px;display:flex}.study-ai__input{min-width:0;font:inherit;color:var(--text-darker);background:#ffffffd9;border:1px solid #0000001a;border-radius:16px;flex:1;padding:12px 14px}.study-ai__dropzone{border-radius:var(--radius-md);background:#4c1d950f;border:2px dashed #4c1d9540;flex-direction:column;gap:6px;padding:16px;display:flex}.study-ai__dropzone[data-active=true]{background:#4c1d951a;border-color:#4c1d958c}.study-ai__small{color:var(--text-muted);font-size:.86rem;line-height:1.4}.study-ai__field{flex-direction:column;gap:8px;margin-top:12px;display:flex}.study-ai__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.study-ai__textarea{resize:vertical;width:100%;min-height:120px;font:inherit;color:var(--text-darker);background:#ffffffd9;border:1px solid #0000001a;border-radius:16px;padding:12px 14px}.study-ai__file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.study-ai__file{background:#ffffffd9;border:1px solid #00000014;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.study-ai__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.study-ai__file-meta{color:var(--text-muted);flex-shrink:0;font-size:.8rem}@media (max-width:1024px){.study-ai{grid-template-columns:320px minmax(0,1fr)}.study-ai__panel--context{grid-column:1/-1}}@media (max-width:640px){.study-ai{grid-template-columns:1fr}.study-ai__stack{min-height:520px}}body.dark-mode .study-ai__panel{background:#0f172ad9;border-color:#94a3b840}body.dark-mode .study-ai__history-item,body.dark-mode .study-ai__input,body.dark-mode .study-ai__textarea,body.dark-mode .study-ai__file{color:#f8fafc;background:#1e293be6;border-color:#94a3b840}body.dark-mode .study-ai__history-sub,body.dark-mode .study-ai__small,body.dark-mode .study-ai__label,body.dark-mode .study-ai__file-meta{color:#e2e8f0bf}.study-hero{border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-card);border:1px solid #ffffff59;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.study-hero__eyebrow{text-transform:uppercase;letter-spacing:.4em;color:#bbb;opacity:.8;font-size:.7rem}.study-hero__title{color:gray(245,245,245);margin:6px 0;font-size:1.4rem;font-weight:600}.study-hero__subtitle{color:#5a5a5a;opacity:.85;font-size:.95rem}.study-hero__badge{background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex;box-shadow:0 16px 35px #0f0e2433}.study-recent-card{border-radius:var(--radius-md);background:#ffffffe0;border:1px solid #00000014;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:18px 0;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.study-recent-card:hover{box-shadow:var(--shadow-card);border-color:#3b82f673;transform:translateY(-3px)}.study-recent-card__label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.78rem}.study-recent-card__title{font-size:1.1rem;font-weight:600}.study-recent-card__subtitle{color:var(--text-muted);margin-top:4px;font-size:.9rem}.study-recent-card__cta{color:#4338ca;font-weight:600}.study-topic-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:12px;display:grid}.study-topic-card{border-radius:var(--radius-md);text-align:left;background:#f9fafbeb;border:2px solid #00000014;align-items:center;gap:14px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.study-topic-card:hover{box-shadow:var(--shadow-card);border-color:#4c1d9566;transform:translateY(-4px)}.study-topic-card__emoji{background:#4c1d951f;background:color-mix(in srgb,var(--study-card-accent,#4c1d95)18%,transparent);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.study-topic-card__name{font-size:1rem;font-weight:600}.study-topic-card__desc{color:var(--text-muted);margin-top:4px;font-size:.85rem}.study-topic-card__meta{color:var(--study-card-accent,#4338ca);margin-left:auto;font-size:.85rem;font-weight:600}.study-quiz-header{border-radius:var(--radius-md);background:var(--gradient-violet);color:#fff;border:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:20px;display:flex}.study-quiz-header__eyebrow{letter-spacing:.24em;text-transform:uppercase;opacity:.85;font-size:.8rem}.study-quiz-header__title{margin-top:4px;font-size:1.15rem;font-weight:600}.study-quiz-header__meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.study-question-card{border-radius:var(--radius-md);background:#f9fafbf2;border:1px solid #625be640;flex-direction:column;gap:18px;margin-top:24px;padding:24px;display:flex;box-shadow:0 18px 35px #11082514}.study-question-card__prompt{color:var(--text-darker);font-size:1.2rem;line-height:1.6}.study-question-card__context{color:var(--text-muted);font-size:.95rem}.study-question-card__hint{text-align:center;color:var(--text-muted);font-size:.85rem}.study-choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.study-choice{border-radius:var(--radius-md);text-align:left;background:#f3f4f6cc;border:2px solid #00000014;align-items:flex-start;gap:12px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.study-choice:hover{border-color:#4c1d9559;transform:translateY(-2px);box-shadow:0 15px 30px #1108251f}.study-choice__label{color:#4338ca;background:#6366f11f;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.study-choice__text{color:var(--text-darker);flex:1;font-size:.95rem}.study-answer-review{border-top:1px solid #00000014;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:18px;padding-top:18px;display:grid}.study-answer-review__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.study-answer-review__value{color:var(--text-darker);margin-top:6px;font-weight:600}.study-summary-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.study-summary-actions .chip{color:var(--text-darker)}@media (max-width:640px){.study-hero,.study-topic-card{flex-direction:column;align-items:flex-start}.study-quiz-header{flex-direction:column;align-items:flex-start;gap:12px}.study-choice-grid{grid-template-columns:1fr}.study-summary-actions{flex-direction:column}}body.dark-mode .study-hero{border-color:#6366f159}body.dark-mode .study-topic-card,body.dark-mode .study-recent-card,body.dark-mode .study-question-card{color:#f8fafc;background:#0f172ad9;border-color:#94a3b840}body.dark-mode .study-choice{background:#1e293be6;border-color:#94a3b840}body.dark-mode .study-choice__text,body.dark-mode .study-answer-review__value{color:#f8fafc}body.dark-mode .study-question-card__hint,body.dark-mode .study-recent-card__label,body.dark-mode .study-topic-card__desc{color:#e2e8f0bf}.stats-grid{gap:16px;display:grid}.stats-card{border-radius:var(--radius-md);border:1px solid #00000014;justify-content:space-between;align-items:center;padding:18px;display:flex}.stats-card__icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stats-card__text{text-align:right;flex:1}.stats-card__value{font-size:1.4rem;font-weight:600}.stats-card__label{color:var(--text-muted);font-size:.9rem}.level-header{justify-content:space-between;gap:12px;display:flex}.level-user{align-items:center;gap:14px;display:flex}.level-badge{background:var(--gradient-violet);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;position:relative}.level-count{color:#7c2d12;background:#fde047;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:calc(100% + 12px);right:-6px}.progress-track{background:#00000014;border-radius:999px;height:18px;margin-top:22px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899,#f97316);border-radius:999px;width:0;transition:width .4s;position:absolute;inset:0}.achievements-compact{flex-direction:column;gap:12px;display:flex}.achievement-pill{border-radius:var(--radius-md);background:#f9fafbd9;border:1px solid #00000014;align-items:center;gap:12px;padding:14px;display:flex}.achievement-pill__icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;display:flex}.achievement-pill__text{flex:1}.achievement-pill__name{font-size:.95rem;font-weight:600}.achievement-pill__desc{color:var(--text-muted);font-size:.8rem}.profile-card{padding:0;overflow:hidden}.profile-hero{color:#fff;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.profile-hero__content{flex-direction:column;flex:1;gap:18px;display:flex}.profile-identity{align-items:center;gap:16px;display:flex}.profile-avatar{width:88px;height:88px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex;position:relative}.profile-avatar:hover{transform:translateY(-2px)}.profile-avatar__emoji{font-size:2rem}.profile-avatar__hint{letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;font-size:.7rem;position:absolute;bottom:-18px}.profile-name-stack{flex-direction:column;gap:6px;display:flex}.profile-name-label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-size:.75rem}.profile-name-editor{align-items:center;gap:8px;display:flex}.profile-name-input{color:#fff;background:#0f172a4d;border:1px solid #fff3;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:1rem;font-weight:600;transition:border-color .2s,background .2s}.profile-name-input:focus{background:#0f172a80;border-color:#fff9}.profile-name-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:999px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .2s}.profile-name-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-name-feedback{color:#f8fafcbf;min-height:1em;font-size:.78rem}.profile-level{opacity:.85;font-size:.95rem}.profile-hero__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.profile-hero__label{letter-spacing:.05em;text-transform:uppercase;opacity:.75;font-size:.8rem}.profile-hero__value{font-size:1.4rem;font-weight:600}.profile-body{background:var(--card-bg)}.profile-footer{font-weight:500}.profile-section{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid #0000000d;margin-bottom:18px;padding:20px;box-shadow:0 16px 35px #11082514}.profile-section__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.profile-section__title{font-size:1rem;font-weight:600}.profile-section__subtitle{color:var(--text-muted);font-size:.85rem}.profile-chip{color:#5b21b6;background:#7c3aed1a;border:1px solid #7c3aed59;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.profile-progress__track{background:#0f172a14;border-radius:999px;height:14px;margin:12px 0;overflow:hidden}.profile-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6);height:100%}.profile-progress__meta{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.profile-stat{border-radius:var(--radius-md);background:#f9fafbe6;border:1px solid #0000000f;padding:16px}.profile-stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.profile-stat__value{margin-top:6px;font-size:1.2rem;font-weight:600}.profile-stat__helper{color:var(--text-muted);margin-top:4px;font-size:.8rem}.profile-focus{border-radius:var(--radius-md);background:#dbeafe99;border:1px dashed #3b82f659;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.profile-focus__badge{background:#3b82f62e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.profile-achievements{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.profile-achievement{border-radius:var(--radius-md);background:#f9fafbf2;border:1px solid #00000014;gap:12px;padding:12px;display:flex}.profile-achievement__icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.profile-achievement__title{font-weight:600}.profile-timeline{flex-direction:column;gap:14px;display:flex}.profile-timeline__item{border-left:3px solid #0f172a14;gap:12px;padding-left:12px;display:flex}.profile-timeline__icon{background:#0f172a14;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.profile-timeline__meta{color:var(--text-muted);margin-bottom:4px;font-size:.8rem}.profile-timeline__badge{color:#15803d;background:#10b9811f;border:1px solid #10b98159;border-radius:999px;align-items:center;margin-top:6px;padding:4px 8px;font-size:.75rem;display:inline-flex}.icon-editor{border-radius:var(--radius-md);background:#ffffffeb;border:1px dashed #7c3aed59;flex-direction:column;gap:16px;margin-top:18px;padding:22px;display:none;box-shadow:inset 0 0 45px #7c3aed14}.icon-editor.open{display:flex}.icon-editor__preview{align-items:center;gap:16px;display:flex}.icon-editor__grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.icon-token,.frame-token{border-radius:var(--radius-sm);text-align:center;background:#f9fafbf2;border:1px solid #0f172a1a;padding:10px;font-size:1.3rem;font-weight:600;transition:border-color .2s,transform .2s}.icon-token small,.frame-token small{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-size:.7rem;display:block}.icon-token.active,.frame-token.active{border-color:#7c3aedb3;transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed33}.frame-token .avatar-frame{width:58px;height:58px}.icon-editor__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-editor__feedback{color:var(--text-muted);font-size:.85rem}@media (max-width:640px){.profile-hero{flex-direction:column}.profile-section__header{flex-direction:column;align-items:flex-start}.profile-progress__meta{flex-direction:column;gap:4px}.profile-focus{flex-direction:column;align-items:flex-start}}.modal{z-index:200;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto}.modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c061e99;position:absolute;inset:0}.modal__card{background:var(--card-deep);border-radius:var(--radius-lg);width:min(520px,100vw - 32px);max-height:90vh;box-shadow:var(--shadow-soft);z-index:1;border:1px solid #fff6;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal__card--large{width:min(720px,100vw - 32px)}.modal__card--wide{width:min(900px,100vw - 32px)}.modal--page{z-index:230;justify-content:center;align-items:center}.modal__card--page{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:calc(100vw - 32px);max-width:1280px;height:calc(100vh - 32px);max-height:900px;padding:0;display:flex;box-shadow:0 30px 80px #00000073}.modal__page-top{color:#e2e8f0;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal__page-meta{align-items:center;gap:12px;display:flex}.modal__page-title{margin:0;font-size:1rem;font-weight:700}.modal__page-subtitle{color:#e2e8f0b3;margin:2px 0 0;font-size:.85rem}.modal__page-body{background:#0b1022;flex:1;position:relative;overflow:hidden}.modal__page-body iframe{background:#fff;border:none;width:100%;height:100%}.modal__page-spinner{z-index:2;background:linear-gradient(135deg,#0f172a99,#0f172acc);justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.modal__page-spinner.hidden{opacity:0;pointer-events:none}.modal__page-dot{background:#a855f7;border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite bounce}.modal__page-dot:nth-child(2){animation-delay:.12s}.modal__page-dot:nth-child(3){animation-delay:.24s}@keyframes bounce{0%,80%,to{opacity:.7;transform:scale(.9)}40%{opacity:1;transform:scale(1.1)}}.content{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e2e8f0;background:#0f172af2;border:1px solid #ffffff1f;border-radius:20px;max-width:800px;margin:40px auto;padding:32px 40px;line-height:1.7;position:relative;box-shadow:0 25px 60px #0006,inset 0 0 0 1px #ffffff0d}.content h1{color:#f8fafc;letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:700}.content h2{color:#fbbf24;border-bottom:1px solid #fbbf2433;margin:28px 0 12px;padding-bottom:8px;font-size:1.25rem;font-weight:600}.content h3{color:#fb7185;margin:20px 0 10px;font-size:1.1rem;font-weight:600}.content p{color:#cbd5e1;margin:0 0 16px;font-size:.95rem}.content ul,.content ol{color:#cbd5e1;margin:0 0 16px 20px;padding:0}.content li{margin-bottom:8px;font-size:.95rem}.content a{color:#60a5fa;text-decoration:none;transition:color .2s}.content a:hover{color:#93c5fd;text-decoration:underline}.content strong{color:#f1f5f9;font-weight:600}.content .button-container{justify-content:center;margin-top:32px;display:flex}.content .back-home-btn,.back-home-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 25px #3b82f659}.content .back-home-btn:hover,.back-home-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 30px #3b82f673}.content .plain-list{margin-left:0;padding:0;list-style:none}.content .plain-list li{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:8px;padding:10px 16px;transition:background .2s}.content .plain-list li:hover{background:#ffffff14}.content .bug-form{flex-direction:column;gap:20px;display:flex}.content .bug-form label{color:#e2e8f0;flex-direction:column;gap:8px;font-size:.95rem;font-weight:500;display:flex}.content .bug-form input,.content .bug-form textarea,.content .bug-form select{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .2s}.content .bug-form input:focus,.content .bug-form textarea:focus,.content .bug-form select:focus{background:#ffffff14;border-color:#3b82f6;outline:none}.content .bug-form input::placeholder,.content .bug-form textarea::placeholder{color:#64748b}.content .bug-form select option{color:#f1f5f9;background:#1e293b}.content .flash-messages{margin:0 0 20px;padding:0;list-style:none}.content .flash-error,.flash-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;padding:12px 16px;font-size:.9rem}.content .flash-success,.flash-success{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;padding:12px 16px;font-size:.9rem}@media (max-width:640px){.content{border-radius:16px;margin:20px 16px;padding:24px 20px}.content h1{font-size:1.6rem}.content h2{font-size:1.15rem}}.content-page{color:#e2e8f0;background:radial-gradient(circle at 10% 20%,#ffffff14,#0000 45%),radial-gradient(circle at 80% 0,#ffffff1a,#0000 40%),linear-gradient(135deg,#0f172a,#111827);justify-content:center;min-height:100vh;padding:32px 18px 48px;display:flex}.content-page__shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:min(960px,100%);padding:clamp(20px,4vw,32px);box-shadow:0 30px 80px #00000059}.content-page__title{color:#f8fafc;margin:0 0 6px;font-size:clamp(1.5rem,3vw,2.2rem)}.content-page__meta{color:#cbd5e1;margin:0 0 18px;font-size:.95rem}.content-section{color:#e2e8f0;flex-direction:column;gap:12px;margin:18px 0;line-height:1.7;display:flex}.content-section h2{color:#fbbf24;margin:0;font-size:1.2rem}.content-section h3{color:#fb7185;margin:4px 0;font-size:1.05rem}.content-list{margin:0 0 0 1.2rem;padding:0;line-height:1.6}.content-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:16px;box-shadow:0 12px 30px #00000040}.cta-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{opacity:.92;transform:translateY(0)}.btn--primary{color:#fff;background:linear-gradient(120deg,#22c55e,#16a34a);box-shadow:0 15px 35px #16a34a59}.btn--ghost{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f}.bug-form{gap:14px;margin-top:12px;display:grid}.bug-form label{color:#000;gap:6px;font-weight:600;display:grid}.bug-form input,.bug-form textarea,.bug-form select{color:#e2e8f0;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px}.bug-form textarea{resize:vertical}.bug-form .btn{justify-self:flex-start}.modal__hero{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal__hero-left{align-items:center;gap:16px;display:flex}.modal__icon{background:#ffffff2e;border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal__icon i{width:26px;height:26px}.gradient--sunset{background:linear-gradient(135deg,#a855f7,#f472b6,#fdba74)}.gradient--gold{background:linear-gradient(135deg,#facc15,#fb923c)}.gradient--violet{background:linear-gradient(135deg,#7c3aed,#ec4899)}.gradient--aurora{background:linear-gradient(135deg,#22d3ee,#6366f1,#a855f7)}.modal__title{font-size:1.2rem;font-weight:600}.modal__subtitle{font-size:.9rem}.modal__tabs{background:#f9fafbcc;gap:12px;padding:16px;display:flex}.tab-btn{color:var(--text-muted);background:#fff;border:1px solid #00000014;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background .2s,color .2s;display:flex}.tab-btn i{width:18px;height:18px}.tab-btn.active{background:var(--gradient-violet);color:#fff;border:none}.modal__body{padding:24px;overflow:auto}.modal__footer{text-align:center;color:var(--text-muted);background:#f9fafbe6;padding:18px 24px;font-size:.9rem}.leaderboard-list{flex-direction:column;gap:14px;display:flex}.leaderboard-card{border-radius:var(--radius-md);background:#fff;border:2px solid #0000000f;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.leaderboard-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.leaderboard-card--hero{background:#facc1526;border-color:#facc1599}.leaderboard-rank{background:#0f172a0f;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:600;display:flex}.leaderboard-avatar{justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.leaderboard-avatar__icon{background:#ffffffd9;border-radius:16px;padding:4px 8px;font-size:1.5rem}.leaderboard-details{flex:1;min-width:0}.leaderboard-name{align-items:center;gap:6px;font-weight:600;display:flex}.leaderboard-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.achievement-card{border-radius:var(--radius-md);background:#fff;border:2px solid #00000014;gap:14px;padding:18px;display:flex}.achievement-card.locked{opacity:.55;border-style:dashed}.achievement-card__icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;display:flex}.achievement-card__body{flex:1}.achievement-card__name{margin-bottom:6px;font-weight:600}.achievement-card__desc{color:var(--text-muted);font-size:.85rem}.profession-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}@media (max-width:1024px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.hero__nav{justify-content:center;width:100%}.hero__meta{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){body{padding:calc(12px + env(safe-area-inset-top))12px calc(12px + 86px + env(safe-area-inset-bottom));overscroll-behavior-y:none;overflow-x:hidden!important}.app-shell{flex-direction:column;gap:12px;width:100%;max-width:none;min-height:100svh;display:flex}.hero{top:calc(12px + env(safe-area-inset-top));border-radius:22px;align-items:center;gap:12px;padding:12px 14px;position:sticky}.hero__guest-mode{display:none!important}.hero__brand{flex-direction:row;align-items:center;gap:12px;min-width:0}.hero__logo{border-radius:14px;flex-shrink:0;width:44px;height:44px;box-shadow:0 14px 30px #12063340}.hero__logo i{width:22px;height:22px}.hero__headline{min-width:0}.hero__title--loud{font-size:1.05rem}.hero__subtitle--glow{font-size:.85rem}.hero__meta{flex-wrap:wrap;justify-content:flex-end;gap:8px}.hero__economy{border-radius:14px;padding:8px 10px}.hero__counter-label{display:none}.hero__counter-roller{font-size:1.05rem}.hero__profile-label{display:none}body.user-authenticated .hero{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}body.user-authenticated .hero__brand{grid-area:1/1}body.user-authenticated .hero__meta{grid-area:1/1/3/-1;display:contents}body.user-authenticated .hero__economy{grid-area:2/1/auto/-1;justify-self:center;width:auto}body.user-authenticated .hero__profile{grid-area:1/2;justify-self:end;margin-right:92px}body.user-authenticated .hero__notifications{grid-area:1/2;justify-self:end;margin-right:46px}body.user-authenticated [data-open-leaderboard]{grid-area:1/2;justify-self:end}.icon-btn{width:42px;height:42px}.icon-btn i{width:18px;height:18px}.page-shell{padding-bottom:calc(98px + env(safe-area-inset-bottom));margin-top:6px}.grid{gap:14px}.panel{border-radius:22px;padding:16px}.hero__nav{width:calc(100% - 24px);max-width:calc(100% - 24px);left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;background:var(--card-deep);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;flex-direction:row;justify-content:center;gap:6px;padding:6px;position:fixed;transform:translate(-50%)}.nav-btn{text-align:center;white-space:nowrap;min-width:0;color:var(--text-darker);flex-direction:column;flex:1;justify-content:center;gap:3px;padding:8px 6px;font-size:.75rem;line-height:1.1}.nav-btn.active{box-shadow:none}body.dark-mode .nav-btn.active{color:var(--bg-start)}.daily-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.daily-header__meta{justify-content:flex-start;gap:8px;width:100%}.daily-intro{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:18px}.daily-intro__title{text-align:center}.play-btn{justify-content:center;width:100%}.countdown-panel{padding:28px 18px}.countdown-panel__value,.countdown-panel__subject{font-size:clamp(2.4rem,10vw,3rem)}.daily-question{padding:18px;font-size:1.05rem}.answer-grid{grid-template-columns:1fr}.hero__profile-dropdown,.hero__notifications-dropdown{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top) + 72px);width:auto;max-width:none;position:fixed}.hero__notifications-dropdown{max-height:calc(100vh - 180px - env(safe-area-inset-bottom))}.toolbar-launcher{left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom) + 92px);opacity:1;z-index:70;gap:10px}.toolbar-launcher:before{content:"";opacity:0;pointer-events:none;z-index:0;background:#0206178c;transition:opacity .22s;position:fixed;inset:0}.toolbar-toggle,.bottom-toolbar{z-index:1;position:relative}.toolbar-launcher[data-open=true]{gap:0;inset:0}.toolbar-launcher[data-open=true]:before{opacity:1;pointer-events:auto}.toolbar-toggle{background:var(--card-deep);border:1px solid var(--card-border);width:56px;height:56px;color:var(--text-darker);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;gap:0;padding:0}.toolbar-toggle span{display:none}.toolbar-launcher[data-open=true] .toolbar-toggle{top:calc(12px + env(safe-area-inset-top));background:var(--card-deep);border-color:var(--card-border);width:auto;height:44px;color:var(--text-darker);z-index:2;border-radius:999px;gap:10px;padding:0 14px;position:fixed;right:12px}.toolbar-launcher[data-open=true] .toolbar-toggle span{display:inline}.bottom-toolbar{padding:calc(74px + env(safe-area-inset-top))14px calc(22px + env(safe-area-inset-bottom))14px;background:var(--card-deep);box-shadow:none;opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;border:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;position:fixed;inset:0;overflow-y:auto;transform:translateY(6%)}.toolbar-launcher[data-open=true] .bottom-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.toolbar-btn{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-darker);box-shadow:var(--shadow-card);border-radius:18px;justify-content:flex-start;padding:16px;font-size:1rem}.toolbar-btn i{width:20px;height:20px}.customization-panel__body.shop-items-container{grid-template-columns:repeat(2,1fr);gap:12px}.shop-item{height:148px;min-height:148px;padding:18px}.shop-items-container:not(.customization-panel__body) .shop-item{width:240px;min-width:240px;max-width:240px}.modal__card{border-radius:0;width:100vw;max-height:100vh}.modal__card--large,.modal__card--wide{width:100vw}.modal__card--page{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.modal__body{padding:18px}.audio-pref{top:calc(12px + env(safe-area-inset-top));left:auto;right:12px}body.mobile-hide-nav .hero__nav{opacity:0;pointer-events:none;transform:translateY(18px)}body.mobile-hide-quicklinks .toolbar-launcher{opacity:0;pointer-events:none}body.mobile-hide-quicklinks .toolbar-launcher[data-open=true]{opacity:1;pointer-events:auto}}@media (max-width:420px){.hero__economy{border-radius:12px;padding:6px 8px}.hero__counter-icon{font-size:1rem}.hero__counter-roller{font-size:.95rem}.hero__subtitle--glow{display:none}}
