/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Fraunces:ital,wght@0,700;1,400&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-500:oklch(68.5% .169 237.323);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-500:oklch(64.5% .246 16.439);--spacing:.25rem;--font-weight-bold:700;--font-weight-extrabold:800;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-outfit:"Outfit",sans-serif;--font-fraunces:"Fraunces",serif}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-3{top:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.items-center{align-items:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.break-all{word-break:break-all}.text-\[var\(--gold\)\]{color:var(--gold)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-cyan-500{color:var(--color-cyan-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-pink-500{color:var(--color-pink-500)}.text-purple-500{color:var(--color-purple-500)}.text-rose-500{color:var(--color-rose-500)}.text-sky-500{color:var(--color-sky-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .35s ease-out forwards}:root{--font-outfit:"Outfit",system-ui,-apple-system,sans-serif;--font-fraunces:"Fraunces",Georgia,serif;--gold:#d97706;--gold2:#f0b429;--gold-dim:#d977061a;--gold-border:#d9770640;--cyan:#0891b2;--cyan-dim:#0891b214;--cyan-border:#0891b240;--green:#059669;--green-dim:#05966914;--green-border:#05966940;--red:#dc2626;--red-dim:#dc262614;--red-border:#dc262640;--purple:#7c3aed;--purple-dim:#7c3aed14;--purple-border:#7c3aed40;--orange:#ea580c;--orange-dim:#ea580c14;--orange-border:#ea580c40;--muted-dim:#47556914;--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--card:#fff;--cb:#0f172a14;--border:var(--cb);--text:#0f172a;--muted:#475569;--white:#0f172a;--r:20px;--shadow:0 4px 6px -1px #0f172a0d,0 2px 4px -2px #0f172a08,0 0 0 1px #0f172a05;--shadow-hover:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0d,0 0 0 1px #0f172a0a;--card-hover-border:var(--gold);--nav-bg:#ffffffd9;--overlay-bg:#0f172a73;--input-bg:#f1f5f9;--hover-bg:#f1f5f9;--btn-bg:linear-gradient(135deg,#f59e0b,#ea580c);--btn-text:#fff;--btn-shadow:0 10px 15px -3px #ea580c38,0 4px 6px -4px #ea580c2e,0 0 0 1px #ea580c0a;--btn-hover-bg:linear-gradient(135deg,#fbbf24,#d97706);--btn-hover-shadow:0 20px 25px -5px #ea580c59,0 8px 10px -6px #ea580c40;--btn-ghost-border-hover:var(--gold);--btn-ghost-bg-hover:#d977060f}[data-theme=dark]{--gold:#f0b429;--gold2:#ffd166;--gold-dim:#f0b42924;--gold-border:#f0b4294d;--cyan:#22d3ee;--cyan-dim:#22d3ee1a;--cyan-border:#22d3ee4d;--green:#34d399;--green-dim:#34d3991a;--green-border:#34d3994d;--red:#f87171;--red-dim:#f871711a;--red-border:#f871714d;--purple:#a78bfa;--purple-dim:#a78bfa1a;--purple-border:#a78bfa4d;--orange:#fb923c;--orange-dim:#fb923c1a;--orange-border:#fb923c4d;--muted-dim:#ffffff0f;--bg:#06090f;--bg2:#0c1120;--bg3:#131c30;--card:#ffffff09;--cb:#ffffff12;--border:var(--cb);--text:#dde6f0;--muted:#fff;--white:#fff;--shadow:0 4px 20px #0006;--shadow-hover:0 20px 40px #0009;--card-hover-border:#ffffff26;--nav-bg:#06090fd9;--overlay-bg:#06090feb;--input-bg:#ffffff0d;--hover-bg:#ffffff12;--btn-bg:linear-gradient(135deg,#f0b429,#f59e0b);--btn-text:#06090f;--btn-shadow:0 10px 15px -3px #f0b42933,0 0 0 1px #f0b4290d;--btn-hover-bg:linear-gradient(135deg,#ffd166,#f0b429);--btn-hover-shadow:0 20px 25px -5px #f0b42966;--btn-ghost-border-hover:#ffffff40;--btn-ghost-bg-hover:#ffffff0d}a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);scroll-behavior:smooth;min-height:100vh;overflow-x:hidden;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}a,button,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hidden{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes homeClientFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes iconPop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes streakPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes scorePop{0%{opacity:1;transform:scale(1)translateY(0)}60%{opacity:1;transform:scale(1.5)translateY(-22px)}to{opacity:0;transform:scale(1.2)translateY(-40px)}}@keyframes optSlide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(2turn)}}@keyframes cPop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wShake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes pd{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.7)}}@keyframes fl1{0%,to{transform:translate(0)}50%{transform:translate(35px,25px)}}@keyframes fl2{0%,to{transform:translate(0)}50%{transform:translate(-28px,-35px)}}@keyframes fl3{0%,to{transform:translate(0)}50%{transform:translate(18px,-28px)}}#bg-canvas{z-index:0;pointer-events:none;opacity:.6;position:fixed;inset:0}.content{z-index:1;position:relative}.modal-overlay{z-index:2000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg2);border:1px solid var(--cb);text-align:center;border-radius:28px;width:100%;max-width:420px;padding:48px 40px;animation:modalPop .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 40px 100px #000000b3}.modal-logo{margin-bottom:18px;font-size:52px;display:block}.modal-h{color:var(--white);letter-spacing:-1px;margin-bottom:6px;font-size:28px;font-weight:900}.modal-h span{color:var(--gold)}.modal-p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.6}.modal-avatars{grid-template-columns:repeat(4,1fr);justify-items:center;gap:10px;margin-bottom:20px;display:grid}.avatar-opt{aspect-ratio:1;background:var(--card);border:2px solid var(--cb);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:52px;font-size:22px;transition:all .2s;display:flex}.avatar-opt.selected,.avatar-opt:hover{border-color:var(--gold);background:#f0b4291f;transform:scale(1.12)}.username-input-wrap{margin-bottom:10px;position:relative}.username-input{background:var(--input-bg);border:2px solid var(--cb);width:100%;color:var(--white);text-align:center;letter-spacing:.5px;border-radius:14px;outline:none;padding:16px 20px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:border-color .25s,box-shadow .25s}.username-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #f0b4291f}.username-input::placeholder{color:var(--muted);font-weight:400}.username-error{color:var(--red);min-height:18px;margin-bottom:12px;font-size:12px;font-weight:600}.btn-start-game{background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);letter-spacing:-.2px;border:none;border-radius:14px;padding:17px;font-family:Outfit,sans-serif;font-size:16px;font-weight:900;transition:all .25s cubic-bezier(.2,.8,.2,1)}.btn-start-game:hover{background:var(--btn-hover-bg);color:var(--btn-text);box-shadow:var(--btn-hover-shadow);transform:translateY(-3px)}.sound-btn{border:1px solid var(--cb);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.sound-btn:hover{color:var(--white);background:#ffffff1a}.sound-btn.muted{opacity:.5}.nav-player{border:1px solid var(--cb);color:var(--text);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12px;font-weight:700;display:none}.nav-player-av{font-size:18px;line-height:1}.nav-player.show{display:flex}.streak-badge{color:var(--red);background:#f871711f;border:1px solid #f8717140;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:800;animation:streakPop .4s cubic-bezier(.34,1.56,.64,1);display:none}.streak-badge.show{display:flex}.score-float{z-index:9999;font-size:22px;font-weight:900;animation:scorePop .9s forwards}.conf-particle,.score-float{pointer-events:none;position:fixed}.conf-particle{z-index:9998;border-radius:2px;width:8px;height:8px;animation:confettiDrop linear forwards}nav{z-index:999;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--cb);height:62px;position:fixed;top:0;left:0;right:0}.nav-container,nav{align-items:center;display:flex}.nav-container{justify-content:space-between;width:100%;max-width:1180px;margin:0 auto}@media (max-width:900px){.nav-container{padding:0 20px}}@media (max-width:600px){.nav-container{padding:0 16px}}@media (max-width:400px){.nav-container{padding:0 12px}}.nav-logo{color:var(--white);letter-spacing:-1px;cursor:pointer;font-size:24px;font-weight:900;text-decoration:none}.nav-logo span{color:var(--gold)}.nav-logo .dot{color:var(--cyan)}.nav-links{gap:4px;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{color:var(--white);background:var(--hover-bg)}.nav-pts{background:var(--gold-dim);color:var(--gold);border:1px solid #f0b42940;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;display:none}.nav-pts.show{display:flex}.nav-profile-dropdown-wrap{display:inline-block;position:relative}.nav-profile-arrow{color:var(--muted);margin-left:2px;transition:transform .2s}.nav-profile-arrow.open{color:var(--gold);transform:rotate(180deg)}.profile-drawer-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9998;will-change:opacity,backdrop-filter;background:#00000094;animation:drawerFadeIn .48s cubic-bezier(.25,1,.35,1) forwards;position:fixed;inset:0}.profile-drawer-backdrop.closing{animation:drawerFadeOut .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawerFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px)}}@keyframes drawerFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(10px)}to{opacity:0;-webkit-backdrop-filter:blur()}}.profile-drawer-panel{background:var(--card);border-left:1px solid var(--cb);z-index:9999;will-change:transform;width:380px;max-width:100vw;font-family:var(--font-outfit),sans-serif;flex-direction:column;animation:drawerSlideIn .55s cubic-bezier(.16,1,.3,1) forwards;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-16px 0 48px #00000073}.profile-drawer-panel.closing{animation:drawerSlideOut .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawerSlideIn{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.profile-drawer-hero{animation:drawerCascadeItem .5s cubic-bezier(.16,1,.3,1) 80ms backwards}.profile-drawer-stats-grid{animation:drawerCascadeItem .5s cubic-bezier(.16,1,.3,1) .16s backwards}.profile-drawer-xp-card{animation:drawerCascadeItem .5s cubic-bezier(.16,1,.3,1) .24s backwards}.profile-drawer-section{animation:drawerCascadeItem .5s cubic-bezier(.16,1,.3,1) .32s backwards}.profile-drawer-footer{animation:drawerCascadeItem .5s cubic-bezier(.16,1,.3,1) .4s backwards}@keyframes drawerCascadeItem{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-drawer-header{border-bottom:1px solid var(--cb);background:var(--nav-bg);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.profile-drawer-header-title{color:var(--white);letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.profile-drawer-sparkle{color:var(--gold)}.profile-drawer-close-btn{border:1px solid var(--cb);background:var(--btn-secondary);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-drawer-close-btn:hover{background:var(--hover-bg);color:var(--white);transform:rotate(90deg)}.profile-drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px 22px;display:flex;overflow-y:auto}.profile-drawer-hero{border:1px solid var(--gold-border);background:linear-gradient(135deg,#f59e0b14,#9333ea14);border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.profile-drawer-avatar-wrap{background:var(--btn-secondary);border:2px solid var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 4px 16px #f59e0b40}.profile-drawer-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-drawer-avatar-emoji{font-size:28px;line-height:1}.profile-drawer-online-dot{border:2px solid var(--card);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.profile-drawer-user-meta{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-drawer-user-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;overflow:hidden}.profile-drawer-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-drawer-badge{border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.profile-drawer-badge.verified{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.profile-drawer-badge.guest{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.profile-drawer-badge.rank{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.profile-drawer-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profile-drawer-stat-card{background:var(--bg-surface,var(--btn-secondary));border:1px solid var(--cb);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:transform .2s,border-color .2s;display:flex}.profile-drawer-stat-card:hover{border-color:var(--gold-border);transform:translateY(-2px)}.profile-drawer-stat-icon{margin-bottom:4px;font-size:20px;line-height:1.2}.profile-drawer-stat-meta{flex-direction:column;display:flex}.profile-drawer-stat-val{color:var(--white);font-size:14px;font-weight:800}.profile-drawer-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.profile-drawer-xp-card{background:var(--bg-surface,var(--btn-secondary));border:1px solid var(--cb);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.profile-drawer-xp-top{color:var(--white);justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.profile-drawer-xp-pct{color:var(--gold)}.profile-drawer-xp-bar-bg{background:var(--cb);border-radius:99px;width:100%;height:8px;overflow:hidden}.profile-drawer-xp-bar-fill{background:linear-gradient(90deg,#f59e0b,#ec4899);border-radius:99px;height:100%;transition:width .4s}.profile-drawer-xp-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;display:flex}.profile-drawer-section{flex-direction:column;gap:8px;display:flex}.profile-drawer-section-title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:11px;font-weight:800}.profile-drawer-links-group{flex-direction:column;gap:4px;display:flex}.profile-drawer-link{background:var(--bg-surface,#ffffff08);color:var(--white);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.profile-drawer-link:hover{background:var(--hover-bg);border-color:var(--cb);transform:translate(4px)}.profile-drawer-link-left{align-items:center;gap:12px;display:flex}.profile-drawer-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.profile-drawer-icon-box.cyan{color:#06b6d4;background:#06b6d426}.profile-drawer-icon-box.orange{color:#f97316;background:#f9731626}.profile-drawer-icon-box.gold{color:#f59e0b;background:#f59e0b26}.profile-drawer-icon-box.purple{color:#c084fc;background:#a855f726}.profile-drawer-icon-box.amber{color:#d97706;background:#d9770626}.profile-drawer-icon-box.blue{color:#3b82f6;background:#3b82f626}.profile-drawer-icon-box.pink{color:#ec4899;background:#ec489926}.profile-drawer-icon-box.green{color:#22c55e;background:#22c55e26}.profile-drawer-icon-box.rose{color:#f43f5e;background:#f43f5e26}.profile-drawer-icon-box.teal{color:#14b8a6;background:#14b8a626}.profile-drawer-chevron{color:var(--text-muted);transition:transform .2s,color .2s}.profile-drawer-link:hover .profile-drawer-chevron{color:var(--white);transform:translate(2px)}.profile-drawer-tag{border-radius:8px;padding:3px 8px;font-size:10.5px;font-weight:800}.profile-drawer-tag.gold{color:#f59e0b;background:#f59e0b2e}.profile-drawer-tag.hot{color:#ef4444;background:#ef44442e}.profile-drawer-tag.amber{color:#f59e0b;background:#d977062e}.profile-drawer-footer{border-top:1px solid var(--cb);background:var(--nav-bg);flex-direction:column;gap:8px;padding:16px 22px;display:flex}.profile-drawer-action-btn{width:100%;font-size:13.5px;font-weight:800;font-family:var(--font-outfit),sans-serif;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:all .2s;display:flex}.profile-drawer-action-btn.edit{background:var(--btn-secondary);color:var(--white);border:1px solid var(--cb)}.profile-drawer-action-btn.edit:hover{background:var(--hover-bg);border-color:var(--gold-border)}.profile-drawer-action-btn.primary{background:linear-gradient(135deg,var(--gold) 0,#f59e0b 100%);color:#000;box-shadow:0 4px 16px #f59e0b59}.profile-drawer-action-btn.primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #f59e0b80}.profile-drawer-action-btn.danger{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.profile-drawer-action-btn.danger:hover{background:#ef444438;transform:translateY(-1px)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .3s}.mobile-menu{z-index:998;background:var(--bg2);border-bottom:1px solid var(--cb);flex-direction:column;gap:4px;padding:12px 5vw;display:none;position:fixed;top:62px;left:0;right:0}.mobile-menu.open{animation:mobileMenuSlide .25s cubic-bezier(.16,1,.3,1) forwards;display:flex}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-link{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex}.mobile-link.active,.mobile-link:hover{color:var(--white);background:var(--hover-bg);transform:translate(4px)}.hero{text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 5vw 60px;display:flex;position:relative}.badge,.hero{align-items:center}.badge{color:var(--gold);letter-spacing:2px;text-transform:uppercase;background:#f0b4291a;border:1px solid #f0b42938;border-radius:30px;gap:8px;margin-bottom:24px;padding:7px 18px;font-size:11px;font-weight:700;animation:fadeUp .5s;display:inline-flex}.pulse{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:pd 1.4s ease-in-out infinite}.hero-h1{letter-spacing:-3px;color:var(--white);margin-bottom:10px;font-family:Outfit,sans-serif;font-size:clamp(42px,8vw,86px);font-weight:900;line-height:1;animation:fadeUp .5s 80ms both}.hero-h1 .gw{color:var(--gold)}.hero-h1 .cw{color:#0000;-webkit-text-stroke:2px var(--cyan)}.hero-p{color:var(--muted);max-width:500px;margin:14px auto 36px;font-size:clamp(14px,2vw,18px);font-weight:400;line-height:1.65;animation:fadeUp .5s .16s both}.btn-gold{background:var(--btn-bg);cursor:pointer;box-shadow:var(--btn-shadow);letter-spacing:-.2px;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:15px 34px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-gold,.btn-gold:hover{text-decoration:none;color:var(--btn-text)!important}.btn-gold:hover{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-3px)scale(1.03)}.btn-ghost{color:var(--text);border:1.5px solid var(--cb);cursor:pointer;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-ghost:hover{border-color:var(--btn-ghost-border-hover);background:var(--btn-ghost-bg-hover);color:var(--white)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;animation:fadeUp .5s .24s both;display:flex}.stats-bar{background:var(--card);border:1px solid var(--cb);border-radius:18px;margin-top:52px;animation:fadeUp .5s .32s both;display:flex;overflow:hidden}.sbar-item{border-right:1px solid var(--cb);text-align:center;padding:18px 32px}.sbar-item:last-child{border-right:none}.sbar-n{color:var(--white);font-size:26px;font-weight:900;display:block}.sbar-n.g{color:var(--gold)}.sbar-n.c{color:var(--cyan)}.sbar-l{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.hero-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 6px;margin-top:22px;animation:fadeUp .5s .4s both;display:flex}.trust-item{color:var(--muted);font-size:12px;font-weight:600}.trust-divider{color:var(--cb);opacity:.7;-webkit-user-select:none;user-select:none;font-size:14px}.hero-bg-glow{filter:blur(60px);opacity:.85;background:radial-gradient(circle at 40% 30%,#f0b42929,#0000 55%),radial-gradient(circle at 70% 60%,#22d3ee24,#0000 50%),radial-gradient(circle at 20% 70%,#a78bfa1f,#0000 50%);width:90vw;max-width:1000px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-bg-glow,.hero-mesh-grid{pointer-events:none;z-index:0;position:absolute}.hero-mesh-grid{background-image:radial-gradient(#f0b42917 1px,#0000 0);background-size:36px 36px;inset:0;-webkit-mask-image:radial-gradient(#000000d9 0,#0000 75%);mask-image:radial-gradient(#000000d9 0,#0000 75%)}.hero-float{pointer-events:none;opacity:.18;-webkit-user-select:none;user-select:none;filter:blur(.5px);font-size:36px;position:absolute}[data-theme=dark] .hero-float{opacity:.25}.hero-float-1{animation:fl1 9s ease-in-out infinite;top:18%;left:6%}.hero-float-2{animation:fl2 11s ease-in-out infinite;top:22%;right:8%}.hero-float-3{animation:fl3 8s ease-in-out infinite;bottom:30%;left:10%}.hero-float-4{animation:fl1 13s ease-in-out infinite reverse;bottom:28%;right:6%}.hero-float-5{animation:fl2 10s ease-in-out infinite reverse;top:55%;left:3%}.hero-float-6{animation:fl3 12s ease-in-out infinite;top:50%;right:4%}@media (max-width:768px){.hero-float{opacity:.12;font-size:26px}.hero-float-1,.hero-float-5{left:2%}.hero-float-2,.hero-float-4{right:2%}}.cat-play-hint{color:var(--muted);opacity:0;font-size:11px;font-weight:700;transition:opacity .25s,color .25s}.cat-card:hover .cat-play-hint{opacity:1;color:var(--gold)}.section{max-width:1180px;margin:0 auto;padding:0 0 70px}@media (max-width:768px){.section{padding:50px 20px}.section,.section .eyebrow,.section .sec-h2{text-align:center}.cat-card{text-align:left}.section div[style*="text-align: center"],.section div[style*=textAlign]{margin-left:auto;margin-right:auto}}@media (max-width:480px){.section{padding:36px 16px}}.eyebrow{color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.sec-h2{color:var(--white);letter-spacing:-1.5px;margin-bottom:40px;font-size:clamp(26px,4vw,42px);font-weight:900}.sec-h2 span{color:var(--gold)}.cat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cat-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);cursor:pointer;box-shadow:var(--shadow);flex-direction:column;padding:26px 20px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.cat-card:before{content:"";background:radial-gradient(circle at 50% -20%,var(--gc,#f0b42926),transparent 65%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.cat-card:after{content:"";background:linear-gradient(90deg,transparent,var(--gc,var(--gold)),transparent);transform-origin:50%;height:2px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.cat-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.cat-card:hover:before{opacity:1}.cat-card:hover:after{transform:scaleX(1)}.cat-icon-w{background:var(--input-bg);border:1px solid var(--cb);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;font-size:26px;transition:transform .3s;display:flex}.cat-card:hover .cat-icon-w{transform:scale(1.18)rotate(-6deg)}.cat-card:hover .cat-play-hint svg{transform:translate(4px)}.cat-play-hint svg{transition:transform .25s}.cat-title{color:var(--white);margin-bottom:5px;font-size:16px;font-weight:700}.cat-desc{color:var(--muted);margin-bottom:16px;font-size:13.5px;line-height:1.5}.cat-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cat-qs{color:var(--muted);font-size:11px;font-weight:600}.tag{letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:700}.te{color:var(--green);background:#34d39924}.tm{color:var(--gold);background:#f0b42924}.th{color:var(--red);background:#f8717124}.tx{color:var(--cyan);background:#22d3ee24}.home-row{grid-template-columns:1fr 360px;gap:24px;max-width:1180px;margin:0 auto;padding:0 5vw 80px;display:grid}.hiw-box,.lb-box,.promo-box{background:var(--card);border:1px solid var(--cb);box-shadow:var(--shadow);border-radius:22px;padding:26px}.box-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.box-head h3{color:var(--white);font-size:17px;font-weight:800}.box-head span{color:var(--muted);font-size:11px}.lb-row{border-bottom:1px solid var(--cb);align-items:center;gap:12px;padding:11px 0;display:flex}.lb-row:last-child{border-bottom:none}.lb-pos{text-align:center;flex-shrink:0;width:26px;font-size:16px}.lb-pos.n{color:var(--muted);font-size:12px;font-weight:800}.lb-av{background:var(--input-bg);border:1px solid var(--cb);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.lb-nm{color:var(--white);font-size:13px;font-weight:700}.lb-loc{color:var(--muted);font-size:11px}.lb-sc{color:var(--gold);margin-left:auto;font-size:15px;font-weight:900}.hiw-box{margin-bottom:14px}.step{gap:12px;margin-bottom:16px;display:flex}.step:last-child{margin-bottom:0}.step-n{background:var(--gold-dim);width:30px;height:30px;color:var(--gold);border:1px solid #f0b42933;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.step-t{color:var(--muted);font-size:14.5px;line-height:1.55}.step-t strong{color:var(--white);font-weight:700}.promo-box{text-align:center;background:linear-gradient(135deg,#0d1e3a,#1a0d28);position:relative;overflow:hidden}.promo-box:before{content:"";background:radial-gradient(circle,#f0b4292e,#0000 70%);width:160px;height:160px;position:absolute;top:-40px;right:-40px}.promo-box h3{color:var(--white);margin-bottom:6px;font-size:17px;font-weight:800}.promo-box p{color:var(--muted);margin-bottom:16px;font-size:13.5px;line-height:1.5}.promo-btns{justify-content:center;gap:8px;display:flex}.app-btn{color:var(--white);cursor:pointer;background:#ffffff17;border:1px solid #ffffff1f;border-radius:9px;padding:9px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.app-btn:hover{background:#ffffff29}.diff-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 5vw 50px;display:flex}.diff-hd{text-align:center;margin-bottom:44px}.diff-big-icon{margin-bottom:14px;font-size:72px;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1);display:block}.diff-hd h2{color:var(--white);letter-spacing:-1px;font-size:clamp(26px,4vw,36px);font-weight:900}.diff-hd p{color:var(--muted);margin-top:6px;font-size:14px}.diff-list{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.diff-item{background:var(--card);border:1.5px solid var(--cb);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.diff-item:before{content:"";background:var(--dc,var(--gold));transform-origin:50%;width:4px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.diff-item:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translate(7px)}.diff-item:hover:before{transform:scaleY(1)}.diff-em{font-size:34px}.diff-info h4{color:var(--white);font-size:17px;font-weight:800}.diff-info p{color:var(--muted);margin-top:3px;font-size:12px}.diff-meta{text-align:right;margin-left:auto}.diff-n{color:var(--white);font-size:24px;font-weight:900;line-height:1}.diff-l{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600}.quiz-page{flex-direction:column;min-height:100vh;padding:80px 5vw 40px;display:flex}.quiz-inner{width:100%;max-width:680px;margin:0 auto;padding-top:28px}.q-topbar{justify-content:space-between;gap:12px;margin-bottom:18px}.q-cat-pill,.q-topbar{align-items:center;display:flex}.q-cat-pill{background:var(--card);border:1px solid var(--cb);color:var(--text);border-radius:30px;flex-shrink:0;gap:8px;padding:7px 14px;font-size:12px;font-weight:600}.d-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:800}.timer-w{flex-shrink:0;width:60px;height:60px;position:relative}.timer-w svg{position:absolute;inset:0;transform:rotate(-90deg)}.t-bg{stroke:var(--cb)}.t-bg,.t-fg{fill:none;stroke-width:5px}.t-fg{stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .5s}.t-num{color:var(--white);justify-content:center;font-size:16px;font-weight:900;transition:color .5s;position:absolute;inset:0}.prog-bar-w,.t-num{align-items:center;display:flex}.prog-bar-w{gap:10px;margin-bottom:26px}.prog-track{background:var(--cb);flex:1;height:7px;overflow:visible}.prog-fill,.prog-track{border-radius:10px;position:relative}.prog-fill{background:linear-gradient(90deg,var(--cyan),var(--gold));height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #f0b42980}.prog-fill:after{content:"";background:var(--gold);width:14px;height:14px;box-shadow:0 0 10px var(--gold),0 0 20px #f0b42980;border-radius:50%;transition:opacity .3s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.prog-lbl{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.q-label{color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.q-txt{color:var(--white);margin-bottom:28px;font-family:Fraunces,serif;font-size:clamp(17px,3vw,24px);font-weight:700;line-height:1.45}.opts-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.opt{background:var(--card);border:1.5px solid var(--cb);text-align:left;cursor:pointer;color:var(--text);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.opt:hover:not(:disabled){border-color:var(--card-hover-border);background:var(--hover-bg);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.opt-l{background:var(--input-bg);border:1px solid var(--cb);width:30px;height:30px;color:var(--muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.opt.correct{border-color:var(--green);background:#34d3991a;animation:cPop .35s}.opt.correct .opt-l{color:var(--green);border-color:var(--green);background:#34d39933}.opt.wrong{border-color:var(--red);background:#f871711a;animation:wShake .35s}.opt.wrong .opt-l{color:var(--red);border-color:var(--red);background:#f8717133}.exp-box{color:#93c5fd;background:#22d3ee0f;border:1px solid #22d3ee2e;border-radius:12px;margin-top:16px;padding:14px 18px;font-size:13px;font-weight:500;line-height:1.6;display:none}.exp-box.show{animation:fadeUp .3s;display:block}.next-row{text-align:right;margin-top:20px}.btn-next{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:11px;padding:13px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.2,.8,.2,1);display:none}.btn-next.show{display:inline-block}.btn-next:hover{background:var(--btn-hover-bg);color:var(--btn-text);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.result-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 62px);margin-top:62px;padding:40px 5vw 30px;display:flex}.result-card{background:var(--card);border:1px solid var(--cb);text-align:center;width:100%;max-width:560px;box-shadow:var(--shadow);border-radius:26px;padding:36px 32px;position:relative;overflow:hidden}.result-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f0b4291a,#0000 70%);width:280px;height:280px;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.confetti{letter-spacing:3px;font-size:36px;animation:fadeUp .4s}.confetti,.res-em{margin-bottom:14px}.res-em{font-size:72px;animation:iconPop .55s cubic-bezier(.34,1.56,.64,1);display:block}.res-ti{color:var(--white);letter-spacing:-1px;font-size:clamp(26px,5vw,34px);font-weight:900}.res-su{color:var(--muted);margin:8px 0 20px;font-size:14px;line-height:1.5}.ring-w{width:150px;height:150px;margin:0 auto 20px;position:relative}.ring-w svg{position:absolute;inset:0;transform:rotate(-90deg)}.rg-bg{fill:none;stroke:#ffffff0f;stroke-width:8px}.rg-fg{fill:none;stroke:var(--gold);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1)}.ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-n{color:var(--white);font-size:46px;font-weight:900;line-height:1}.ring-t{color:var(--muted);font-size:13px;font-weight:600}.r-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.r-stat{border:1px solid var(--cb);background:#ffffff0a;border-radius:12px;padding:14px 8px}.r-sn{font-size:22px;font-weight:900;display:block}.r-sl{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:600}.r-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.rb{cursor:pointer;border-radius:12px;padding:13px 24px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;transition:all .25s cubic-bezier(.2,.8,.2,1)}.rb-gold{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow);border:none;transition:all .2s cubic-bezier(.2,.8,.2,1)}.rb-gold:hover{background:var(--btn-hover-bg);color:var(--btn-text);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.rb-ghost{color:var(--text);border:1px solid var(--cb);background:0 0;transition:all .2s cubic-bezier(.2,.8,.2,1)}.rb-ghost:hover{border-color:var(--btn-ghost-border-hover);background:var(--btn-ghost-bg-hover)}.rb-wa{color:#fff;background:linear-gradient(135deg,#1a7840,#25d366);border:none;box-shadow:0 0 18px #25d36638}.rb-wa:hover{transform:translateY(-2px);box-shadow:0 0 30px #25d36666}.res-app-cta{border:1px solid var(--cb);text-align:left;background:#ffffff08;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex}.cta-icon{font-size:36px}.cta-h{color:var(--white);margin-bottom:4px;font-size:14px;font-weight:800}.cta-p{color:var(--muted);margin-bottom:10px;font-size:13.5px;line-height:1.5}.cta-btns{gap:8px;display:flex}.static-page{box-sizing:border-box;max-width:1180px;min-height:100vh;margin:0 auto;padding:140px 20px 80px}@media (max-width:768px){.static-page{padding:95px 16px 60px}}.blog-cta-box{background:linear-gradient(135deg,var(--gold-dim),var(--card));border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:20px;margin-top:40px;padding:32px}.blog-card,.blog-stats-grid{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.blog-stats-grid{background:var(--card);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:32px 0;padding:24px;display:grid}.blog-stat-value{word-break:keep-all;overflow-wrap:break-word;font-size:24px;font-weight:800;line-height:1.2}@media (max-width:768px){.blog-cta-box{border-radius:16px;margin-top:28px;padding:24px 16px}.blog-card{border-radius:14px;padding:18px 14px}.blog-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;padding:16px 12px}.blog-stat-value{font-size:17px}}.page-hero{text-align:center;box-sizing:border-box;max-width:720px;margin:0 auto 36px;padding:0 16px}.page-tag{width:fit-content;color:var(--cyan);letter-spacing:1.5px;text-transform:uppercase;background:var(--cyan-dim);border:1px solid var(--cyan-border);border-radius:20px;justify-content:center;align-items:center;gap:6px;margin:0 auto 14px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex!important}.page-h1{color:var(--white);letter-spacing:-2px;margin-bottom:14px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.1}.page-lead{color:var(--muted);text-wrap:balance;max-width:600px;margin:0 auto;font-size:16px;line-height:1.7}.page-body h2{color:var(--white);letter-spacing:-.5px;margin:36px 0 12px;font-size:22px;font-weight:800}.page-body h2:first-child{margin-top:0}.page-body p{color:var(--muted);margin-bottom:14px;font-size:15px;line-height:1.8}.page-body ul{margin-bottom:14px;padding-left:20px}.page-body ul li{color:var(--muted);margin-bottom:6px;font-size:15px;line-height:1.8}.page-body a{color:var(--gold);text-decoration:none}.info-card{background:var(--card);border:1px solid var(--cb);border-radius:16px;padding:24px}.info-card h3{color:var(--white);margin-bottom:10px;font-size:16px;font-weight:800}.info-card li,.info-card p{color:var(--muted);font-size:14.5px;line-height:1.7}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-label{color:var(--text);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.form-input,.form-textarea{background:var(--card);border:1.5px solid var(--cb);color:var(--white);border-radius:11px;outline:none;width:100%;padding:13px 16px;font-family:Outfit,sans-serif;font-size:16px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-dim)}.form-textarea{resize:vertical;min-height:120px}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.submit-msg{color:var(--green);background:#34d3991a;border:1px solid #34d39940;border-radius:11px;margin-top:14px;padding:14px 18px;font-size:14px;font-weight:600;display:none}.submit-msg.show{display:block}.team-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.team-card{background:var(--card);border:1px solid var(--cb);text-align:center;border-radius:16px;padding:22px}.team-av{background:var(--bg3);border:2px solid var(--cb);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:30px;display:flex}.team-nm{color:var(--white);margin-bottom:4px;font-size:15px;font-weight:800}.team-role{color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:600}.team-bio{color:var(--muted);font-size:12px;line-height:1.5}.values-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.val-card{background:var(--card);border:1px solid var(--cb);border-radius:14px;padding:20px}.val-em{margin-bottom:10px;font-size:28px}.val-h{color:var(--white);margin-bottom:6px;font-size:15.5px;font-weight:800}.val-p{color:var(--muted);font-size:13.5px;line-height:1.55}footer{width:100%}.footer-root{background:var(--bg2);border-top:1px solid var(--border);margin-top:48px;padding:48px 0 24px}.footer-container,.footer-root{box-sizing:border-box;width:100%}.footer-container{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}@media (max-width:640px){.footer-root{margin-top:36px;padding:36px 0 20px}.footer-container{gap:24px;padding:0 12px}}.footer-main-grid{grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;gap:32px;width:100%;display:grid}@media (max-width:1024px){.footer-main-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}}@media (max-width:640px){.footer-main-grid{grid-template-columns:1fr;gap:24px}}.footer-brand-col{flex-direction:column;gap:12px;display:flex}@media (max-width:1024px){.footer-brand-col{grid-column:1/-1}}.footer-brand-logo{color:var(--white);letter-spacing:-.8px;font-size:26px;font-weight:900;text-decoration:none;display:inline-block}.footer-brand-logo span{color:var(--gold)}.footer-brand-logo .dot{color:var(--cyan)}.footer-brand-desc{color:var(--muted);max-width:320px;margin:0;font-size:13.5px;line-height:1.6}.footer-trust-chips{flex-direction:column;gap:6px;margin-top:4px;display:flex}.ft-chip{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.footer-nav-col{flex-direction:column;gap:12px;display:flex}.footer-col-title{color:var(--white);letter-spacing:.2px;text-transform:uppercase;margin:0;font-size:13.5px;font-weight:900}.footer-links-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list li a{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;align-items:center!important;gap:6px!important;display:inline-flex!important}.footer-links-list li a svg{flex-shrink:0!important;display:inline-block!important}.footer-links-list li a:hover{color:var(--gold);transform:translate(3px)}.footer-bottom-bar{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:12.5px;display:flex}.footer-copyright strong{color:var(--white)}.footer-bottom-links{align-items:center;gap:8px;display:flex}.footer-bottom-links a{color:var(--muted);font-weight:600;text-decoration:none;transition:color .18s}.footer-bottom-links a:hover{color:var(--gold)}.back-btn{border:1px solid var(--cb);color:var(--muted);cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:85px;left:5vw;box-shadow:0 4px 12px #0000001a}.back-btn:hover{color:var(--white);background:#ffffff14;border-color:#ffffff40;transform:translate(-3px);box-shadow:0 8px 24px #00000040}html:not([data-theme=dark]) .back-btn{color:#666;background:#fffc;border-color:#00000014;box-shadow:0 4px 12px #0000000d}html:not([data-theme=dark]) .back-btn:hover{color:#111;background:#fffffff2;border-color:#00000026}@media (max-width:900px){.nav-links{display:none}.hamburger{display:flex}.cat-grid{grid-template-columns:repeat(2,1fr)}.home-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;margin-bottom:12px}.team-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hero-cta{flex-direction:column;gap:16px;width:100%}.btn-ghost,.btn-gold{text-align:center;justify-content:center;width:100%}.stats-bar{border-radius:14px;flex-wrap:wrap}.sbar-item{border-right:1px solid var(--cb);border-bottom:1px solid var(--cb);flex:0 0 50%;min-width:0;padding:16px 12px}.sbar-item:last-child,.sbar-item:nth-child(2n){border-right:none}.sbar-item:nth-last-child(-n+2){border-bottom:none}.cat-grid{grid-template-columns:1fr}.cat-card{padding:20px 16px}.opts-grid{grid-template-columns:1fr}.r-stats{grid-template-columns:1fr 1fr}.result-card{padding:30px 18px}.r-btns{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.rb{text-align:center;width:100%;padding:12px 20px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.contact-grid,.team-grid,.values-grid{grid-template-columns:1fr}.hero-h1{letter-spacing:-2px}.page-h1{letter-spacing:-1px}.res-app-cta{text-align:center;flex-direction:column}.modal-card{width:100%;max-width:calc(100vw - 32px);padding:28px 20px}.modal-h{font-size:24px}.modal-p{font-size:13px;line-height:1.4}.modal-logo{margin-bottom:12px;font-size:42px}.username-input{padding:14px 16px}.promo-btns{flex-direction:column;align-items:center}.related-posts-card,.related-quizzes-card{margin-top:24px!important;margin-bottom:24px!important;padding:14px!important}}@media (max-width:768px){.related-posts-card a{grid-template-rows:auto auto!important;grid-template-columns:auto auto 1fr auto!important;align-items:center!important;gap:10px!important;padding:14px 16px!important;display:grid!important}.related-posts-card a>div:first-child{border-radius:6px!important;grid-area:1/1!important;width:24px!important;height:24px!important;font-size:11px!important}.related-posts-card a>div:nth-child(2){grid-area:1/2!important;font-size:22px!important}.related-posts-card a>div:nth-child(3){grid-area:2/1/auto/span 3!important;min-width:0!important}.related-posts-card a div div:first-child{margin-bottom:4px!important;font-size:14.5px!important;line-height:1.4!important}.related-posts-card a div div:nth-child(2){font-size:13px!important;line-height:1.45!important}.related-posts-card a>svg{grid-area:1/4/span 2!important;align-self:center!important;width:18px!important;height:18px!important}.related-quizzes-card a{grid-template-rows:auto auto!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;padding:14px 16px!important;display:grid!important}.related-quizzes-card a>div:first-child{border-radius:8px!important;grid-area:1/1!important;width:38px!important;height:38px!important;font-size:20px!important}.related-quizzes-card a>div:nth-child(2){grid-area:2/1/auto/span 2!important;min-width:0!important}.related-quizzes-card a div div:first-child{white-space:normal!important;margin-bottom:2px!important;font-size:14.5px!important;line-height:1.4!important}.related-quizzes-card a>svg{grid-area:1/3/span 2!important;align-self:center!important;width:18px!important;height:18px!important}.author-byline-card{grid-template-rows:auto auto!important;grid-template-columns:1fr!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;display:grid!important}.author-byline-card>div:first-child{grid-area:1/1!important;font-size:28px!important}.author-byline-card>div:nth-child(2){grid-area:2/1!important;min-width:0!important}.author-byline-card div div{font-size:14.5px!important;font-weight:700!important}.author-byline-card p{font-size:13px!important;line-height:1.55!important}}.faq-sec-title:first-child{margin-top:8px!important}@media (max-width:600px){.faq-summary{padding:16px 20px}.faq-answer{padding:0 20px 18px}.blog-featured{gap:16px!important;padding:24px!important}.blog-featured-icon{font-size:56px!important}}.blog-featured{background:var(--card);border:1px solid var(--cb);cursor:pointer;color:inherit;border-radius:22px;gap:28px;margin-bottom:32px;padding:32px;text-decoration:none;display:flex}.blog-featured:hover{box-shadow:var(--shadow);border-color:#f0b4294d;transform:translateY(-4px)}.blog-featured-icon{flex-shrink:0;font-size:72px;line-height:1}.blog-featured-title{color:var(--white);letter-spacing:-.8px;margin-bottom:10px;font-size:clamp(18px,3vw,26px);font-weight:900;line-height:1.25}.blog-featured-excerpt{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.7}.blog-tag{letter-spacing:.4px;text-transform:uppercase;border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.blog-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:auto;font-size:12px;font-weight:600;display:flex}.blog-card-title{font-size:16px;line-height:1.35}.blog-card-excerpt{flex:1}.blog-post-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin:14px 0;font-size:13px;font-weight:600;display:flex}.blog-related{background:var(--card);border:1px solid var(--cb);border-radius:16px;margin-top:40px;padding:22px}.blog-related h3{color:var(--white);font-size:15px;font-weight:800}.blog-related-link{border:1px solid var(--cb);color:var(--text);background:#ffffff0d;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-related-link:hover{color:var(--gold);border-color:#f0b4294d}@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-featured-icon{font-size:48px}}.faq-sec-title{color:var(--white);letter-spacing:-.5px;margin:48px 0 16px;font-size:22px;font-weight:800}.faq-section-wrap:first-child .faq-sec-title{margin-top:0}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-details{background:var(--card);border:1px solid var(--cb);border-radius:16px;transition:all .3s;overflow:hidden}.faq-details[open]{background:#ffffff0d;border-color:#f0b4294d;box-shadow:0 10px 30px #0000004d}.faq-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-q-text{color:var(--white);flex:1;padding-right:16px;font-size:15px;font-weight:700;line-height:1.4}.faq-chevron{color:var(--muted);flex-shrink:0;align-items:center;transition:transform .3s;display:flex}.faq-details[open] .faq-chevron{color:var(--gold);transform:rotate(180deg)}.faq-answer{color:var(--muted);padding:0 24px 22px;font-size:14px;line-height:1.7;animation:optSlide .3s forwards}@media (max-width:600px){.faq-summary{padding:16px 20px}.faq-answer{padding:0 20px 18px}.blog-featured{flex-direction:column;gap:16px!important;padding:24px!important}.blog-featured-icon{font-size:56px!important}.blog-fact-row{flex-direction:column!important;gap:4px!important}.blog-fact-key{margin-bottom:2px;min-width:unset!important}}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hiw-card{background:var(--card);border:1px solid var(--cb);border-radius:18px;padding:28px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hiw-card:hover{border-color:var(--gold);box-shadow:0 12px 30px -8px var(--gold-dim),var(--shadow-hover);transform:translateY(-8px)}.hiw-num{font-size:84px;font-weight:900;font-family:var(--font-fraunces),serif;background:linear-gradient(135deg,var(--gold2),var(--cyan));-webkit-text-fill-color:transparent;opacity:.08;pointer-events:none;-webkit-background-clip:text;font-style:italic;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:-12px;right:8px}.hiw-card:hover .hiw-num{opacity:.22;transform:scale(1.15)rotate(-6deg)translate(-4px,4px)}.hiw-em{background:var(--bg3);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;font-size:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.hiw-card:hover .hiw-em{background:var(--gold-dim);transform:scale(1.1)rotate(6deg)}.hiw-h{color:var(--white);margin-bottom:8px;font-size:16px;font-weight:800}.hiw-p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.65}.diff-explain-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.diff-explain-card{background:var(--card);border:1px solid var(--cb);border-top:3.5px solid var(--dc,var(--gold));border-radius:18px;flex-direction:column;padding:30px 24px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000a}.diff-explain-card:before{content:"";background:radial-gradient(circle at 50% 0,var(--dc-glow,#f0b42926),transparent 70%);opacity:0;pointer-events:none;height:140px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.diff-explain-card:hover{border-color:var(--dc,var(--gold));box-shadow:0 16px 36px -8px var(--dc-glow,#f0b42940),0 0 20px -4px var(--dc-glow,#f0b42926);transform:translateY(-6px)}.diff-explain-card:hover:before{opacity:1}.diff-explain-em{transform-origin:0;margin-bottom:12px;font-size:42px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-block}.diff-explain-card:hover .diff-explain-em{transform:scale(1.16)}.diff-explain-h{letter-spacing:-.5px;margin-bottom:12px;font-size:22px;font-weight:900}.diff-explain-pills{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.diff-pill{color:var(--text);background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700}.diff-explain-p{color:var(--muted);flex:auto;margin-bottom:16px;font-size:14.5px;line-height:1.7}.diff-explain-best{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;margin-top:auto;padding:12px 16px;font-size:13px;line-height:1.5}.diff-explain-best strong{color:var(--text)}.features-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feature-card{background:var(--card);border:1px solid var(--cb);border-radius:16px;padding:22px 18px;transition:all .3s}.feature-card:hover{border-color:#f0b42933;transform:translateY(-3px)}.feature-em{margin-bottom:10px;font-size:28px}.feature-h{color:var(--white);margin-bottom:8px;font-size:15.5px;font-weight:800}.feature-p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}.topics-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.topic-card{background:var(--card);border:1px solid var(--cb);border-top:3px solid var(--tc,#ffffff40);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;transition:transform .35s cubic-bezier(.22,.68,0,1.2),box-shadow .35s,border-color .3s;display:flex;overflow:hidden}[data-theme=dark] .topic-card{background:linear-gradient(160deg,#ffffff0e,#ffffff05)}.topic-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);border-top-color:var(--tc);transform:translateY(-10px)}.topic-head{border-bottom:1px solid var(--cb);background:linear-gradient(135deg,var(--tc),transparent);align-items:center;gap:12px;padding:20px 20px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.topic-head{background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 6%,transparent),transparent)}}.topic-em{background:var(--tc);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.topic-em{background:color-mix(in srgb,var(--tc) 13%,var(--input-bg))}}.topic-em{border:1px solid var(--tc)}@supports (color:color-mix(in lab,red,red)){.topic-em{border:1px solid color-mix(in srgb,var(--tc) 28%,var(--cb))}}.topic-em{flex-shrink:0}.topic-h{color:var(--tc);font-size:14px;font-weight:800;line-height:1.25}.topic-list{flex-direction:column;flex:1;margin:0;padding:12px 20px 8px;list-style:none;display:flex}.topic-list li{color:var(--muted);border-bottom:1px solid var(--cb);padding:6px 0 6px 18px;font-size:13.5px;line-height:1.4;transition:color .2s;position:relative}.topic-list li:before{content:"›";color:var(--tc);opacity:.8;font-size:16px;font-weight:900;line-height:1;position:absolute;top:5px;left:2px}.topic-list li:last-child{border-bottom:none}.topic-card:hover .topic-list li{color:var(--text)}.topic-play{background:var(--tc);margin:14px 16px 18px}@supports (color:color-mix(in lab,red,red)){.topic-play{background:color-mix(in srgb,var(--tc) 10%,var(--input-bg))}}.topic-play{border:1px solid var(--tc)}@supports (color:color-mix(in lab,red,red)){.topic-play{border:1px solid color-mix(in srgb,var(--tc) 32%,var(--cb))}}.topic-play{cursor:pointer;text-align:center;color:var(--tc);letter-spacing:.3px;border-radius:10px;padding:11px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .25s}.topic-play:hover{background:var(--tc);border-color:var(--tc);box-shadow:0 6px 20px var(--tc);color:#fff!important}@supports (color:color-mix(in lab,red,red)){.topic-play:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--tc) 35%,transparent)}}.steps-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-card{background:var(--card);border:1px solid var(--cb);text-align:center;border-radius:16px;padding:24px 20px;transition:all .3s}.step-card:hover{border-color:#f0b42933;transform:translateY(-3px)}.step-card-num{background:var(--gold-dim);width:32px;height:32px;color:var(--gold);border:1px solid #f0b42940;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:13px;font-weight:900;display:flex}.step-card-em{margin-bottom:10px;font-size:28px}.step-card-h{color:var(--white);margin-bottom:8px;font-size:16px;font-weight:800}.step-card-p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}.faq-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.faq-card{background:var(--card);border:1px solid var(--cb);border-radius:16px;padding:24px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.faq-card:before{content:"";background:linear-gradient(180deg,var(--gold),var(--cyan));opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.faq-card:hover{border-color:#f0b42959;transform:translateY(-5px);box-shadow:0 14px 32px #0000001f,0 0 20px #f0b42914}.faq-card:hover:before{opacity:1}.faq-card:hover .faq-q{color:var(--gold)}.faq-q{color:var(--white);margin-bottom:10px;font-size:16px;font-weight:800;line-height:1.35}.faq-a{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.blog-card{background:var(--card);border:1px solid var(--cb);cursor:pointer;height:100%;color:inherit;border-radius:18px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.blog-card:hover{box-shadow:var(--shadow);border-color:#ffffff24;transform:translateY(-5px)}.blog-card-icon{font-size:36px}@media (max-width:1100px){.features-grid,.topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hiw-grid{grid-template-columns:repeat(2,1fr)}.diff-explain-grid{grid-template-columns:1fr}.steps-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid,.faq-grid,.features-grid,.hiw-grid,.steps-row,.topics-grid{grid-template-columns:1fr}}#reading-progress{background:linear-gradient(90deg,var(--gold),var(--cyan));z-index:9999;border-radius:0 2px 2px 0;width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.blog-card{position:relative;overflow:hidden}.blog-card:before{content:"";opacity:0;border-radius:inherit;background:linear-gradient(135deg,#f0b42908,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.blog-card:hover:before{opacity:1}.blog-card-title{color:var(--white);letter-spacing:-.3px;margin:4px 0;font-size:15px;font-weight:800;line-height:1.4}.blog-card-excerpt,.blog-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--muted);margin-bottom:8px;font-size:13px;line-height:1.65}.author-badge{color:var(--gold);background:#f0b4291a;border:1px solid #f0b42933;border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:12px;font-weight:600;display:inline-flex}.author-avatar{background:var(--gold);width:20px;height:20px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.blog-article-wrap{max-width:760px}.info-card{transition:border-color .2s,transform .2s}.info-card:hover{border-color:#ffffff1a}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:flex}.breadcrumb a{color:var(--muted);transition:color .2s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span:last-child{color:var(--text)}.blog-featured{transition:all .3s;position:relative}.blog-featured:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#f0b42926,#22d3ee14);border-radius:23px;transition:opacity .3s;position:absolute;inset:-1px}.blog-featured:hover:after{opacity:1}.blog-category-pills{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.blog-pill{color:var(--muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pill.active,.blog-pill:hover{color:var(--gold);background:#f0b42914;border-color:#f0b42966}.toc-link{transition:border-color .2s,background .2s}.toc-link:hover{background:#f0b4290d!important;border-color:#f0b4294d!important}.tip-number{color:var(--gold);background:#f0b42926;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.cta-card{position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#f0b42912 0,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-featured{flex-direction:column!important}.breadcrumb{font-size:12px}}.theme-toggle{background:var(--card);border:1px solid var(--cb);color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;line-height:1;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--gold);color:var(--white)}html:not([data-theme=dark]) #bg-canvas{opacity:.06}html:not([data-theme=dark]) .cat-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-8px)}html:not([data-theme=dark]) .blog-card:hover,html:not([data-theme=dark]) .blog-featured:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-6px)}html:not([data-theme=dark]) .diff-item:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translate(6px)}html:not([data-theme=dark]) .diff-explain-card:hover,html:not([data-theme=dark]) .faq-card:hover,html:not([data-theme=dark]) .feature-card:hover,html:not([data-theme=dark]) .hiw-card:hover,html:not([data-theme=dark]) .step-card:hover,html:not([data-theme=dark]) .team-card:hover,html:not([data-theme=dark]) .val-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-5px)}html:not([data-theme=dark]) .info-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-3px)}html:not([data-theme=dark]) .cat-card:before{display:none}html:not([data-theme=dark]) .modal-card{box-shadow:0 30px 70px #0f172a1f,0 0 0 1px #0f172a0a}html:not([data-theme=dark]) .result-card{box-shadow:0 16px 40px #0f172a0f,0 0 0 1px #0f172a08}html:not([data-theme=dark]) .promo-box{background:linear-gradient(135deg,#dbeafe,#ede9fe)!important}html:not([data-theme=dark]) .promo-box h3{color:#1e3a8a}html:not([data-theme=dark]) .promo-box p{color:#475569}html:not([data-theme=dark]) .app-btn{color:#1e3a8a;background:#0f172a12;border-color:#0f172a1f}html:not([data-theme=dark]) .app-btn:hover{background:#0f172a1f}html:not([data-theme=dark]) .form-input,html:not([data-theme=dark]) .form-textarea{color:var(--white);background:var(--bg2);border-color:var(--cb)}html:not([data-theme=dark]) .username-input{color:var(--white)}html:not([data-theme=dark]) .mobile-menu{box-shadow:0 15px 30px #0f172a14,0 0 0 1px #0f172a08}html:not([data-theme=dark]) .nav-link.active{background:var(--gold-dim);color:var(--gold)}html:not([data-theme=dark]) .faq-details[open]{background:#d977060a;border-color:#d9770638;box-shadow:0 8px 24px #0f172a0d}html:not([data-theme=dark]) .exp-box{color:#0369a1;background:#0891b20d;border-color:#0891b238}html:not([data-theme=dark]) .footer-bottom{border-top-color:var(--cb)}.related-quiz-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.related-quiz-card{background:var(--card);border:1px solid var(--cb);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.related-quiz-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 6px 24px #f0b4291f}.related-icon-w{background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;transition:all .25s;display:flex}.related-quiz-card:hover .related-icon-w{background:#f0b42914;border-color:#f0b42933;transform:scale(1.05)}.related-title{color:var(--text);font-size:13.5px;font-weight:700;line-height:1.35}@media (max-width:600px){.related-quiz-grid{grid-template-columns:1fr;gap:10px}.related-quiz-card{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:14px 20px}.related-quiz-card:after{content:"→";color:var(--muted);margin-left:auto;font-size:18px;transition:transform .2s,color .2s}.related-quiz-card:hover:after{color:var(--gold);transform:translate(3px)}}.search-wrapper{z-index:10;max-width:500px;margin:0 auto 36px}.search-input-w,.search-wrapper{position:relative}.search-input{background:var(--input-bg);border:1.5px solid var(--cb);width:100%;color:var(--white);border-radius:12px;outline:none;padding:14px 16px 14px 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--gold);box-shadow:0 0 15px #f0b42926}.search-icon{pointer-events:none;font-size:18px;left:16px}.search-clear,.search-icon{color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.search-clear{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex;right:16px}.search-dropdown{background:var(--bg2);border:1.5px solid var(--cb);z-index:100;border-radius:12px;max-height:320px;animation:fadeIn .15s;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000059}.search-item{cursor:pointer;border-bottom:1px solid var(--cb);text-align:left;align-items:center;gap:14px;padding:12px 18px;transition:background .2s;display:flex}.search-item:last-child{border-bottom:none}.search-item:hover{background:#ffffff0a}.search-item-info{flex:1}.search-item-title{color:var(--white);font-size:14px;font-weight:700}.search-item-type{color:var(--muted);margin-top:2px;font-size:11px}.search-item-action{color:var(--gold);font-size:12px;font-weight:700}.aiqg-container{max-width:720px;margin:0 auto}.aiqg-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);box-shadow:var(--shadow);padding:32px}@media (max-width:600px){.aiqg-card{padding:20px 16px}}.aiqg-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.aiqg-tab{border:1px solid var(--cb);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-outfit),sans-serif;background:0 0;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;transition:all .2s;display:flex}.aiqg-tab:hover{background:#f0b4290f}.aiqg-tab.active,.aiqg-tab:hover{border-color:var(--tab-color,var(--gold));color:var(--tab-color,var(--gold))}.aiqg-tab.active{background:#f0b4291f;box-shadow:0 0 12px #f0b4291a}@media (max-width:480px){.aiqg-tab{padding:8px 12px;font-size:12px}.aiqg-tabs{gap:6px}}.aiqg-input-section{margin-bottom:20px}.aiqg-input{border:1px solid var(--cb);background:var(--input-bg,var(--bg3));width:100%;color:var(--white);font-size:15px;font-family:var(--font-outfit),sans-serif;border-radius:12px;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.aiqg-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0b4291f}.aiqg-input::placeholder{color:var(--muted);opacity:.6}.aiqg-file-upload{flex-direction:column;gap:10px;display:flex}.aiqg-file-btn{border:2px dashed var(--cb);background:var(--input-bg,var(--bg3));color:var(--muted);cursor:pointer;font-size:14px;font-family:var(--font-outfit),sans-serif;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:24px;transition:all .2s;display:flex}.aiqg-file-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee0a}.aiqg-file-size{opacity:.7;margin-left:auto;font-size:12px}.aiqg-file-clear{color:var(--red);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-outfit),sans-serif;background:#f871711f;border:none;border-radius:8px;align-self:flex-start;padding:6px 14px;transition:background .2s}.aiqg-file-clear:hover{background:#f8717133}.aiqg-options{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.aiqg-option-group{flex:1;min-width:200px}.aiqg-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.aiqg-pills{flex-wrap:wrap;gap:6px;display:flex}.aiqg-pill{border:1px solid var(--cb);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-outfit),sans-serif;background:0 0;border-radius:10px;padding:8px 14px;transition:all .2s}.aiqg-pill.active,.aiqg-pill:hover{border-color:var(--gold);color:var(--gold)}.aiqg-pill.active{background:#f0b4291f}.aiqg-error{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:10px;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.aiqg-error,.aiqg-generate-btn{align-items:center;display:flex}.aiqg-generate-btn{background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);font-size:16px;font-weight:800;font-family:var(--font-outfit),sans-serif;border:none;border-radius:14px;justify-content:center;gap:10px;padding:16px 32px;transition:all .3s}.aiqg-generate-btn:hover:not(:disabled){background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.aiqg-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.aiqg-spinner{animation:aiqg-spin 1s linear infinite}@keyframes aiqg-spin{to{transform:rotate(1turn)}}@media (max-width:400px){.aiqg-generate-btn{font-size:13px}}.aiqg-loading-info{text-align:center;margin-top:20px}.aiqg-loading-info p{color:var(--muted);margin-bottom:12px;font-size:13px}.aiqg-loading-bar{background:var(--cb);border-radius:4px;height:4px;overflow:hidden}.aiqg-loading-progress{background:linear-gradient(90deg,var(--gold),var(--cyan));border-radius:4px;width:40%;height:100%;animation:aiqg-loading 2s ease-in-out infinite}@keyframes aiqg-loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}.gqp-quiz{max-width:640px;margin:0 auto}.gqp-header{margin-bottom:20px}.gqp-progress-info{align-items:center;gap:12px;margin-bottom:10px;display:flex}.gqp-q-counter{color:var(--white);font-size:14px;font-weight:700}.gqp-pts{color:var(--gold)}.gqp-pts,.gqp-streak{font-size:13px;font-weight:700}.gqp-streak{color:var(--red);animation:gqp-pulse .5s}@keyframes gqp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.gqp-progress-bar{background:var(--cb);border-radius:6px;height:6px;overflow:hidden}.gqp-progress-fill{background:linear-gradient(90deg,var(--gold),var(--cyan));border-radius:6px;height:100%;transition:width .4s}.gqp-timer-wrap{margin-bottom:20px}.gqp-timer,.gqp-timer-wrap{justify-content:center;display:flex}.gqp-timer{align-items:center;width:56px;height:56px;position:relative}.gqp-timer svg{position:absolute;inset:0}.gqp-timer-num{z-index:1;font-size:18px;font-weight:800}.gqp-question-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);box-shadow:var(--shadow);padding:28px}@media (max-width:600px){.gqp-question-card{padding:20px 16px}}.gqp-question{color:var(--white);margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.5}@media (max-width:480px){.gqp-question{font-size:16px}}.gqp-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.gqp-option{border:1px solid var(--cb);background:var(--input-bg,var(--bg3));color:var(--white);cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-outfit),sans-serif;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 18px;transition:all .2s;display:flex}.gqp-option:hover:not(:disabled){border-color:var(--gold);transform:translate(4px)}.gqp-option:disabled{cursor:default}.gqp-option.correct{border-color:var(--green);background:#34d3991f}.gqp-option.wrong{border-color:var(--red);background:#f871711f}.gqp-option-letter{background:var(--cb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.gqp-option.correct .gqp-option-letter{background:var(--green);color:#fff}.gqp-option.wrong .gqp-option-letter{background:var(--red);color:#fff}.gqp-option-text{flex:1}.gqp-option-icon{flex-shrink:0}.gqp-option-icon.correct{color:var(--green)}.gqp-option-icon.wrong{color:var(--red)}.gqp-explanation{color:var(--text);background:#f8717114;border:1px solid #f8717126;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:13px;line-height:1.6}.gqp-explanation.correct{background:#34d39914;border-color:#34d39926}.gqp-explanation p{margin:0 0 4px}.gqp-explanation p:first-child,.gqp-next-btn{font-weight:700}.gqp-next-btn{background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);font-size:15px;font-family:var(--font-outfit),sans-serif;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.gqp-next-btn:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}.gqp-next-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.gqp-result{max-width:500px;margin:0 auto}.gqp-result-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);text-align:center;box-shadow:var(--shadow);padding:40px 32px}@media (max-width:600px){.gqp-result-card{padding:28px 20px}}.gqp-result-emoji{margin-bottom:12px;font-size:56px}.gqp-result-title{color:var(--white);margin-bottom:8px;font-size:24px;font-weight:800}.gqp-result-subtitle{color:var(--muted);margin-bottom:28px;font-size:14px}.gqp-ring-wrap{width:140px;height:140px;margin:0 auto 24px;position:relative}.gqp-ring-text,.gqp-ring-wrap svg{position:absolute;inset:0}.gqp-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex}.gqp-ring-pct{color:var(--white);font-size:28px;font-weight:900}.gqp-ring-label{color:var(--muted);font-size:13px}.gqp-stats{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.gqp-stat{color:var(--gold);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.gqp-source-info{color:var(--muted);opacity:.8;margin-bottom:28px;font-size:12px}.gqp-actions{flex-direction:column;gap:10px;display:flex}.gqp-btn{cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-outfit),sans-serif;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:all .2s;display:flex}.gqp-btn-primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow)}.gqp-btn-primary:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}.gqp-btn-secondary{color:var(--cyan);background:#22d3ee1a;border:1px solid #22d3ee33}.gqp-btn-secondary:hover{background:#22d3ee2e}.gqp-btn-ghost{color:var(--muted);border:1px solid var(--cb);background:0 0}.gqp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.dc-container{max-width:640px;margin:0 auto}.dc-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);box-shadow:var(--shadow);padding:32px}@media (max-width:600px){.dc-card{padding:20px 16px}}.dc-loading{text-align:center;color:var(--muted);padding:60px 20px}.dc-intro-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.dc-date-badge{color:var(--gold);background:#f0b4291a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.dc-countdown{color:var(--muted);font-size:12px}.dc-countdown strong{color:var(--cyan);font-family:monospace}.dc-intro-info{text-align:center;margin-bottom:24px}.dc-category-badge{background:var(--input-bg,var(--bg3));border:1px solid var(--cb);color:var(--white);border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 20px;font-size:16px;font-weight:700;display:inline-flex}.dc-meta-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:10px;display:flex}.dc-meta-item{color:var(--muted);font-size:13px}.dc-participants{color:var(--cyan);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:inline-flex}.dc-name-section,.dc-warning{margin-bottom:20px}.dc-warning{color:var(--gold);background:#f0b42914;border:1px solid #f0b42926;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.dc-result-card{text-align:center}.dc-already-badge{color:var(--green);background:#34d3991a;border-radius:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.dc-result-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.dc-stat-card{background:var(--input-bg,var(--bg3));border:1px solid var(--cb);color:var(--gold);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.dc-next-challenge{margin-bottom:24px}.dc-next-challenge p{color:var(--muted);margin-bottom:6px;font-size:12px}.dc-countdown-big{color:var(--cyan);letter-spacing:2px;font-family:monospace;font-size:28px;font-weight:900}.dc-leaderboard{padding:24px}.dc-lb-title{color:var(--white);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.dc-lb-list{flex-direction:column;gap:6px;display:flex}.dc-lb-row{background:var(--input-bg,var(--bg3));border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.dc-lb-row:hover{border-color:var(--cb)}.dc-lb-me{background:#f0b4290f;border-color:var(--gold)!important}.dc-lb-rank{text-align:center;min-width:32px;color:var(--muted);font-size:14px;font-weight:800}.dc-lb-avatar{font-size:18px}.dc-lb-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.dc-lb-score{color:var(--green);font-size:13px;font-weight:700}.dc-lb-time{color:var(--muted);font-size:11px}.dc-lb-streak{color:var(--red);font-size:11px;font-weight:700}@media (max-width:480px){.dc-result-stats{gap:8px}.dc-stat-card{padding:6px 10px;font-size:12px}.dc-lb-row{gap:8px;padding:8px 10px}.dc-lb-time{display:none}}.dc-soft-cta-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f59e0b1f,#0ea5e914);border:1px solid #f59e0b40;border-radius:20px;flex-direction:column;align-items:center;gap:14px;margin-top:24px;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #f59e0b1a,0 4px 6px -4px #0000000d}[data-theme=dark] .dc-soft-cta-card{background:linear-gradient(135deg,#f0b42926,#22d3ee14);border-color:#f0b4294d;box-shadow:0 12px 30px #00000059}.dc-soft-cta-badge{color:#b45309;letter-spacing:-.01em;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:9999px;align-items:center;gap:8px;padding:7px 18px;font-size:15px;font-weight:800;display:inline-flex}[data-theme=dark] .dc-soft-cta-badge{color:#fcd34d;background:#f0b42933;border-color:#f0b42966}.dc-soft-cta-text{color:var(--muted);max-width:420px;margin:0;font-size:14px;font-weight:500;line-height:1.5}.dc-soft-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px -4px #d9770666,0 4px 6px -2px #d9770633}.dc-soft-cta-btn:hover{background:linear-gradient(135deg,#fbbf24,#ea580c);transform:translateY(-2px);box-shadow:0 14px 28px -4px #d9770680,0 6px 10px -2px #d977064d}.dc-soft-cta-btn:active{transform:translateY(0)}.dc-your-rank-card{background:#ffffff05;border:1px dashed #f0b42966;border-radius:14px;margin-top:16px;padding:14px}.dc-your-rank-header{color:var(--gold);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.dc-popup-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#00000080;animation:dcPopFadeIn .3s;position:fixed;inset:0}.dc-popup{background:var(--bg2,#0c1120);border:1px solid var(--cb);z-index:9999;text-align:center;border-radius:20px;width:92vw;max-width:380px;padding:32px 24px 24px;animation:dcPopSlideUp .4s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px #0006}@keyframes dcPopFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dcPopSlideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.dc-popup-close{background:var(--cb);width:32px;height:32px;color:var(--muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.dc-popup-close:hover{color:var(--red);background:#f8717126}.dc-popup-header{margin-bottom:20px}.dc-popup-icon{margin-bottom:10px;font-size:48px}.dc-popup-title{color:var(--white);margin-bottom:6px;font-size:22px;font-weight:900}.dc-popup-subtitle{color:var(--muted);font-size:13px}.dc-popup-info{margin-bottom:18px}.dc-popup-category{background:var(--input-bg,var(--bg3));border:1px solid var(--cb);color:var(--white);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.dc-popup-meta{color:var(--muted);justify-content:center;gap:16px;font-size:12px;display:flex}.dc-popup-meta span{align-items:center;gap:4px;display:flex}.dc-popup-meta strong{color:var(--cyan);font-family:monospace}.dc-popup-features{justify-content:center;gap:14px;margin-bottom:22px;display:flex}.dc-popup-feature{color:var(--gold);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.dc-popup-cta{background:var(--btn-bg);width:100%;color:var(--btn-text);text-align:center;box-shadow:var(--btn-shadow);border-radius:12px;margin-bottom:12px;padding:14px 24px;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.dc-popup-cta:hover{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.dc-popup-dismiss-text{width:100%;color:var(--muted);cursor:pointer;font-size:12px;font-family:var(--font-outfit),sans-serif;background:0 0;border:none;padding:4px;transition:color .2s;display:block}.dc-popup-dismiss-text:hover{color:var(--white)}.play-modes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0 auto;display:grid}.play-mode-card{border-radius:var(--r);border:1px solid var(--cb);background:var(--card);color:var(--text);box-shadow:var(--shadow);flex-direction:column;padding:28px 24px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.play-mode-card:hover{border-color:var(--mode-color);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.play-mode-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.play-mode-icon{margin-bottom:14px;font-size:40px}.play-mode-title{color:var(--white);margin-bottom:4px;font-size:18px;font-weight:800}.play-mode-subtitle{color:var(--mode-color);margin-bottom:12px;font-size:13px;font-weight:600}.play-mode-desc{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.6}.play-mode-features{flex-direction:column;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.play-mode-features li{color:var(--muted);padding-left:18px;font-size:12px;position:relative}.play-mode-features li:before{content:"✓";color:var(--mode-color);font-weight:700;position:absolute;left:0}.play-mode-cta{color:var(--mode-color);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.ch-container{max-width:640px;margin:0 auto}.ch-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);box-shadow:var(--shadow);padding:32px}@media (max-width:600px){.ch-card{padding:20px 16px}}.ch-section{margin-bottom:20px}.ch-cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ch-cat-btn{border:1px solid var(--cb);color:var(--muted);cursor:pointer;text-align:left;font-size:12px;font-weight:600;font-family:var(--font-outfit),sans-serif;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex;overflow:hidden}.ch-cat-btn.active,.ch-cat-btn:hover{border-color:var(--gold);color:var(--gold)}.ch-cat-btn.active{background:#f0b4291a}.ch-cat-icon{flex-shrink:0;font-size:16px}.ch-cat-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ch-share-card{text-align:center}.ch-share-header{margin-bottom:24px}.ch-share-title{color:var(--white);margin-bottom:8px;font-size:22px;font-weight:800}.ch-share-subtitle{color:var(--muted);font-size:14px}.ch-score-preview{margin-bottom:24px}.ch-score-big{color:var(--white);font-size:48px;font-weight:900}.ch-score-big span{color:var(--muted);font-size:24px;font-weight:600}.ch-score-pts{color:var(--gold);margin-top:4px;font-size:14px;font-weight:700}.ch-share-link-box{gap:8px;margin-bottom:16px;display:flex}.ch-share-input{border:1px solid var(--cb);background:var(--input-bg,var(--bg3));min-width:0;color:var(--white);text-overflow:ellipsis;border-radius:10px;flex:1;padding:12px 14px;font-family:monospace;overflow:hidden}.ch-copy-btn,.ch-share-input{white-space:nowrap;font-size:13px}.ch-copy-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-weight:700;font-family:var(--font-outfit),sans-serif;background:#f0b4291a;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:12px 16px;transition:all .2s;display:flex}.ch-copy-btn:hover{background:#f0b42933}.ch-share-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.ch-share-note{color:var(--muted);opacity:.7;font-size:12px}.ch-results-card{text-align:center}.ch-results-title{color:var(--white);margin-bottom:24px;font-size:20px;font-weight:800}.ch-h2h{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.ch-h2h,.ch-h2h-player{align-items:center;display:flex}.ch-h2h-player{flex-direction:column;gap:4px;min-width:120px}.ch-h2h-avatar{font-size:36px}.ch-h2h-name{color:var(--white);font-size:14px;font-weight:700}.ch-h2h-score{color:var(--green);font-size:28px;font-weight:900}.ch-h2h-pts{color:var(--gold);font-size:12px;font-weight:600}.ch-h2h-time{color:var(--muted);font-size:11px}.ch-h2h-vs{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:50%;padding:8px 14px;font-size:18px;font-weight:900}.ch-winner-badge{color:var(--gold);background:#f0b4291a;border:1px solid #f0b42933;border-radius:10px;margin-bottom:20px;padding:8px 20px;font-size:14px;display:inline-block}.sv-container{max-width:640px;margin:0 auto}.sv-lives-big{letter-spacing:8px;font-size:36px}.sv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sv-lives{gap:4px;display:flex}.sv-heart{font-size:22px;transition:all .3s}.sv-heart.lost{opacity:.2;filter:grayscale();transform:scale(.8)}.sr-header{margin-bottom:8px}.sr-timer-bar{background:var(--cb);border-radius:8px;height:8px;margin-bottom:10px;overflow:hidden}.sr-timer-fill{border-radius:8px;height:100%;transition:width .3s linear}.sr-meta{gap:14px}.sr-meta,.sr-time{align-items:center;display:flex}.sr-time{gap:4px;font-family:monospace;font-size:16px;font-weight:800}@media (max-width:480px){.ch-cat-grid,.play-modes-grid{grid-template-columns:1fr}.ch-h2h{gap:12px}.ch-h2h-player{min-width:100px}.ch-h2h-score{font-size:22px}.ch-share-link-box{flex-direction:column}.ch-copy-btn{justify-content:center}.ch-share-input{font-size:12px}}.cd-container{max-width:700px;margin:0 auto}.cd-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.cd-stat-card{border-radius:var(--r);border:1px solid var(--cb);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;display:flex}.cd-stat-card.cd-stat-primary{border-color:var(--gold);background:#f0b4290f}.cd-stat-value{color:var(--white);font-size:28px;font-weight:900}.cd-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.cd-extra-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.cd-extra-item{background:var(--card);border:1px solid var(--cb);color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:flex}.cd-extra-item strong{color:var(--white)}.cd-extra-icon{font-size:14px}.cd-history{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:24px}.cd-history-title{color:var(--white);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.cd-history-list{flex-direction:column;gap:8px;display:flex}.cd-history-row{background:var(--input-bg,var(--bg3));color:var(--text);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.cd-history-row:hover{border-color:var(--cb);transform:translate(2px)}.cd-history-left{align-items:center;gap:12px;display:flex}.cd-result-badge{border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.cd-result-win{color:var(--green);background:#34d3991f}.cd-result-loss{color:var(--red);background:#f871711f}.cd-result-draw{color:var(--gold);background:#f0b4291f}.cd-result-pending,.cd-result-waiting{color:var(--cyan);background:#22d3ee1a}.cd-history-info{flex-direction:column;gap:2px;display:flex}.cd-history-category{color:var(--white);font-size:13px;font-weight:700}.cd-history-opponent{color:var(--muted);font-size:11px}.cd-history-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cd-history-scores{gap:8px;font-size:13px;display:flex}.cd-my-score{color:var(--green);font-weight:700}.cd-history-date,.cd-opp-score{color:var(--muted);font-size:11px}.cd-history-date{opacity:.7}@media (max-width:600px){.cd-stats-grid{grid-template-columns:repeat(2,1fr)}.cd-stat-value{font-size:22px}.cd-history{padding:16px}.cd-history-row{padding:10px 12px}}.ch-history-link{color:var(--cyan);background:#22d3ee0f;border:1px solid #22d3ee1f;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ch-history-link:hover{border-color:var(--cyan);background:#22d3ee1f}.game-back-link-wrap{box-sizing:border-box;justify-content:flex-start;align-items:center;max-width:680px;margin:0 auto 16px;padding:0 4px;display:flex}.game-back-link{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 4px #00000005}.game-back-link:hover{border-color:var(--gold-border);color:var(--text);box-shadow:var(--shadow);transform:translate(-3px)}.trivia-details-card{cursor:pointer;margin-bottom:0}.trivia-summary{color:var(--white);outline:none;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:700;list-style:none;display:flex}.trivia-summary::-webkit-details-marker{display:none}.trivia-reveal-btn{color:var(--gold);white-space:nowrap;background:#f0b4291a;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}@media (max-width:580px){.trivia-summary{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.trivia-reveal-btn{align-self:flex-start!important}}.nav-right-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-profile-pill{background:var(--bg2);border:1px solid var(--border);color:var(--white);cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;max-width:160px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.nav-profile-pill:hover{border-color:var(--gold);background:var(--hover-bg);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.nav-profile-pill-empty{color:var(--muted);background:var(--gold-dim);border-style:dashed;border-color:#f0b42959}.nav-profile-pill-empty:hover{color:var(--gold);border-color:var(--gold)}.nav-profile-av{flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.nav-profile-img{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;flex-shrink:0;width:22px;height:22px}.nav-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-weight:700;overflow:hidden}.nav-profile-divider{opacity:.35;margin:0 2px;font-weight:300}.nav-profile-pts{color:var(--gold);font-size:12px;font-weight:700}@media (max-width:768px){.nav-right-controls{gap:6px}.nav-profile-pill{gap:5px;max-width:130px;padding:5px 10px;font-size:12px}.nav-profile-name{max-width:75px}}@media (max-width:520px){.nav-right-controls{gap:4px}.nav-profile-pill{gap:4px;max-width:105px;padding:4px 8px;font-size:11px}.nav-profile-name{max-width:60px}}@media (max-width:400px){.nav-profile-pill-empty .nav-profile-text{display:none}.nav-profile-pill-empty{border-radius:50%;padding:6px}}.profile-modal-overlay{z-index:10000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s forwards;display:flex;position:fixed;inset:0}.profile-modal-card{scrollbar-width:thin;scrollbar-color:#d977064d transparent;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r);width:100%;max-width:620px;max-height:92vh;box-shadow:var(--shadow-hover);padding:24px 24px 20px;animation:modalPop .25s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow-y:auto}.profile-modal-card::-webkit-scrollbar{width:6px}.profile-modal-card::-webkit-scrollbar-track{background:0 0;margin:16px 0}.profile-modal-card::-webkit-scrollbar-thumb{background:#d977064d;border-radius:10px}.profile-modal-card::-webkit-scrollbar-thumb:hover{background:var(--gold)}.profile-modal-close{background:var(--hover-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.profile-modal-close:hover{color:var(--white);border-color:var(--gold);transform:scale(1.08)}.profile-modal-header{text-align:center;margin-bottom:14px}.profile-modal-icon{justify-content:center;margin-bottom:4px;font-size:32px;line-height:1;display:flex}.profile-modal-title{color:var(--white);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.profile-modal-desc{color:var(--muted);margin:0;font-size:12.5px;line-height:1.4}.profile-auth-banner{background:var(--bg3);border:1.5px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;transition:all .2s;display:flex}.profile-auth-banner.authed{background:#22c55e0d;border-color:#22c55e33}.profile-auth-banner-left{text-align:left;flex-direction:column;gap:3px;display:flex}.profile-auth-badge{text-transform:uppercase;letter-spacing:.6px;color:var(--gold);background:var(--gold-dim);border:1px solid #f59e0b4d;border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.profile-auth-badge.green{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.profile-auth-msg{color:var(--muted);margin:0;font-size:12.5px;font-weight:600;line-height:1.35}.profile-auth-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;flex-shrink:0;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #f59e0b4d}.profile-auth-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}.profile-logout-btn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.profile-logout-btn:hover{color:var(--red);background:#dc262614;border-color:#dc262633}@media (max-width:480px){.profile-auth-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.profile-auth-btn{text-align:center;width:100%}}.profile-avatar-label,.profile-input-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.profile-avatars-grid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:14px;display:grid}@media (max-width:480px){.profile-avatars-grid{grid-template-columns:repeat(4,1fr);gap:8px}}.profile-avatar-btn{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:6px 0;font-size:18px;transition:all .15s;display:flex}.profile-avatar-btn:hover{border-color:var(--gold);background:var(--gold-dim);transform:translateY(-2px)}.profile-avatar-btn.active{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 0 2px var(--gold);transform:scale(1.05)}.profile-input-group{margin-bottom:14px}.profile-input-wrap{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;align-items:center;padding:4px 12px;transition:all .2s;display:flex}.profile-input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}.profile-input-av-preview{margin-right:10px;font-size:20px}.profile-name-input{width:100%;color:var(--white);background:0 0;border:none;outline:none;padding:10px 0;font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.profile-input-error{color:var(--red);margin-top:6px;font-size:12px;font-weight:600}.profile-preview-box{background:var(--bg3);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:10px 16px;display:flex}.profile-preview-tag{letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:800}.profile-preview-pill{background:var(--card);border:1px solid var(--gold);color:var(--white);border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:700;display:flex}.profile-preview-name{color:var(--gold)}@media (max-width:600px){.profile-modal-overlay{padding:12px}.profile-modal-card{max-height:90vh;padding:22px 16px;overflow-y:auto}.profile-modal-title{font-size:19px}.profile-modal-icon{font-size:34px}.profile-avatars-grid{grid-template-columns:repeat(4,1fr);gap:8px}.profile-avatar-btn{padding:10px 0;font-size:22px}}.profile-xp-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:14px 16px}.profile-xp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-level-badge{align-items:center;gap:10px;display:flex}.profile-level-icon{font-size:24px}.profile-level-title{color:var(--white);font-family:Outfit,sans-serif;font-size:14px;font-weight:800}.profile-xp-sub{color:var(--gold);font-size:11px;font-weight:700}.profile-xp-bar-bg{background:var(--bg2);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;margin-bottom:6px;overflow:hidden}.profile-xp-bar-fill{background:linear-gradient(90deg,#f59e0b,#f0b429);border-radius:4px;height:100%;transition:width .4s}.profile-xp-footer{color:var(--muted);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.profile-badges-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}@media (max-width:640px){.profile-badges-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.profile-badges-grid{grid-template-columns:repeat(3,1fr)}}.profile-badge-item{text-align:center;background:var(--bg3);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:10px 6px;transition:all .2s;display:flex}.profile-badge-item.unlocked{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 4px 12px #f0b42926}.profile-badge-item.locked{opacity:.4;filter:grayscale()}.profile-badge-icon{margin-bottom:4px;font-size:22px}.profile-badge-name{color:var(--white);font-size:10px;font-weight:700;line-height:1.2}.achievement-toast-card{z-index:10001;background:var(--bg2);border:1.5px solid var(--gold);border-radius:var(--r);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;max-width:340px;padding:12px 18px;animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards;display:flex;position:fixed;top:76px;right:20px;box-shadow:0 10px 30px #f0b42959}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.achievement-toast-icon{flex-shrink:0;font-size:28px}.achievement-toast-content{flex-grow:1}.achievement-toast-title{color:var(--gold);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.achievement-toast-desc{color:var(--white);font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.achievement-toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.newsletter-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:fadeIn .25s forwards;display:flex;position:fixed;inset:0}.newsletter-modal-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r);width:100%;max-width:520px;padding:36px 32px;animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards;position:relative;box-shadow:0 24px 80px #00000080,0 0 60px #f0b42914}.newsletter-modal-close{background:var(--hover-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.newsletter-modal-close:hover{color:var(--white);border-color:var(--gold);transform:scale(1.1)}.newsletter-icon-wrap{background:linear-gradient(135deg,#f0b4291f,#6366f11a);border:2px solid #f0b42933;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;display:flex;position:relative}.newsletter-icon-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#f0b4291a 0,#0000 70%);border-radius:28px;position:absolute;inset:-6px}.newsletter-icon{font-size:34px;line-height:1}.newsletter-badge{background:var(--gold-dim);letter-spacing:1.2px;color:var(--gold);border:1px solid #f0b42940;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 14px;font-size:10px;font-weight:800;display:inline-flex}.newsletter-pulse{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:nlPulse 1.5s ease-in-out infinite;display:inline-block}@keyframes nlPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.newsletter-title{color:var(--white);margin-bottom:10px;font-family:Outfit,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.newsletter-gold{color:var(--gold)}.newsletter-desc{color:var(--muted);max-width:400px;margin:0 auto 24px;font-size:14px;line-height:1.7}.newsletter-input-group{background:var(--input-bg);border:1.5px solid var(--border);border-radius:12px;align-items:center;margin-bottom:12px;padding:4px 14px;transition:all .2s;display:flex}.newsletter-input-group:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f0b4291a}.newsletter-input-icon{flex-shrink:0;margin-right:10px;font-size:18px}.newsletter-email-input{width:100%;color:var(--white);background:0 0;border:none;outline:none;padding:12px 0;font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.newsletter-email-input::placeholder{color:var(--muted);font-weight:500}.newsletter-submit-btn{border-radius:12px;justify-content:center;gap:8px;width:100%;padding:14px;font-size:15px}.newsletter-submit-btn:disabled{opacity:.6;cursor:not-allowed}.newsletter-spinner{border:2px solid var(--white);border-top:2px solid #0000;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite;display:inline-block}.newsletter-success-box{color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1.5px solid #22c55e4d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:14px;font-weight:700;display:flex}.newsletter-error-box{color:#f43f5e;background:#f43f5e14;border:1.5px solid #f43f5e40;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.newsletter-footer-note{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.5}@media (max-width:560px){.newsletter-modal-overlay{padding:14px}.newsletter-modal-card{padding:28px 18px}.newsletter-title{font-size:21px}.newsletter-icon-wrap{border-radius:18px;width:60px;height:60px;margin-bottom:14px}.newsletter-icon{font-size:28px}.newsletter-desc{font-size:13px}}.ach-page{min-height:100vh;padding:100px 5vw 60px}.ach-container{max-width:960px;margin:0 auto}.ach-loading-icon{margin-bottom:16px;font-size:48px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.ach-header{text-align:center;margin-bottom:40px}.ach-eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--gold);background:var(--gold-dim);border:1px solid #f0b42933;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex}.ach-eyebrow-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:nlPulse 1.5s ease-in-out infinite}.ach-title{color:var(--white);letter-spacing:-.5px;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:38px;font-weight:800}.ach-gold{color:var(--gold)}.ach-subtitle{color:var(--muted);max-width:480px;margin:0 auto;font-size:15px;line-height:1.7}.ach-level-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r);margin-bottom:20px;padding:28px;position:relative;overflow:hidden}.ach-level-card:before{content:"";background:linear-gradient(90deg,var(--gold),var(--cyan),var(--gold));height:3px;position:absolute;top:0;left:0;right:0}.ach-level-top{justify-content:space-between;margin-bottom:18px}.ach-level-left,.ach-level-top{align-items:center;display:flex}.ach-level-left{gap:14px}.ach-level-icon-wrap{background:linear-gradient(135deg,#f0b4291f,#6366f114);border:1.5px solid #f0b42940;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ach-level-icon{font-size:28px}.ach-level-name{color:var(--white);font-family:Outfit,sans-serif;font-size:17px;font-weight:800}.ach-level-xp{color:var(--gold);margin-top:2px;font-size:13px;font-weight:700}.ach-level-pct{color:var(--gold);font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.ach-xp-bar-bg{background:var(--bg3);border:1px solid var(--border);border-radius:6px;width:100%;height:12px;margin-bottom:10px;overflow:hidden}.ach-xp-bar-fill{background:linear-gradient(90deg,#f59e0b,#f0b429,#fbbf24);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative}.ach-xp-bar-fill:after{content:"";background:linear-gradient(#fff3,#0000);position:absolute;inset:0}.ach-xp-footer{color:var(--muted);justify-content:space-between;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.ach-levels-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.ach-lvl-chip{border:1px solid var(--border);background:var(--bg3);color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.ach-lvl-chip.reached{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.ach-lvl-chip.locked{opacity:.45}.ach-lvl-num{font-size:11px}.ach-stats-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.ach-stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;transition:all .2s;display:flex}.ach-stat-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.ach-stat-card.clickable{cursor:pointer}.ach-stat-card.clickable:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px #d9770626}.ach-stat-redirect-tag{color:var(--gold);background:var(--gold-dim);border:1px solid #d9770633;border-radius:12px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.ach-stat-card.clickable:hover .ach-stat-redirect-tag{background:var(--gold);color:#fff}.ach-stat-icon{margin-bottom:8px;font-size:24px}.ach-stat-val{color:var(--text);font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.ach-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:700}.ach-streak-cta-banner{border-radius:var(--r);box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(135deg,#ef444414,#f59e0b0d);border:1.5px solid #f59e0b40;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.ach-streak-cta-banner:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 28px -6px #f59e0b33}.ach-streak-cta-left{align-items:center;gap:16px;display:flex}.ach-streak-cta-icon-wrap{background:linear-gradient(135deg,#ef444426,#f59e0b26);border-radius:14px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.ach-streak-cta-icon{font-size:26px}.ach-streak-cta-text{flex-direction:column;gap:3px;display:flex}.ach-streak-cta-title{color:var(--text);font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.ach-streak-cta-sub{color:var(--muted);font-size:13px;line-height:1.4}.ach-streak-cta-btn{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.ach-streak-cta-banner:hover .ach-streak-cta-btn{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translate(2px)}.ach-badges-section{margin-top:12px;scroll-margin-top:100px}.ach-badges-header-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.ach-badges-header-card:before{content:"";background:linear-gradient(#f59e0b,#eab308);width:4px;height:100%;position:absolute;top:0;left:0}.ach-badges-header-text{flex:1;min-width:0}.ach-badges-progress-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;min-width:260px;padding:16px 20px;display:flex}.ach-badges-progress-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ach-badges-progress-label{color:var(--text);font-family:Outfit,sans-serif;font-size:13px;font-weight:800}.ach-badges-progress-pct{color:var(--gold);font-family:Outfit,sans-serif;font-size:15px;font-weight:900}.ach-badges-progress-sub{color:var(--muted);font-size:11px;font-weight:600}.ach-section-title{color:var(--text);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.ach-section-sub{color:var(--muted);font-size:13px;line-height:1.6}.ach-badges-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-bottom:40px;display:grid}.ach-badge-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.ach-badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px -6px #0000001f}.ach-badge-card.unlocked{background:linear-gradient(135deg,#f59e0b14,#fbbf2405);border-color:#f59e0b73}.ach-badge-card.unlocked:hover{border-color:var(--gold);box-shadow:0 14px 35px -5px #f59e0b33}.ach-badge-card.locked{opacity:.8;background:var(--bg2)}.ach-badge-card.locked:hover{opacity:1;border-color:#94a3b866}.ach-badge-top{align-items:flex-start;gap:14px;display:flex}.ach-badge-icon-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;min-height:54px;transition:all .25s;display:flex;position:relative}.ach-badge-card.unlocked .ach-badge-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#f59e0b0f);border-color:#f59e0b66;box-shadow:0 4px 14px #f59e0b26}.ach-badge-icon{font-size:26px;line-height:1;transition:transform .25s}.ach-badge-card:hover .ach-badge-icon{transform:scale(1.1)rotate(-3deg)}.ach-badge-card.locked .ach-badge-icon{filter:grayscale();opacity:.45}.ach-badge-check{color:#fff;border:2px solid var(--bg2);background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;font-size:11px;font-weight:900;box-shadow:0 2px 8px #22c55e66}.ach-badge-check,.ach-badge-lock{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.ach-badge-lock{background:var(--bg3);border:1px solid var(--border);opacity:.85;border-radius:50%;font-size:10px}.ach-badge-info{flex:1;min-width:0}.ach-badge-name{color:var(--white);letter-spacing:-.2px;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;line-height:1.25}.ach-badge-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.ach-badge-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.ach-badge-unlocked-tag{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}:root[data-theme=dark] .ach-badge-unlocked-tag,[data-theme=dark] .ach-badge-unlocked-tag{color:#4ade80}.ach-badge-unlocked-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.ach-badge-how{background:var(--bg3);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ach-badge-how-label{text-transform:uppercase;letter-spacing:.8px;color:var(--gold);font-size:10px;font-weight:800}.ach-badge-how-text{color:var(--muted);font-size:12px;line-height:1.45}@media (max-width:900px){.ach-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.ach-title{font-size:30px}.ach-badges-grid{grid-template-columns:1fr}.ach-level-card{padding:20px}.ach-badges-header-card{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.ach-badges-progress-card{min-width:100%}.ach-streak-cta-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.ach-streak-cta-btn{align-self:flex-end}}@media (max-width:480px){.ach-page{padding:85px 14px 40px}.ach-title{font-size:26px}.ach-stats-row{grid-template-columns:repeat(2,1fr)}.ach-level-top{flex-direction:column;align-items:flex-start;gap:10px}.ach-level-pct{font-size:18px}.ach-levels-row{gap:6px}.ach-lvl-chip{padding:4px 8px;font-size:11px}.ach-stat-card{padding:14px 10px}.ach-stat-val{font-size:17px}.ach-streak-cta-btn{justify-content:center;width:100%}}.streak-calendar{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.streak-calendar:before{content:"";border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);height:3px;position:absolute;top:0;left:0;right:0}.streak-cal-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.streak-cal-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:15px;font-weight:800}.streak-cal-subtitle{color:var(--muted);background:var(--bg3);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.streak-cal-wrapper{gap:12px;padding-bottom:4px;display:flex;overflow:visible}.streak-cal-day-labels{flex-direction:column;gap:4px;margin-top:30px;padding-top:0;display:flex}.streak-cal-day-label{height:13px;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;font-size:11px;font-weight:600;line-height:1;display:flex}@media (max-width:640px){.streak-day-full{display:none}.streak-day-short{display:inline}}.streak-cal-grid-container{flex:1;min-width:0;padding:6px 2px;overflow:auto hidden}.streak-cal-grid-container::-webkit-scrollbar{width:0;height:4px}.streak-cal-grid-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.streak-cal-month-labels{gap:4px;height:16px;margin-bottom:6px;display:grid}.streak-cal-month-label{color:var(--muted);letter-spacing:.2px;font-size:10px;font-weight:600}.streak-cal-grid{gap:4px;padding:2px 0;display:grid}.streak-cal-column{flex-direction:column;gap:4px;display:flex}.streak-cell{cursor:default;border-radius:3px;width:13px;height:13px;transition:transform .15s,box-shadow .15s}.streak-cell:hover{z-index:2;position:relative;transform:scale(1.4);box-shadow:0 2px 8px #0000001f}.streak-cell-none{visibility:hidden}.streak-cell-empty{background:var(--bg3);border:1px solid #0000}.streak-cell-l1{background:#86efac;border:1px solid #22c55e4d}.streak-cell-l2{background:#4ade80;border:1px solid #22c55e66}.streak-cell-l3{background:#22c55e;border:1px solid #16a34a80}.streak-cell-l4{background:#16a34a;border:1px solid #15803d;box-shadow:0 0 4px #16a34a4d}[data-theme=dark] .streak-cell-empty{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .streak-cell-l1{background:#22c55e33;border-color:#22c55e1f}[data-theme=dark] .streak-cell-l2{background:#22c55e66;border-color:#22c55e40}[data-theme=dark] .streak-cell-l3{background:#22c55ea6;border-color:#22c55e66}[data-theme=dark] .streak-cell-l4{background:#22c55e;border-color:#16a34a;box-shadow:0 0 6px #22c55e66}.streak-cal-legend{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:5px;margin-top:16px;padding-top:12px;display:flex}.streak-cal-legend-text{color:var(--muted);margin:0 3px;font-size:10px;font-weight:500}.streak-cal-legend .streak-cell{width:11px;height:11px}.streak-cal-legend .streak-cell:hover{box-shadow:none;transform:none}.streak-cell-today{box-shadow:0 0 6px #d977064d,0 0 12px #d977061a;border:2px solid var(--gold)!important}[data-theme=dark] .streak-cell-today{box-shadow:0 0 8px #f0b42959,0 0 16px #f0b4291a;border-color:var(--gold2)!important}.streak-cell-pop{animation:streakCellPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes streakCellPop{0%{transform:scale(.85)}60%{transform:scale(1.2)}to{transform:scale(1)}}.streak-popover{background:var(--card);border:1px solid var(--border);z-index:100;pointer-events:none;border-radius:12px;min-width:180px;padding:12px 16px;animation:popoverIn .15s ease-out;position:absolute;transform:translate(-50%)translateY(-100%);box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}.streak-popover.below{animation:popoverInBelow .15s ease-out;transform:translate(-50%)translateY(0)}[data-theme=dark] .streak-popover{background:#1e293b;border-color:#ffffff1a;box-shadow:0 8px 24px #0006}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%)translateY(-100%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-100%)scale(1)}}@keyframes popoverInBelow{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.streak-popover-date{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.streak-popover-stats{flex-direction:column;gap:3px;display:flex}.streak-popover-stats span{color:var(--text);font-size:12px;font-weight:600;line-height:1.4}.streak-popover-empty{font-style:italic;color:var(--muted)!important}.streak-day-full{display:inline}.streak-day-short{display:none}.streak-cal-stats{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.streak-cal-stat{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.streak-cal-stat-icon{font-size:16px}.streak-cal-stat-value{color:var(--text);letter-spacing:-.3px;font-size:15px;font-weight:900}.streak-cal-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}@media (max-width:768px){.streak-day-full{display:none}.streak-day-short{display:inline}}@media (max-width:480px){.streak-cal-stats{gap:4px}.streak-cal-stat-value{font-size:13px}.streak-cal-stat-label{font-size:8px}.streak-popover{min-width:150px;padding:10px 12px}}.streak-stats{flex-direction:column;gap:16px;display:flex}.streak-stats-hero{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:40px 24px 32px;position:relative;overflow:hidden}.streak-stats-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731614 0,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.streak-fire-icon{filter:drop-shadow(0 4px 8px #f9731633);margin-bottom:6px;font-size:52px;animation:streak-bounce 2s ease-in-out infinite}@keyframes streak-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.05)}}.streak-count{color:var(--text);letter-spacing:-3px;font-size:64px;font-weight:900;line-height:1}.streak-label{color:var(--muted);text-transform:uppercase;letter-spacing:2.5px;margin-top:6px;font-size:12px;font-weight:700}.streak-today-badge{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33;border-radius:20px;align-items:center;gap:6px;margin-top:16px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-flex}[data-theme=dark] .streak-today-badge{color:#4ade80;background:#22c55e1f}.streak-today-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:pulse 1.5s infinite}.streak-warning-badge{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:20px;margin-top:16px;padding:7px 16px;font-size:12px;font-weight:700;animation:streak-pulse-warn 2s ease-in-out infinite;display:inline-block}@keyframes streak-pulse-warn{0%,to{opacity:1}50%{opacity:.7}}.streak-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.streak-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:6px;padding:20px 12px 16px;transition:transform .2s,box-shadow .2s;display:flex}.streak-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.streak-stat-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:26px}.streak-stat-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:900}.streak-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.streak-freeze-info{border-radius:var(--r);background:linear-gradient(135deg,#0891b20d,#0891b205);border:1px solid #0891b21f;align-items:center;gap:14px;padding:18px 20px;transition:transform .2s;display:flex}.streak-freeze-info:hover{transform:translateY(-1px)}.streak-freeze-icon{filter:drop-shadow(0 2px 4px #0891b233);flex-shrink:0;font-size:30px}.streak-freeze-text{flex-direction:column;gap:3px;display:flex}.streak-freeze-text strong{color:var(--text);font-size:13px;font-weight:800}.streak-freeze-text span{color:var(--muted);font-size:12px;line-height:1.5}.streak-next-milestone{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.streak-next-milestone:after{content:"";opacity:.4;background:linear-gradient(90deg,#22c55e,#16a34a);height:2px;position:absolute;bottom:0;left:0;right:0}.streak-next-header{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.streak-next-days{color:var(--muted);background:var(--bg3);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.streak-progress-bar{background:var(--bg3);border-radius:6px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.streak-progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.streak-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:streak-shimmer 2s infinite;position:absolute;inset:0}@keyframes streak-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.streak-next-reward{color:var(--gold);background:var(--gold-dim);border-radius:10px;margin-top:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.streak-milestones{margin-top:4px}.streak-milestones-title{color:var(--text);letter-spacing:-.3px;margin:0 0 16px;font-size:15px;font-weight:800}.streak-milestones-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.streak-milestone-card{border-radius:var(--r);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 10px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.streak-milestone-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.streak-milestone-unlocked{background:linear-gradient(135deg,#22c55e0f,#16a34a05);border-color:#22c55e4d}.streak-milestone-unlocked:hover{border-color:#22c55e80}.streak-milestone-locked{background:var(--card);opacity:.55;filter:grayscale(.5)}.streak-milestone-locked:hover{opacity:.85;filter:grayscale(0)}.streak-milestone-emoji{filter:drop-shadow(0 2px 4px #0000001a);font-size:32px}.streak-milestone-label{color:var(--text);font-size:11px;font-weight:800;line-height:1.3}.streak-milestone-days{color:var(--muted);font-size:10px;font-weight:600}.streak-milestone-check{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #16a34a4d}.streak-milestone-xp{color:var(--gold);background:var(--gold-dim);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800}.streak-page{min-height:100vh;padding:100px 5vw 60px}.streak-container{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;display:flex}.streak-nav-bar{justify-content:flex-start;align-items:center;margin-bottom:4px;display:flex}.streak-back-btn-pill{background:var(--bg2);border:1.5px solid var(--border);color:var(--muted);box-shadow:var(--shadow);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.streak-back-btn-pill:hover{color:var(--text);border-color:var(--gold);transform:translate(-2px);box-shadow:0 4px 14px #00000014}.streak-page-header{text-align:center;margin-bottom:8px}.streak-page-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#16a34a;background:#22c55e0f;border:1px solid #22c55e26;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 16px;font-size:11px;font-weight:800;display:inline-flex}[data-theme=dark] .streak-page-eyebrow{color:#4ade80;background:#22c55e1a;border-color:#22c55e33}.streak-page-title{color:var(--text);letter-spacing:-1px;margin:0;font-size:30px;font-weight:900}.streak-page-title .streak-green{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text}.streak-page-subtitle{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.streak-share-container{justify-content:center;margin-top:12px;display:flex}.streak-share-btn{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);letter-spacing:-.2px;border:none;border-radius:14px;align-items:center;gap:8px;margin:0 auto;padding:14px 32px;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex}.streak-share-btn:hover{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-3px)scale(1.02)}.streak-share-btn:active{transform:translateY(-1px)scale(.98)}@media (max-width:640px){.streak-stats-row{grid-template-columns:repeat(3,1fr);gap:8px}.streak-stat-card{padding:14px 8px 12px}.streak-stat-value{font-size:18px}.streak-count{font-size:48px}.streak-milestones-grid{grid-template-columns:repeat(2,1fr)}.streak-cell{width:11px;height:11px}.streak-cal-day-label{height:11px}.streak-calendar{padding:18px}.streak-stats-hero{padding:32px 16px 24px}}@media (max-width:480px){.streak-page{padding:85px 14px 40px}.streak-container{gap:14px}.streak-milestones-grid{grid-template-columns:repeat(2,1fr);gap:8px}.streak-cell{width:10px;height:10px}.streak-cal-column,.streak-cal-day-labels{gap:3px}.streak-cal-day-label{height:10px}.streak-cal-grid{gap:3px}.streak-page-title{font-size:24px}.streak-count{font-size:42px}.streak-stat-card{padding:12px 6px 10px}.streak-milestone-card{padding:16px 8px 12px}.streak-milestone-emoji{font-size:26px}}.login-prompt-overlay{-webkit-backdrop-filter:blur(8px);z-index:10005;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s;display:flex;position:fixed;inset:0}.login-prompt-card{background:var(--bg2);border:1.5px solid var(--border);text-align:center;border-radius:24px;width:100%;max-width:420px;padding:32px 28px 28px;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0006,0 0 20px #f59e0b14}.login-prompt-accent-line{background:linear-gradient(90deg,#f59e0b,#d97706 50%,#f59e0b);height:4px;position:absolute;top:0;left:0;right:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-prompt-close{border:1px solid var(--border);background:var(--bg3);cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.login-prompt-close:hover{background:var(--gold-dim);color:var(--gold);border-color:#f59e0b4d;transform:rotate(90deg)}.login-prompt-header{flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.login-prompt-badge{background:var(--gold-dim);color:var(--gold);border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.login-prompt-title{color:var(--text);letter-spacing:-.5px;margin:0 0 6px;font-size:22px;font-weight:900}.login-prompt-desc{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.login-prompt-divider{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.login-prompt-divider:after,.login-prompt-divider:before{content:"";background:var(--border);opacity:.7;flex:1;height:1px}.login-prompt-divider span{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:10.5px;font-weight:800}.auth-social-actions{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:100%;display:flex}.google-login-btn-container,.google-login-wrapper{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.google-login-btn-container{justify-content:center;display:flex}.google-login-btn-container iframe{box-sizing:border-box!important;border-radius:20px!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0 auto!important}@media (max-width:480px){.login-prompt-overlay{padding:10px}.login-prompt-card{box-sizing:border-box;border-radius:20px;max-width:100%;padding:24px 18px 20px}.login-prompt-title{font-size:20px}.login-prompt-desc{font-size:12.5px}.auth-field input{padding:10px 14px;font-size:13.5px}.auth-submit-btn{height:40px;font-size:14px}.login-prompt-guest-btn{max-width:100%;height:38px;font-size:13px}.google-login-btn-container{max-width:100%}}.login-prompt-guest-btn{background:var(--bg3);border:1px solid var(--border);width:100%;max-width:310px;height:40px;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.guest-btn-icon{align-items:center;font-size:15px;display:inline-flex}.login-prompt-guest-btn:hover{background:var(--gold-dim);color:var(--gold);border-color:#f59e0b59;transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}.login-prompt-guest-btn:active{transform:translateY(0)}.auth-form{text-align:left;gap:14px;margin-bottom:12px}.auth-field,.auth-form{flex-direction:column;display:flex}.auth-field{gap:6px}.auth-field label{color:var(--text);letter-spacing:.2px;font-size:12.5px;font-weight:700}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-forgot-link{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;transition:color .2s}.auth-forgot-link:hover{color:var(--gold2);text-decoration:underline}.auth-password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.auth-password-input-wrap input{padding-right:42px}.auth-password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:10px}.auth-password-toggle:hover{color:var(--text)}.auth-field input{background:var(--bg3);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11.5px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:var(--muted);opacity:.7;font-weight:400}.auth-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f59e0b26}.auth-error{color:var(--red);background:#dc26260f;border:1px solid #dc262626;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.auth-success{color:#22c55e;text-align:center;background:#22c55e14;border:1px solid #22c55e40;border-radius:8px;padding:9px 12px;font-size:12.5px;font-weight:700}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:22px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:4px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #f59e0b4d}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:spin .6s linear infinite}.auth-switch{color:var(--muted);text-align:center;margin:0 0 4px;font-size:13px}.auth-switch button{color:var(--gold);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.auth-switch button:hover{color:var(--gold2)}.reset-pass-page{justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 60px;display:flex}.reset-pass-card{background:var(--bg2);border:1.5px solid var(--border);text-align:center;border-radius:24px;width:100%;max-width:440px;padding:36px 32px 32px;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0006,0 0 20px #f59e0b14}.reset-pass-success-box{flex-direction:column;align-items:center;gap:12px;padding:10px 0 6px;display:flex}.reset-pass-success-icon{color:#22c55e;background:#22c55e1f;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:26px;font-weight:900;display:flex}.reset-pass-success-box h2{color:var(--text);margin:0;font-size:20px;font-weight:800}.reset-pass-success-box p{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.5}.guest-banner{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:0 10px 30px -10px #f59e0b1f,var(--shadow);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:22px 26px;transition:all .25s;display:flex;position:relative;overflow:hidden}.guest-banner-accent-line{background:linear-gradient(90deg,#f59e0b,#d97706 50%,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.guest-banner-left{flex-direction:column;gap:12px;display:flex}.guest-banner-header-row{align-items:center;gap:10px;display:flex}.guest-banner-badge{text-transform:uppercase;letter-spacing:.8px;color:var(--gold);background:var(--gold-dim);border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.guest-banner-sub{color:var(--muted);font-size:12.5px;font-weight:600}.guest-banner-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.guest-stat-pill{border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;transition:transform .2s;display:inline-flex}.guest-stat-pill:hover{transform:translateY(-1px)}.guest-stat-pill.streak{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.guest-stat-pill.xp{background:var(--gold-dim);color:var(--gold);border:1px solid #f59e0b40}.guest-stat-pill.quizzes{color:#6366f1;background:#6366f114;border:1px solid #6366f133}.guest-banner-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.guest-banner-msg{color:var(--muted);text-align:right;margin:0;font-size:13px;font-weight:600}.guest-banner-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;align-items:center;gap:6px;padding:11px 22px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b59}.guest-banner-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}@media (max-width:640px){.guest-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px}.guest-banner-right{align-items:flex-start;width:100%}.guest-banner-msg{text-align:left;font-size:12px}.guest-banner-btn{text-align:center;justify-content:center;width:100%}.guest-banner-stats{gap:8px}.guest-stat-pill{padding:5px 10px;font-size:12px}}.signup-nudge{z-index:10004;background:var(--card);border:1.5px solid var(--border);border-radius:16px;width:90vw;max-width:440px;padding:16px 20px;animation:nudgeSlideUp .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}[data-theme=dark] .signup-nudge{background:#1e293b;box-shadow:0 12px 40px #0006}@keyframes nudgeSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.signup-nudge-content{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.signup-nudge-icon{flex-shrink:0;margin-top:2px;font-size:24px}.signup-nudge-text{flex-direction:column;gap:3px;display:flex}.signup-nudge-text strong{color:var(--text);font-size:13px;font-weight:800;line-height:1.3}.signup-nudge-text span{color:var(--muted);font-size:12px;line-height:1.4}.signup-nudge-actions{align-items:center;gap:10px;display:flex}.signup-nudge-btn-primary{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:10px;padding:9px 18px;font-size:12px;font-weight:800;transition:all .2s}.signup-nudge-btn-primary:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}.signup-nudge-btn-dismiss{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s}.signup-nudge-btn-dismiss:hover{border-color:var(--muted);color:var(--text)}@media (max-width:480px){.signup-nudge{padding:14px 16px;bottom:12px}.signup-nudge-actions{flex-direction:column;width:100%}.signup-nudge-btn-dismiss,.signup-nudge-btn-primary{text-align:center;width:100%}}.google-login-wrapper{flex-direction:column;align-items:center;gap:10px;display:flex}.google-login-btn-container{min-height:44px}.google-login-loading{color:var(--muted);align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.google-login-spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.google-login-error-msg{color:var(--red);text-align:center;font-size:12px;font-weight:600}.google-login-error{color:var(--muted);background:var(--bg3);border:1px dashed var(--border);text-align:center;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.4}@media (max-width:480px){.login-prompt-overlay{padding:12px}.login-prompt-card{border-radius:20px;max-height:92vh;padding:24px 18px 20px;overflow-y:auto}.login-prompt-header{margin-bottom:16px}.login-prompt-badge{margin-bottom:8px;padding:3px 10px;font-size:11px}.login-prompt-title{font-size:19px}.login-prompt-desc{font-size:12.5px}.auth-form{gap:10px;margin-bottom:8px}.auth-field{gap:4px}.auth-field label{font-size:11.5px}.auth-field input{border-radius:10px;padding:9.5px 12px;font-size:13.5px}.auth-submit-btn{border-radius:10px;min-height:40px;margin-top:2px;padding:10px 16px;font-size:14px}.auth-switch,.auth-switch button{font-size:12px}.login-prompt-divider{margin:12px 0}.login-prompt-guest-btn{border-radius:20px;padding:10px 16px;font-size:13.5px}.login-prompt-close{width:28px;height:28px;font-size:12px;top:12px;right:12px}}.streak-toast-stack{z-index:10002;pointer-events:none;flex-direction:column;gap:10px;width:90vw;max-width:400px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.streak-toast{background:var(--bg2);pointer-events:all;border:1.5px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;animation:streakToastIn .4s cubic-bezier(.16,1,.3,1) forwards;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014}.streak-toast-milestone{border-color:#22c55e66}.streak-toast-freeze{border-color:#0891b266}.streak-toast-broken{border-color:#ef44444d}@keyframes streakToastIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.streak-toast-glow{opacity:.12;pointer-events:none;filter:blur(20px);border-radius:50%;width:140%;height:200%;animation:streakGlowPulse 2s ease-in-out infinite;position:absolute;top:-50%;left:-20%}.streak-toast-glow-milestone{background:radial-gradient(circle,#22c55e 0,#0000 70%)}.streak-toast-glow-freeze{background:radial-gradient(circle,#06b6d4 0,#0000 70%)}.streak-toast-glow-broken{background:radial-gradient(circle,#ef4444 0,#0000 70%)}@keyframes streakGlowPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.18;transform:scale(1.05)}}.streak-toast-emoji{filter:drop-shadow(0 2px 6px #00000026);flex-shrink:0;font-size:34px;animation:streakEmojiPop .5s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes streakEmojiPop{0%{transform:scale(0)rotate(-15deg)}to{transform:scale(1)rotate(0)}}.streak-toast-body{flex:1;min-width:0}.streak-toast-title{text-transform:uppercase;letter-spacing:1.2px;margin-bottom:2px;font-size:10px;font-weight:800}.streak-toast-milestone .streak-toast-title{color:#16a34a}.streak-toast-freeze .streak-toast-title{color:#0891b2}.streak-toast-broken .streak-toast-title{color:#dc2626}.streak-toast-message{color:var(--text);font-size:15px;font-weight:800;line-height:1.2}.streak-toast-sub{color:var(--muted);margin-top:3px;font-size:11px;font-weight:600}.streak-toast-milestone .streak-toast-sub{color:var(--gold)}.streak-toast-dismiss{width:20px;height:20px;color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:10px}.streak-toast-dismiss:hover{opacity:1}.streak-confetti-container{pointer-events:none;z-index:10003;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.streak-confetti-particle{color:var(--color);animation:streakConfettiBurst 2.2s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:var(--delay);opacity:0;font-size:12px;position:absolute;bottom:40%}@keyframes streakConfettiBurst{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}20%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.3)}}.streak-milestone-card.streak-milestone-celebrating{animation:milestoneGlow 1.5s ease-in-out 3;opacity:1!important;filter:none!important;border-color:#22c55e99!important}@keyframes milestoneGlow{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 #22c55e00}50%{transform:translateY(-4px)scale(1.03);box-shadow:0 0 20px 4px #22c55e40,0 0 40px 8px #22c55e1a}}[data-theme=dark] .streak-toast{background:#0f172a;box-shadow:0 12px 40px #0006,0 4px 12px #0000004d}[data-theme=dark] .streak-toast-glow{opacity:.15}@media (max-width:480px){.streak-toast-stack{max-width:92vw;top:68px}.streak-toast{gap:10px;padding:12px 16px}.streak-toast-emoji{font-size:28px}.streak-toast-message{font-size:13px}}.shorts-page{background:var(--bg,#f8fafc);width:100vw;height:100dvh;color:var(--text,#0f172a);z-index:9999;font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;position:fixed;inset:0;overflow:hidden}[data-theme=dark] .shorts-page{color:#fff;background:#090d16}.shorts-loading{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-weight:700;display:flex}.shorts-loading-spinner{font-size:56px;animation:shortsPulse 1.2s ease-in-out infinite}@keyframes shortsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.shorts-top-bar-wrap{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #0f172a14;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0f172a08}[data-theme=dark] .shorts-top-bar-wrap{background:#090d16f0;border-bottom:1px solid #ffffff14;box-shadow:0 2px 10px #0006}.shorts-top-bar{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:540px;height:58px;margin:0 auto;padding:0 16px;display:flex}.shorts-back-btn{color:#0f172a;background:#f1f5f9;border:1px solid #0f172a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .shorts-back-btn{color:#fff;background:#ffffff1a;border-color:#ffffff26}.shorts-back-btn:hover{background:var(--gold-dim);transform:scale(1.05)}.shorts-mode-badge{letter-spacing:.8px;text-transform:uppercase;color:#d97706;white-space:nowrap;background:#d977061a;border:1px solid #d9770640;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}[data-theme=dark] .shorts-mode-badge{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b4d}.shorts-mode-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:nlPulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #f59e0b}.shorts-top-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.shorts-streak-pill{color:#dc2626;white-space:nowrap;background:#dc262614;border:1px solid #dc262633;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800}[data-theme=dark] .shorts-streak-pill{color:#ef4444;background:#ef44441f;border-color:#ef444440}.shorts-sound-btn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #0f172a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}[data-theme=dark] .shorts-sound-btn{color:#fff;background:#ffffff1a;border-color:#ffffff26}.shorts-sound-btn:hover{transform:scale(1.05)}.shorts-controls-nav{z-index:100;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.shorts-nav-arrow{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0f172a14}[data-theme=dark] .shorts-nav-arrow{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#fff3}.shorts-nav-arrow:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:#fff;transform:scale(1.1);box-shadow:0 0 15px #f59e0b66}.shorts-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.shorts-counter-badge{color:#0f172a;background:#0f172a14;border-radius:10px;padding:4px 8px;font-size:12px;font-weight:800}[data-theme=dark] .shorts-counter-badge{color:#ffffffb3;background:#0006}.shorts-counter-badge span{opacity:.6;font-size:10px}.shorts-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100%;overflow-y:scroll}.shorts-container::-webkit-scrollbar{display:none}.shorts-card{scroll-snap-align:start;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;width:100%;max-width:540px;height:100dvh;margin:0 auto;padding:72px 20px 20px;display:flex;position:relative}.shorts-card-timer-bg{z-index:101;background:#0f172a14;height:3px;position:fixed;top:58px;left:0;right:0;overflow:hidden}[data-theme=dark] .shorts-card-timer-bg{background:#ffffff1a}.shorts-card-timer-fill{border-radius:0 2px 2px 0;height:100%;transition:width 1s linear,background-color .3s;box-shadow:0 0 10px}.shorts-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shorts-cat-tag{text-transform:uppercase;letter-spacing:.8px;color:#0284c7;background:#0284c71a;border:1px solid #0284c740;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800}[data-theme=dark] .shorts-cat-tag{color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.shorts-timer-text{color:#0f172a;background:#f1f5f9;border:1px solid #0f172a14;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800}[data-theme=dark] .shorts-timer-text{color:#ffffffd9;background:#ffffff14;border:none}.shorts-question-box{text-align:center;justify-content:center;align-items:center;padding:10px 0;display:flex}.shorts-question-text{color:#0f172a;letter-spacing:-.3px;font-family:Outfit,sans-serif;font-size:23px;font-weight:800;line-height:1.35}[data-theme=dark] .shorts-question-text{color:#fff;text-shadow:0 2px 10px #00000080}.shorts-options-grid{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.shorts-opt-btn{color:#1e293b;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #0f172a29;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}[data-theme=dark] .shorts-opt-btn{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-color:#ffffff24}.shorts-opt-btn:hover:not(:disabled){border-color:var(--gold);background:#f8fafc;transform:translateY(-2px)}[data-theme=dark] .shorts-opt-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.shorts-opt-letter{color:#0f172a;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:flex}[data-theme=dark] .shorts-opt-letter{color:#fff;background:#ffffff1a}.shorts-opt-text{flex:1;line-height:1.3}.shorts-opt-icon{font-size:16px;font-weight:900}.shorts-opt-btn.correct{box-shadow:0 0 16px #05966933;color:#047857!important;background:#ecfdf5!important;border:2px solid #059669!important}[data-theme=dark] .shorts-opt-btn.correct{box-shadow:0 0 20px #22c55e4d;color:#4ade80!important;background:linear-gradient(135deg,#22c55e40,#16a34a26)!important;border-color:#22c55e!important}.shorts-opt-btn.correct .shorts-opt-letter{color:#fff;background:#059669}.shorts-opt-btn.wrong{box-shadow:0 0 16px #dc262633;color:#b91c1c!important;background:#fff1f2!important;border:2px solid #dc2626!important}[data-theme=dark] .shorts-opt-btn.wrong{box-shadow:0 0 20px #ef44444d;color:#f87171!important;background:linear-gradient(135deg,#ef444440,#b91c1c26)!important;border-color:#ef4444!important}.shorts-opt-btn.wrong .shorts-opt-letter{color:#fff;background:#dc2626}.shorts-opt-btn.dimmed{opacity:.6}[data-theme=dark] .shorts-opt-btn.dimmed{opacity:.35}.shorts-exp-banner{opacity:0;pointer-events:none;background:#fff;border:1.5px solid #f59e0b80;border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px);box-shadow:0 10px 25px #0f172a1a}[data-theme=dark] .shorts-exp-banner{background:#0f172af5;border-color:#f59e0b4d;box-shadow:0 -10px 30px #00000080}.shorts-exp-banner.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.shorts-exp-header{align-items:center;gap:8px;display:flex}.shorts-exp-icon{font-size:16px}.shorts-exp-title{letter-spacing:1px;color:#d97706;font-size:11px;font-weight:900}[data-theme=dark] .shorts-exp-title{color:#f59e0b}.shorts-exp-text{color:#1e293b;margin:0;font-size:13px;line-height:1.45}[data-theme=dark] .shorts-exp-text{color:#ffffffd9}.shorts-next-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:12px;width:100%;padding:12px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #ea580c4d}.shorts-next-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #ea580c73}@media (max-width:500px){.shorts-mode-badge{gap:4px;padding:4px 8px;font-size:10px}.shorts-mode-dot{width:5px;height:5px}.shorts-card{padding:72px 14px 16px}.shorts-question-text{font-size:19px}.shorts-opt-btn{padding:12px 14px;font-size:14px}.shorts-controls-nav{display:none}}.voice-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 70px);padding:24px 16px 40px;font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;display:flex}[data-theme=dark] .voice-page{color:#fff;background:#090d16}.voice-loading{min-height:50vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-weight:700;display:flex}.voice-mic-spin{font-size:56px;animation:voiceMicPulse 1.4s ease-in-out infinite}@keyframes voiceMicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.voice-main-card{background:var(--bg2,#fff);border:1px solid var(--border,#0f172a1a);box-sizing:border-box;border-radius:20px;width:100%;max-width:600px;margin:0 auto;padding:24px 22px;transition:all .3s;box-shadow:0 4px 20px #0000000a}[data-theme=dark] .voice-main-card{background:#111827;border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}.voice-card-header{border-bottom:1px solid var(--border,#0f172a14);justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}[data-theme=dark] .voice-card-header{border-bottom-color:#ffffff14}.voice-mode-tag{letter-spacing:.8px;color:#7c3aed;white-space:nowrap;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:800;display:flex}[data-theme=dark] .voice-mode-tag{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa40}.voice-pulse-dot{background:#8b5cf6;border-radius:50%;width:7px;height:7px;animation:nlPulse 1.5s ease-in-out infinite;box-shadow:0 0 10px #8b5cf6}.voice-card-actions{align-items:center;gap:8px;display:flex}.voice-ctrl-btn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #0f172a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}[data-theme=dark] .voice-ctrl-btn{color:#fff;background:#ffffff14;border-color:#ffffff1f}.voice-ctrl-btn.active{color:#8b5cf6;background:#8b5cf61f;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.voice-ctrl-btn.muted{opacity:.45;filter:grayscale(.9)}.voice-back-btn{color:#0f172a;background:#f1f5f9;border:1px solid #0f172a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .voice-back-btn{color:#fff;background:#ffffff14;border-color:#ffffff1f}.voice-back-btn:hover{background:var(--gold-dim);transform:scale(1.05)}.voice-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.voice-cat-pill{color:#0284c7;background:#0284c714;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:800}.voice-counter{color:var(--muted);font-size:13px;font-weight:800}.voice-streak{color:#dc2626;background:#dc262614;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:800}.voice-status-bar{background:#f8fafc;border:1px solid #0f172a14;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;transition:all .3s;display:flex}[data-theme=dark] .voice-status-bar{background:#ffffff0a;border-color:#ffffff14}.voice-status-bar.speaking{background:#8b5cf614;border-color:#8b5cf640}.voice-status-bar.listening{background:#22c55e14;border-color:#22c55e40}.voice-wave-anim{align-items:center;gap:3px;height:16px;display:flex}.voice-wave-anim span{background:#8b5cf6;border-radius:3px;width:3px;height:100%;animation:waveBar 1.2s ease-in-out infinite}.voice-wave-anim span:nth-child(2){animation-delay:.15s}.voice-wave-anim span:nth-child(3){animation-delay:.3s}.voice-wave-anim span:nth-child(4){animation-delay:.45s}@keyframes waveBar{0%,to{height:4px}50%{height:16px}}.voice-status-text{flex:1;font-size:13px;font-weight:700}.voice-listen-again-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .2s}.voice-listen-again-btn:hover{transform:scale(1.05)}.voice-transcript-banner{color:#8b5cf6;background:#8b5cf614;border-radius:12px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:700}.voice-transcript-label{opacity:.7}.voice-question-box{text-align:left;margin-bottom:16px}.voice-question-text{color:var(--text,#0f172a);margin:0;font-size:21px;font-weight:800;line-height:1.35}[data-theme=dark] .voice-question-text{color:#fff}.voice-options-grid{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.voice-opt-btn{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #0f172a1f;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #0f172a05}[data-theme=dark] .voice-opt-btn{color:#fff;box-shadow:none;background:#ffffff0a;border-color:#ffffff1f}.voice-opt-btn:hover:not(:disabled){background:#8b5cf60a;border-color:#8b5cf6;transform:translateY(-1px)}.voice-opt-letter{color:#0f172a;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:flex}[data-theme=dark] .voice-opt-letter{color:#fff;background:#ffffff1a}.voice-opt-text{flex:1}.voice-opt-icon{font-size:16px;font-weight:900}.voice-opt-btn.correct{color:#047857!important;background:#ecfdf5!important;border:2px solid #059669!important}[data-theme=dark] .voice-opt-btn.correct{color:#4ade80!important;background:#22c55e33!important;border-color:#22c55e!important}.voice-opt-btn.correct .voice-opt-letter{color:#fff;background:#059669}.voice-opt-btn.wrong{color:#b91c1c!important;background:#fff1f2!important;border:2px solid #dc2626!important}[data-theme=dark] .voice-opt-btn.wrong{color:#f87171!important;background:#ef444433!important;border-color:#ef4444!important}.voice-opt-btn.wrong .voice-opt-letter{color:#fff;background:#dc2626}.voice-opt-btn.dimmed{opacity:.6}.voice-feedback-footer{opacity:0;border-top:1px solid #0000;flex-direction:column;gap:12px;max-height:0;margin-top:0;padding-top:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .3s,margin-top .35s,padding-top .35s;display:flex;overflow:hidden}.voice-feedback-footer.visible{opacity:1;border-top-color:#0f172a14;max-height:240px;margin-top:14px;padding-top:14px}[data-theme=dark] .voice-feedback-footer.visible{border-top-color:#ffffff14}.voice-exp-text{color:var(--text);margin:0;font-size:13.5px;line-height:1.45}.voice-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;width:100%;padding:13px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #8b5cf640}.voice-next-btn:hover{transform:scale(1.01);box-shadow:0 6px 18px #8b5cf659}.voice-results-box{text-align:center;padding:20px 10px}.voice-results-icon{margin-bottom:12px;font-size:64px}.voice-score-display{color:#8b5cf6;margin:10px 0;font-size:48px;font-weight:900}.voice-score-display span{opacity:.7;font-size:18px}.voice-results-sub{color:var(--muted);margin-bottom:24px;font-size:15px}.voice-results-actions{justify-content:center;gap:12px;display:flex}.voice-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:14px}.voice-primary-btn,.voice-secondary-btn{padding:14px 24px;font-size:14px;font-weight:800;transition:all .2s}.voice-secondary-btn{color:#0f172a;background:#f1f5f9;border:1px solid #0f172a1a;border-radius:14px;text-decoration:none}[data-theme=dark] .voice-secondary-btn{color:#fff;background:#ffffff1a;border-color:#ffffff26}@media (max-width:600px){.voice-page{width:100%;max-width:100vw;min-height:calc(100vh - 65px);padding:14px 10px 24px;overflow-x:hidden}.voice-main-card{box-sizing:border-box;border-radius:16px;width:100%;padding:16px 12px}.voice-card-header{gap:6px;margin-bottom:12px;padding-bottom:10px}.voice-mode-tag{gap:4px;padding:4px 8px;font-size:10.5px}.voice-card-actions{gap:6px}.voice-ctrl-btn{padding:0}.voice-back-btn,.voice-ctrl-btn{width:30px;height:30px;font-size:13px}.voice-question-text{font-size:17px}.voice-opt-btn{border-radius:12px;gap:10px;padding:11px 12px;font-size:13.5px}.voice-opt-letter{border-radius:6px;width:26px;height:26px;font-size:11.5px}.voice-results-actions{flex-direction:column}}@media (max-width:380px){.voice-tag-text{font-size:9.5px}.voice-mode-tag{padding:3px 6px}.voice-cat-pill,.voice-counter,.voice-streak{padding:3px 8px;font-size:10.5px}.voice-question-text{font-size:15.5px}.voice-opt-btn{padding:10px;font-size:13px}}.cookie-modal-wrap{z-index:99999;pointer-events:none;width:380px;max-width:calc(100vw - 32px);animation:cookieModalPop .35s cubic-bezier(.16,1,.3,1) forwards;position:fixed;bottom:24px;right:24px}@keyframes cookieModalPop{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cookie-modal-card{pointer-events:auto;background:var(--bg2,#fff);border:1.5px solid var(--border,#0f172a1f);border-top:4px solid var(--gold,#d97706);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:14px;padding:22px 24px;font-family:Outfit,sans-serif;display:flex;box-shadow:0 20px 40px -10px #0f172a38,0 8px 16px -4px #0f172a1f}[data-theme=dark] .cookie-modal-card{border-color:#ffffff1f;border-top-color:var(--gold,#f0b429);background:#0f172a;box-shadow:0 20px 50px #0009,0 8px 20px #0006}.cookie-modal-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cookie-modal-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cookie-modal-header-info{flex:1;min-width:0}.cookie-modal-icon-bg{background:#d977061f;border:1px solid #d9770633;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}[data-theme=dark] .cookie-modal-icon-bg{background:#f0b42926;border-color:#f0b4294d}.cookie-modal-icon{font-size:22px;line-height:1}.cookie-modal-title{color:var(--text,#0f172a);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800;line-height:1.25}.cookie-modal-subtitle{color:var(--muted,#64748b);margin-top:2px;font-size:11px;font-weight:600;display:block}.cookie-modal-close{background:var(--bg3,#f1f5f9);border:1px solid var(--border,#0f172a14);width:28px;height:28px;color:var(--muted,#64748b);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;transition:all .2s;display:flex;position:relative;top:auto;right:auto}.cookie-modal-close:hover{background:var(--border,#e2e8f0);color:var(--text,#0f172a);transform:scale(1.08)}.cookie-modal-desc{color:var(--muted,#475569);margin:0;font-size:13px;line-height:1.5}.cookie-modal-link{color:var(--gold,#d97706);text-underline-offset:2px;font-weight:700;text-decoration:underline}.cookie-modal-link:hover{color:var(--btn-hover-bg,#ea580c)}.cookie-modal-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.cookie-modal-btn-accept{background:var(--btn-bg,linear-gradient(135deg,#f59e0b,#ea580c));width:100%;color:var(--btn-text,#fff);cursor:pointer;box-shadow:var(--btn-shadow);text-align:center;border:none;border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:800;transition:all .2s}.cookie-modal-btn-accept:hover{background:var(--btn-hover-bg,linear-gradient(135deg,#fbbf24,#d97706));box-shadow:var(--btn-hover-shadow);transform:translateY(-1px)}.cookie-modal-btn-decline{background:var(--bg3,#f1f5f9);width:100%;color:var(--muted,#475569);border:1px solid var(--border,#0f172a1a);cursor:pointer;text-align:center;border-radius:12px;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .2s}.cookie-modal-btn-decline:hover{background:var(--border,#e2e8f0);color:var(--text,#0f172a)}@media (max-width:480px){.cookie-modal-wrap{width:auto;max-width:none;bottom:16px;left:16px;right:16px}.cookie-modal-card{gap:12px;padding:18px}}.blog-list-container{flex-direction:column;gap:24px;display:flex}.blog-toolbar{background:var(--bg2);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:row;gap:14px;padding:16px 20px;transition:all .25s}.blog-search-box,.blog-toolbar{align-items:center;display:flex}.blog-search-box{flex:1;min-width:0;position:relative}.blog-search-icon{color:var(--muted);pointer-events:none;transition:color .2s;position:absolute;left:16px}.blog-search-input{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:14px;outline:none;padding:13px 44px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.blog-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f59e0b26}.blog-search-box:focus-within .blog-search-icon,.blog-search-input:focus+.blog-search-icon{color:var(--gold)}.blog-search-clear{background:var(--bg3);width:24px;height:24px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;right:14px}.blog-search-clear:hover{background:var(--border);color:var(--text)}.blog-dropdown-container{flex-shrink:0;width:250px;position:relative}.blog-dropdown-trigger{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.blog-dropdown-trigger.open,.blog-dropdown-trigger:hover{border-color:var(--gold);background:var(--bg2)}.blog-dropdown-trigger.open{box-shadow:0 0 0 3px #f59e0b26}.blog-dropdown-trigger-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.blog-dropdown-filter-icon{color:var(--gold);flex-shrink:0}.blog-dropdown-selected-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text);overflow:hidden}.blog-dropdown-selected-badge{background:var(--bg3);color:var(--gold);border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:800}.blog-dropdown-arrow{color:var(--muted);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s}.blog-dropdown-arrow.open{color:var(--gold);transform:rotate(180deg)}.blog-dropdown-menu{z-index:1000;background:var(--bg2,#fff);border:1.5px solid var(--border,#0f172a1f);border-top:3px solid var(--gold,#d97706);box-sizing:border-box;border-radius:18px;flex-direction:column;padding:8px;animation:dropdownPopIn .2s cubic-bezier(.16,1,.3,1) forwards;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 36px -6px #0f172a38,0 6px 12px -2px #0f172a1f}[data-theme=dark] .blog-dropdown-menu{border-color:#ffffff1f;border-top-color:var(--gold,#f0b429);background:#0f172a;box-shadow:0 20px 44px #000000a6,0 8px 16px #0006}@keyframes dropdownPopIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.blog-dropdown-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.blog-dropdown-count-total{color:var(--gold)}.blog-dropdown-scroll{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:280px;padding-right:2px;display:flex;overflow-y:auto}.blog-dropdown-scroll::-webkit-scrollbar{width:5px}.blog-dropdown-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.blog-dropdown-item{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.blog-dropdown-item:hover{background:var(--bg3);color:var(--text)}.blog-dropdown-item.selected{color:var(--gold);background:#f59e0b1f;font-weight:800}.blog-dropdown-item-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.blog-dropdown-check-wrap{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.blog-dropdown-check-wrap.active{background:var(--gold);border-color:var(--gold);color:#fff}.blog-dropdown-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blog-dropdown-item-badge{background:var(--bg);color:var(--muted);border-radius:8px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.blog-dropdown-item.selected .blog-dropdown-item-badge{color:var(--gold);background:#f59e0b33}.blog-results-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.blog-results-count{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.blog-results-count strong{color:var(--text)}.blog-reset-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:20px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #0000000a}.blog-reset-btn:hover{background:var(--btn-bg);color:var(--btn-text);border-color:#0000;transform:translateY(-1px)}.blog-empty-state{text-align:center;background:var(--bg2);border:1.5px dashed var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.blog-empty-icon{margin-bottom:4px;font-size:42px}.blog-empty-state h3{color:var(--text);margin:0;font-size:20px;font-weight:800}.blog-empty-state p{color:var(--muted);max-width:420px;margin:0;font-size:14px;line-height:1.5}@media (max-width:640px){.blog-toolbar{border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;padding:14px}.blog-dropdown-container{width:100%}.blog-results-bar{flex-direction:column;align-items:flex-start;gap:6px}}.gk-toc-card{background:var(--bg2);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin-bottom:36px;padding:22px 24px;transition:all .25s}.gk-toc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.gk-toc-title{color:var(--text);margin:0;font-size:18px;font-weight:800}.gk-toggle-all-btn{color:var(--gold);cursor:pointer;background:#f59e0b1a;border:1.5px solid #f59e0b40;border-radius:12px;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.gk-toggle-all-btn:hover{background:var(--btn-bg);color:var(--btn-text);border-color:#0000}.gk-toc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.gk-toc-item{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.gk-toc-item:hover{border-color:var(--gold);background:var(--bg3);transform:translateY(-2px)}.gk-toc-item-title{color:var(--text);font-size:13.5px;font-weight:700}.gk-toc-item-count{color:var(--muted);font-size:11.5px;font-weight:600}.gk-guide-box{background:var(--bg2);border:1.5px solid var(--border);border-left:4px solid var(--gold);box-shadow:var(--shadow);border-radius:16px;margin:20px 0 28px;padding:20px 24px}.gk-guide-box ul{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.gk-guide-box li{color:var(--muted);font-size:14.5px;line-height:1.6}.gk-guide-box strong{color:var(--text)}.gk-section{margin-top:52px}.gk-section-header{border-bottom:1.5px solid var(--border);justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.gk-section-header,.gk-section-header-left{align-items:center;gap:14px;display:flex}.gk-section-emoji{font-size:38px;line-height:1}.gk-section-title{color:var(--text);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:900}.gk-section-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.gk-section-badge{white-space:nowrap;border:1.5px solid #0000;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:800}.gk-questions-list{flex-direction:column;gap:12px;display:flex}.gk-q-card{background:var(--bg2);border:1.5px solid var(--border);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;padding:16px 20px;transition:all .2s}.gk-q-card:hover{border-color:var(--gold);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.gk-q-card.revealed{background:var(--bg2);border-color:#f59e0b66}.gk-q-card-header,.gk-q-gutter{align-items:center;display:flex}.gk-q-gutter{flex-shrink:0;justify-content:center;width:44px}.gk-q-main{flex:1;min-width:0}.gk-q-badge{text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:4px 0;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.gk-q-text{color:var(--text);margin:0;font-size:15px;font-weight:700;line-height:1.45}.gk-reveal-btn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.gk-q-card:hover .gk-reveal-btn{background:var(--gold-dim);color:var(--gold);border-color:#f59e0b4d}.gk-reveal-chevron{transition:transform .25s}.gk-reveal-chevron.open{color:var(--gold);transform:rotate(180deg)}.gk-q-card-body{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;animation:fadeIn .25s forwards;display:flex}.gk-detail-row{align-items:flex-start;display:flex}.gk-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.gk-icon-wrap.answer{color:var(--green);margin-top:2px}.gk-icon-wrap.exp{margin-top:1px}.gk-answer-text{color:var(--green);font-size:14.5px;font-weight:800;line-height:1.5}.gk-exp-text{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}.gk-score-box{text-align:center;box-shadow:var(--shadow);background:linear-gradient(135deg,#f59e0b14,#0891b20f);border:1.5px solid #f59e0b40;border-radius:24px;margin-top:52px;padding:36px 24px}.gk-score-title{color:var(--text);letter-spacing:-.5px;margin:0 0 16px;font-size:24px;font-weight:900}.gk-score-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0 24px;display:grid}.gk-score-card{background:var(--bg2);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px 10px}.gk-score-desc{color:var(--muted);max-width:520px;margin:0 auto 24px;font-size:14px;line-height:1.6}@media (max-width:640px){.gk-toc-card{padding:16px}.gk-toc-grid{grid-template-columns:1fr}.gk-section-header{flex-direction:column;align-items:flex-start;gap:8px}.gk-q-card{padding:14px}.gk-q-card-header{flex-direction:column;align-items:flex-start}.gk-reveal-btn{align-self:flex-end;margin-top:-4px}.gk-score-box{padding:24px 16px}}.interactive-quiz-wrapper{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin:36px 0;padding:28px;transition:all .3s}.ai-quiz-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ai-quiz-question-title{color:var(--text);margin-bottom:24px;font-size:22px;font-weight:800;line-height:1.4}.ai-quiz-options-list{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.ai-quiz-option-btn{text-align:left;background:var(--bg3);border:2px solid var(--border);color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:12px;outline:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;line-height:1.5;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.ai-quiz-option-btn.selected{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 4px 16px #d977061f}.ai-quiz-action-footer{justify-content:flex-end;display:flex}.ai-quiz-action-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .2s;display:inline-flex}.ai-quiz-share-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:640px){.interactive-quiz-wrapper{border-radius:16px;margin:20px 0;padding:18px 14px}.ai-quiz-question-title{margin-bottom:18px;font-size:18px}.ai-quiz-option-btn{padding:14px;font-size:14px}.ai-quiz-action-footer{justify-content:stretch}.ai-quiz-action-btn{width:100%;padding:14px 20px}.ai-quiz-share-group{flex-direction:column;width:100%}.ai-quiz-share-group>a,.ai-quiz-share-group>button{justify-content:center;width:100%}.blog-cta-box{margin:24px 0;padding:20px 16px}.blog-cta-btns{flex-direction:column;width:100%}.blog-cta-btn{box-sizing:border-box;width:100%;padding:14px 16px;font-size:14.5px}}.blog-cta-box{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#f0b42914,#22d3ee14);border-radius:16px;margin:36px 0;padding:28px 24px}.blog-cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.blog-cta-btn{white-space:nowrap;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.qh-page{background:var(--bg);min-height:100vh;padding:100px 0 80px}.qh-container{max-width:920px;margin:0 auto;padding:0 20px}.qh-header{text-align:center;margin-bottom:32px}.qh-eyebrow{letter-spacing:1.5px;color:var(--gold);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-flex}.qh-eyebrow-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%}.qh-title{color:var(--white);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(28px,5vw,38px);font-weight:900}.qh-gold{color:var(--gold)}.qh-subtitle{color:var(--muted);max-width:560px;margin:0 auto;font-size:15px;line-height:1.55}.qh-level-card{background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:20px 24px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.qh-level-card:hover{border-color:var(--gold);box-shadow:var(--shadow-hover)}.qh-level-card:before{content:"";background:radial-gradient(circle,var(--gold-dim) 0,transparent 70%);pointer-events:none;width:250px;height:250px;position:absolute;top:-50%;right:-20%}.qh-level-main{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.qh-level-avatar-wrap{flex-shrink:0;position:relative}.qh-level-avatar{background:var(--bg3);border:2px solid var(--gold);width:68px;height:68px;box-shadow:0 4px 14px var(--gold-dim);border-radius:20px;justify-content:center;align-items:center;font-size:42px;display:flex}.qh-level-badge-chip{background:var(--gold);color:#fff;white-space:nowrap;letter-spacing:.3px;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.qh-level-details{flex:1;min-width:0}.qh-level-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.qh-level-name{color:var(--white);font-size:18px;font-weight:800;font-family:var(--font-outfit),sans-serif}.qh-level-target{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.qh-level-xp-text{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.qh-level-pct{color:var(--cyan);font-weight:700}.qh-level-bar-track{background:var(--bg3);border:1px solid var(--cb);border-radius:6px;width:100%;height:8px;overflow:hidden}.qh-level-bar-fill{background:linear-gradient(90deg,var(--gold) 0,var(--gold2) 100%);height:100%;box-shadow:0 0 10px var(--gold-dim);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.qh-level-side{border-left:1px solid var(--cb);flex-shrink:0;gap:16px;padding-left:20px;display:flex}.qh-level-stat{align-items:center;gap:10px;display:flex}.qh-stat-icon-gold{color:var(--gold)}.qh-stat-icon-fire{color:#f97316}.qh-level-stat-val{color:var(--white);font-size:16px;font-weight:800;font-family:var(--font-outfit),sans-serif;display:block}.qh-level-stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;display:block}.qh-stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;display:grid}.qh-stat-card{background:var(--card);border:1px solid var(--cb);border-radius:16px;padding:18px 16px;transition:all .25s;position:relative;overflow:hidden}.qh-stat-card:hover{border-color:#f0b42966;transform:translateY(-2px);box-shadow:0 10px 24px #00000040}.qh-stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qh-stat-icon-badge{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.qh-stat-icon-badge.cyan{color:var(--cyan);background:#06b6d41f}.qh-stat-icon-badge.gold{color:var(--gold);background:#f0b4291f}.qh-stat-icon-badge.green{color:var(--green);background:#10b9811f}.qh-stat-icon-badge.orange{color:#f97316;background:#f973161f}.qh-stat-icon-badge.purple{color:var(--purple);background:#a855f71f}.qh-stat-icon-badge.blue{color:#3b82f6;background:#3b82f61f}.qh-stat-trend{background:var(--bg3);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.qh-stat-value{color:var(--white);font-size:26px;font-weight:900;font-family:var(--font-outfit),sans-serif;letter-spacing:-.5px;margin-bottom:4px}.qh-stat-label{color:var(--muted);font-size:12px;font-weight:600}.qh-breakdown-section{margin-bottom:32px}.qh-section-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.qh-section-title{color:var(--white);font-size:17px;font-weight:800;font-family:var(--font-outfit),sans-serif}.qh-section-sub{color:var(--muted);font-size:12px;font-weight:500}.qh-breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.qh-breakdown-card{background:var(--card);border:1px solid var(--cb);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,transform .2s;display:flex}.qh-breakdown-card:hover{border-color:#f0b4294d;transform:translateY(-1px)}.qh-breakdown-icon{flex-shrink:0;font-size:24px}.qh-breakdown-info{flex:1;min-width:0}.qh-breakdown-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.qh-breakdown-meta{color:var(--muted);margin-top:3px;font-size:11px;font-weight:500}.qh-breakdown-bar-wrap{background:var(--bg3);border-radius:4px;flex-shrink:0;width:54px;height:7px;overflow:hidden}.qh-breakdown-bar{background:linear-gradient(90deg,var(--gold) 0,#f59e0b 100%);border-radius:4px;height:100%;transition:width .4s}.qh-mode-pills{flex-wrap:wrap;gap:10px;display:flex}.qh-mode-pill{background:var(--card);border:1px solid var(--cb);color:var(--white);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:border-color .2s;display:flex}.qh-mode-pill:hover{border-color:var(--mode-color,var(--gold))}.qh-mode-pill-icon{font-size:15px}.qh-mode-pill-label{color:var(--mode-color,var(--white));font-weight:700}.qh-mode-pill-count{background:var(--bg3);color:var(--white);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.qh-mode-pill-avg{color:var(--muted);font-size:11px}.qh-filters-bar{background:var(--card);border:1px solid var(--cb);border-radius:16px;justify-content:space-between;gap:14px;margin-bottom:24px;padding:14px 18px}.qh-filters-bar,.qh-filters-left{flex-wrap:wrap;align-items:center;display:flex}.qh-filters-left{gap:12px}.qh-custom-select-wrap{display:inline-block;position:relative}.qh-custom-select-trigger{background:var(--bg3);border:1px solid var(--cb);color:var(--white);cursor:pointer;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:10px;min-width:170px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.qh-custom-select-trigger.open,.qh-custom-select-trigger:hover{border-color:var(--gold);background:#f0b4290d}.qh-select-left{align-items:center;gap:8px;display:inline-flex}.qh-select-icon{color:var(--gold)}.qh-select-opt-icon{font-size:14px}.qh-select-label{font-weight:700}.qh-chevron{color:var(--muted);transition:transform .25s}.qh-chevron.rotate{color:var(--gold);transform:rotate(180deg)}.qh-select-dropdown{z-index:100;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #f0b4294d;border-radius:14px;width:100%;min-width:200px;padding:6px;animation:qhFadeDown .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0006}@keyframes qhFadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qh-select-option{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.qh-select-option:hover{color:var(--white);background:#f0b4291a}.qh-select-option.selected{color:var(--gold);background:#f0b42926;font-weight:700}.qh-opt-icon{font-size:15px}.qh-opt-label{flex:1}.qh-opt-check{color:var(--gold);font-size:12px;font-weight:900}.qh-filter-count{color:var(--muted);font-size:13px;font-weight:500}.qh-filter-count strong{color:var(--white)}.qh-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.qh-entry{background:var(--card);border:1px solid var(--cb);border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.qh-entry:hover{border-color:#f0b42959;transform:translate(2px);box-shadow:0 6px 20px #0003}.qh-entry-left{flex-shrink:0}.qh-score-ring{display:block}.qh-ring-text{font-size:12px;font-weight:800;font-family:var(--font-outfit),sans-serif}.qh-entry-center{flex:1;min-width:0}.qh-entry-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.qh-entry-category-icon{font-size:18px}.qh-entry-category{color:var(--white);font-size:15px;font-weight:800;font-family:var(--font-outfit),sans-serif}.qh-entry-outcome{white-space:nowrap;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:800}.qh-outcome-perfect{color:var(--gold);background:#f0b42926;border:1px solid #f0b4294d}.qh-outcome-passed{color:var(--green);background:#10b9811f;border:1px solid #10b9814d}.qh-outcome-failed{color:var(--red);background:#ef44441a;border:1px solid #ef444440}.qh-entry-details{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.qh-entry-mode{color:var(--mode-color,var(--cyan));align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.qh-entry-diff-badge{background:var(--bg3);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.qh-entry-score-tag{color:var(--white);font-size:12px;font-weight:700}.qh-entry-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.qh-entry-meta span{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.qh-xp-tag{color:var(--gold)!important}.qh-pts-tag{color:var(--cyan)!important}.qh-entry-right{text-align:right;flex-shrink:0}.qh-entry-date{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.qh-pagination{justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.qh-page-btn{border:1px solid var(--cb);background:var(--card);color:var(--white);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.qh-page-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#f0b4291a}.qh-page-btn:disabled{opacity:.35;cursor:not-allowed}.qh-page-info{color:var(--muted);font-size:13px;font-weight:600}.qh-page-info strong{color:var(--white)}.qh-loading{color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:80px 20px;font-size:15px;font-weight:600;display:flex}.qh-spinner{color:var(--gold);animation:spin 1s linear infinite}.qh-error{text-align:center;background:var(--card);border:1px solid var(--red-border);border-radius:16px;padding:40px 20px}.qh-error p{color:var(--red);margin-bottom:14px;font-weight:600}.qh-retry-btn{border:1px solid var(--cb);background:var(--card);color:var(--white);cursor:pointer;border-radius:10px;padding:9px 22px;font-weight:700}.qh-retry-btn:hover{border-color:var(--gold)}.qh-empty{text-align:center;background:var(--card);border:1px solid var(--cb);border-radius:18px;padding:60px 24px}.qh-empty-icon{margin-bottom:14px;font-size:52px}.qh-empty h3{color:var(--white);font-size:20px;font-weight:800;font-family:var(--font-outfit),sans-serif;margin-bottom:8px}.qh-empty p{color:var(--muted);max-width:440px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px}.qh-empty-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.qh-play-btn{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:12px;align-items:center;gap:6px;padding:11px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.qh-play-btn:hover{transform:translateY(-2px)}.qh-play-btn.secondary{background:var(--card);color:var(--white);border:1px solid var(--cb);box-shadow:none}.qh-play-btn.secondary:hover{border-color:var(--gold);color:var(--gold)}.qh-empty-filter{text-align:center;background:var(--card);border:1px dashed var(--cb);color:var(--muted);border-radius:16px;padding:48px 20px;font-size:14px;font-weight:500}.qh-cta{background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.qh-cta:before{content:"";background:radial-gradient(circle,var(--gold-dim) 0,transparent 70%);pointer-events:none;width:250px;height:250px;position:absolute;bottom:-40%;left:-10%}.qh-cta-content h3{color:var(--white);font-size:18px;font-weight:800;font-family:var(--font-outfit),sans-serif;margin-bottom:4px}.qh-cta-content p{color:var(--muted);font-size:13px}.qh-cta-links{flex-wrap:wrap;gap:12px;display:flex}.qh-cta-btn{border-radius:12px;align-items:center;gap:6px;padding:11px 22px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s;display:inline-flex}.qh-cta-btn.primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow)}.qh-cta-btn.secondary{background:var(--card);color:var(--white);border:1px solid var(--cb)}.qh-cta-btn:hover{transform:translateY(-2px)}.qh-cta-btn.secondary:hover{border-color:var(--gold);color:var(--gold)}.qh-skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--hover-bg) 50%,var(--bg3) 75%);background-size:200% 100%;border-radius:8px;animation:qhShimmer 1.5s ease-in-out infinite}@keyframes qhShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qh-skeleton-container{flex-direction:column;gap:24px;width:100%;display:flex}.qh-skeleton-card{pointer-events:none;-webkit-user-select:none;user-select:none}.qh-sk-avatar{border-radius:20px;flex-shrink:0;width:68px;height:68px}.qh-sk-title{width:45%;height:20px;margin-bottom:8px}.qh-sk-sub{width:65%;height:14px;margin-bottom:10px}.qh-sk-bar{border-radius:6px;width:100%;height:8px}.qh-sk-stat{border-radius:10px;width:75px;height:40px}.qh-sk-icon{border-radius:10px;width:36px;height:36px}.qh-sk-badge{border-radius:6px;width:48px;height:16px}.qh-sk-value{width:50%;height:28px;margin-bottom:6px}.qh-sk-label{width:70%;height:14px}.qh-sk-section-title{width:180px;height:22px;margin-bottom:14px}.qh-sk-cat-icon{border-radius:6px;flex-shrink:0;width:24px;height:24px}.qh-sk-cat-name{width:80%;height:14px;margin-bottom:6px}.qh-sk-cat-meta{width:50%;height:12px}.qh-sk-ring{border-radius:50%;flex-shrink:0;width:48px;height:48px}.qh-sk-entry-title{width:65%;height:18px;margin-bottom:8px}.qh-sk-entry-sub{width:45%;height:14px}.qh-sk-date{flex-shrink:0;width:60px;height:14px}@media (max-width:768px){.qh-level-card{flex-direction:column;align-items:stretch;gap:16px}.qh-level-side{border-top:1px solid #ffffff14;border-left:none;justify-content:space-around;padding-top:14px;padding-left:0}.qh-cta{text-align:center;flex-direction:column}.qh-cta-links{justify-content:center;width:100%}}@media (max-width:640px){.qh-page{padding:80px 0 40px}.qh-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.qh-stat-card{padding:14px 12px}.qh-stat-value{font-size:20px}.qh-breakdown-grid{grid-template-columns:1fr}.qh-filters-bar{flex-direction:column;align-items:stretch}.qh-filters-left{flex-direction:column;width:100%}.qh-custom-select-trigger,.qh-custom-select-wrap{width:100%}.qh-filter-count{text-align:center}.qh-entry{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.qh-entry-left{align-self:flex-start}.qh-entry-right{align-self:flex-end}}@media (max-width:380px){.qh-stats-grid{grid-template-columns:repeat(2,1fr)}.qh-stat-value{font-size:16px}.qh-stat-label{font-size:10px}}.pf-page{background:var(--bg);min-height:100vh;padding:100px 0 60px}.pf-container{max-width:780px;margin:0 auto;padding:0 20px}.pf-skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--hover-bg) 50%,var(--bg3) 75%);background-size:200% 100%;border-radius:8px;animation:pfShimmer 1.5s ease-in-out infinite}@keyframes pfShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pf-skeleton-container{flex-direction:column;gap:20px;width:100%;display:flex}.pf-skeleton-card{pointer-events:none;-webkit-user-select:none;user-select:none}.pf-sk-avatar{border-radius:50%;flex-shrink:0;width:68px;height:68px}.pf-sk-name{width:50%;height:24px;margin-bottom:8px}.pf-sk-tag{width:70%;height:16px}.pf-sk-bar{border-radius:6px;width:100%;height:12px}.pf-sk-icon{border-radius:10px;width:36px;height:36px;margin:0 auto 8px}.pf-sk-value{width:50%;height:24px;margin:0 auto 4px}.pf-sk-label{width:70%;height:12px;margin:0 auto}.pf-sk-section-title{width:200px;height:22px;margin-bottom:16px}.pf-sk-badge-item{border-radius:12px;height:56px}.pf-gate-card{text-align:center;background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:20px;padding:64px 28px;position:relative;overflow:hidden}.pf-gate-card:before{content:"";background:radial-gradient(circle,var(--gold-dim) 0,transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.pf-gate-icon-badge{background:var(--gold-dim);border:1px solid var(--gold-border);width:64px;height:64px;color:var(--gold);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.pf-gate-title{color:var(--white);font-size:clamp(20px,4vw,24px);font-weight:800;font-family:var(--font-outfit),sans-serif;margin-bottom:10px}.pf-gate-desc{color:var(--muted);max-width:480px;margin:0 auto 28px;font-size:14px;line-height:1.5}.pf-gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pf-identity-card{background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:20px;margin-bottom:20px;padding:28px;position:relative;overflow:hidden}.pf-identity-card:before{content:"";background:radial-gradient(circle,var(--gold-dim) 0,transparent 70%);pointer-events:none;width:260px;height:260px;position:absolute;top:-30%;right:-10%}.pf-identity-top{align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.pf-avatar-wrap{flex-shrink:0;position:relative}.pf-avatar{background:var(--gold-dim);border:2px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:38px;display:flex;box-shadow:0 4px 14px #f0b42940}.pf-level-badge-mini{color:#0f172a;background:linear-gradient(135deg,var(--gold) 0,var(--gold2) 100%);border:2px solid var(--card);white-space:nowrap;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;bottom:-4px;right:-6px;box-shadow:0 2px 6px #0003}.pf-identity-info{flex:1;min-width:0}.pf-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.pf-player-name{color:var(--white);font-size:clamp(22px,4vw,28px);font-weight:900;font-family:var(--font-outfit),sans-serif;word-break:break-word;margin:0}.pf-verified-tag{color:var(--green);background:var(--green-dim);border:1px solid var(--green-border);border-radius:12px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pf-player-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pf-level-tag{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:10px;padding:4px 11px;font-weight:700;display:inline-flex}.pf-level-tag,.pf-member-since{align-items:center;gap:5px;font-size:12px}.pf-member-since{color:var(--muted);font-weight:600;display:flex}.pf-identity-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pf-edit-btn{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.pf-edit-btn:hover{background:var(--gold);color:#0f172a;transform:translateY(-1px)}.pf-share-btn{border:1px solid var(--cb);background:var(--card);color:var(--white);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.pf-share-btn:hover{border-color:var(--gold);color:var(--gold)}.pf-share-toast{color:var(--green);background:var(--card);border:1px solid var(--green-border);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;animation:pfFadeUp .2s;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@keyframes pfFadeUp{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pf-xp-section{border-top:1px solid var(--cb);padding-top:18px}.pf-xp-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pf-xp-title{color:var(--white);font-size:13px;font-weight:800;font-family:var(--font-outfit),sans-serif}.pf-xp-next{color:var(--gold);font-size:12px;font-weight:700}.pf-xp-bar-bg{background:var(--bg3);border:1px solid var(--cb);border-radius:8px;width:100%;height:10px;overflow:hidden}.pf-xp-bar-fill{background:linear-gradient(90deg,var(--gold) 0,var(--gold2) 100%);border-radius:8px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.pf-xp-footer{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;font-weight:600;display:flex}.pf-xp-pct-tag{color:var(--gold);font-weight:700}.pf-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.pf-stat-card{background:var(--card);border:1px solid var(--cb);text-align:center;border-radius:16px;padding:18px 14px;transition:border-color .2s,transform .2s,box-shadow .2s}.pf-stat-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow);transform:translateY(-2px)}.pf-stat-icon-badge{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 10px;display:flex}.pf-stat-icon-badge.cyan{color:var(--cyan);background:#06b6d41f}.pf-stat-icon-badge.orange{color:var(--gold);background:#f59e0b1f}.pf-stat-icon-badge.gold{background:var(--gold-dim);color:var(--gold)}.pf-stat-icon-badge.purple{color:#c084fc;background:#a855f71f}.pf-stat-icon-badge.green{color:var(--green);background:#22c55e1f}.pf-stat-icon-badge.blue{color:#60a5fa;background:#3b82f61f}.pf-stat-value{color:var(--white);font-size:22px;font-weight:900;font-family:var(--font-outfit),sans-serif;margin-bottom:4px}.pf-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.pf-section-card{background:var(--card);border:1px solid var(--cb);border-radius:18px;margin-bottom:20px;padding:22px}.pf-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pf-section-title{color:var(--white);font-size:16px;font-weight:800;font-family:var(--font-outfit),sans-serif;align-items:center;gap:8px;margin:0;display:flex}.pf-section-count{color:var(--gold);background:var(--gold-dim);border-radius:10px;padding:3px 10px;font-size:12px;font-weight:700}.pf-icon-fire{color:#f97316}.pf-icon-gold{color:var(--gold)}.pf-view-all-link{color:var(--gold);align-items:center;gap:5px;font-size:12.5px;font-weight:800;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.pf-view-all-link svg{transition:transform .2s}.pf-view-all-link:hover{opacity:.85}.pf-view-all-link:hover svg{transform:translate(3px)}.pf-heatmap{grid-template-columns:repeat(28,1fr);gap:5px;width:100%;margin-bottom:16px;display:grid}.pf-heatmap-cell{background:var(--bg3);border:1px solid var(--cb);cursor:pointer;border-radius:6px;width:100%;height:32px;transition:all .2s}.pf-heatmap-cell:hover{border-color:var(--gold);transform:scaleY(1.1)}.pf-heatmap-cell.active{border-color:var(--gold-border);background:#f0b42973}.pf-heatmap-cell.active.hot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #f0b42980}.pf-heatmap-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pf-heatmap-legend-item{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.pf-heatmap-legend-item .pf-heatmap-cell{width:14px;height:14px;aspect-ratio:unset}.pf-badges-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;display:grid}.pf-badge-item{border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.pf-badge-item.unlocked{background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow)}.pf-badge-item.unlocked:hover{border-color:var(--gold);transform:translateY(-2px)}.pf-badge-item.locked{background:var(--bg3);border:1px dashed var(--cb);opacity:.6}.pf-badge-icon{flex-shrink:0;font-size:28px}.pf-badge-info{flex-direction:column;flex:1;min-width:0;display:flex}.pf-badge-name{color:var(--white);word-break:normal;overflow-wrap:break-word;font-size:12.5px;font-weight:800;line-height:1.25}.pf-badge-status{color:var(--green);margin-top:2px;font-size:10px;font-weight:700}.pf-badge-status.locked{color:var(--muted)}.pf-milestones-row{flex-wrap:wrap;gap:8px;display:flex}.pf-milestone-chip{border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.pf-milestone-chip.unlocked{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold)}.pf-milestone-chip.locked{background:var(--bg3);border:1px solid var(--cb);color:var(--muted);opacity:.55}.pf-milestone-emoji{font-size:15px}.pf-milestone-label{font-size:11.5px}.pf-milestone-check{color:var(--green)}.pf-activity-list{flex-direction:column;gap:10px;display:flex}.pf-activity-item{background:var(--card);border:1px solid var(--cb);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;transition:border-color .2s;display:flex}.pf-activity-item:hover{border-color:var(--gold-border)}.pf-activity-left{align-items:center;gap:14px;min-width:0;display:flex}.pf-score-ring{flex-shrink:0}.pf-ring-text{font-size:10px;font-weight:900;font-family:var(--font-outfit),sans-serif}.pf-activity-info{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-activity-title-row{align-items:center;gap:6px;min-width:0;display:flex}.pf-activity-cat-icon{flex-shrink:0;font-size:16px}.pf-activity-category{color:var(--white);font-size:14px;font-weight:800;font-family:var(--font-outfit),sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-activity-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-activity-mode{color:var(--mode-color,var(--cyan));background:var(--hover-bg);align-items:center;gap:4px;font-weight:700;display:inline-flex}.pf-activity-diff,.pf-activity-mode{border-radius:6px;padding:2px 8px;font-size:11px}.pf-activity-diff{color:var(--muted);background:var(--bg3);text-transform:capitalize;font-weight:600}.pf-activity-score-tag{color:var(--white);font-size:11px;font-weight:700}.pf-activity-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.pf-activity-date{color:var(--muted);font-size:11.5px;font-weight:600}.pf-cta{background:var(--card);border:1px solid var(--gold-border);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}.pf-cta:before{content:"";background:radial-gradient(circle,var(--gold-dim) 0,transparent 70%);pointer-events:none;width:250px;height:250px;position:absolute;bottom:-40%;left:-10%}.pf-cta-content h3{color:var(--white);font-size:18px;font-weight:800;font-family:var(--font-outfit),sans-serif;margin-bottom:4px}.pf-cta-content p{color:var(--muted);margin:0;font-size:13px}.pf-cta-links{flex-wrap:wrap;gap:10px;display:flex}.pf-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s;display:inline-flex}.pf-btn:hover{transform:translateY(-2px)}.pf-btn.primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow)}.pf-btn.secondary{background:var(--card);color:var(--white);border:1px solid var(--cb)}.pf-btn.secondary:hover{border-color:var(--gold);color:var(--gold)}@media (max-width:640px){.pf-page{padding:72px 0 40px}.pf-container{padding:0 12px}.pf-identity-card{border-radius:16px;padding:18px 16px}.pf-identity-top{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px}.pf-identity-info{width:100%}.pf-identity-actions{gap:8px;width:100%;display:flex}.pf-edit-btn,.pf-share-btn{flex:1;justify-content:center;padding:9px 12px}.pf-avatar{width:58px;height:58px;font-size:32px}.pf-player-name{font-size:20px}.pf-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pf-stat-card{border-radius:12px;padding:12px 6px}.pf-stat-icon-badge{width:32px;height:32px;margin-bottom:6px}.pf-stat-value{font-size:17px}.pf-stat-label{letter-spacing:.3px;font-size:9.5px}.pf-section-card{border-radius:16px;margin-bottom:16px;padding:16px}.pf-section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.pf-section-title{white-space:nowrap;font-size:14.5px}.pf-section-count{white-space:nowrap;flex-shrink:0;padding:3px 8px;font-size:11px}.pf-heatmap{grid-template-columns:repeat(14,1fr);gap:4px;margin-bottom:12px}.pf-heatmap-cell{border-radius:5px;height:24px}.pf-badges-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pf-badge-item{gap:8px;padding:10px 8px}.pf-badge-icon{flex-shrink:0;font-size:24px}.pf-badge-name{word-break:normal;overflow-wrap:break-word;font-size:11.5px;line-height:1.25}.pf-activity-item{border-radius:12px;padding:10px 12px}.pf-activity-category{font-size:13px}.pf-cta,.pf-gate-card{text-align:center;border-radius:16px;padding:24px 16px}.pf-cta-links,.pf-gate-actions{flex-direction:column;width:100%}.pf-btn{justify-content:center;width:100%;padding:12px 18px}}@media (max-width:440px){.pf-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pf-stat-card{padding:14px 10px}.pf-stat-value{font-size:19px}}.mq-container,.pq-container,.ta-container{width:100%;max-width:680px;margin:0 auto;padding:0 5vw}.mq-intro,.pq-intro,.ta-intro{text-align:center;padding:60px 0 40px;animation:fadeUp .45s}.mq-intro-icon,.pq-intro-icon,.ta-intro-icon{margin-bottom:14px;font-size:72px;animation:iconPop .55s cubic-bezier(.34,1.56,.64,1);display:block}.mq-intro-title,.pq-intro-title,.ta-intro-title{color:var(--white);letter-spacing:-.8px;margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:900}.mq-intro-desc,.pq-intro-desc,.ta-intro-desc{color:var(--muted);max-width:440px;margin:0 auto 32px;font-size:14px;line-height:1.6}.mq-section-label,.pq-section-label,.ta-cat-label{color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;font-size:11px;font-weight:700}.mq-rules,.pq-rules,.ta-rules{text-align:left;flex-direction:column;gap:8px;max-width:400px;margin:0 auto 32px;display:flex}.mq-rule,.pq-rule,.ta-rule{color:var(--muted);background:var(--card);border:1px solid var(--cb);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.mq-rule svg,.pq-rule svg,.ta-rule svg{color:var(--gold);flex-shrink:0}.mq-start-btn,.pq-start-btn,.ta-start-btn{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.mq-start-btn:hover,.pq-start-btn:hover,.ta-start-btn:hover{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.mq-header,.pq-header,.ta-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mq-progress,.pq-progress,.ta-progress{flex:1;align-items:center;gap:10px;display:flex}.mq-counter,.pq-counter,.ta-q-counter{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.mq-progress-bar,.pq-progress-bar,.ta-progress-bar{background:var(--cb);border-radius:10px;flex:1;height:7px;position:relative;overflow:visible}.mq-progress-fill,.pq-progress-fill,.ta-progress-fill{background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:10px;height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #f0b42980}.mq-stats,.pq-stats,.ta-stats-row{align-items:center;gap:10px;display:flex}.mq-stat,.pq-stat,.ta-stat{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.mq-stat.streak,.pq-stat.streak,.ta-streak span{color:var(--orange)}.mq-timer-bar,.pq-timer-bar,.ta-timer-bar{background:var(--cb);border-radius:10px;height:5px;margin-bottom:8px;overflow:hidden}.mq-timer-fill,.pq-timer-fill,.ta-timer-fill{border-radius:10px;height:100%;transition:width 1s linear}.mq-timer-text,.pq-timer-text,.ta-timer-text{align-items:center;gap:5px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.pq-game-card,.ta-question-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);box-shadow:var(--shadow);padding:28px 24px;animation:fadeUp .35s}.mq-question,.ta-question{color:var(--white);text-align:center;margin:0 0 20px;font-family:Fraunces,serif;font-size:clamp(16px,2.5vw,20px);font-weight:700;line-height:1.45}.mq-hint-box,.pq-hint-box,.ta-hint-box{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold);border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;animation:fadeUp .3s;display:flex}.mq-hint-box svg,.pq-hint-box svg,.ta-hint-box svg{flex-shrink:0}.mq-options,.pq-options{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px;display:grid}.mq-option,.pq-option{background:var(--card);border:1.5px solid var(--cb);text-align:left;cursor:pointer;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:11px;padding:14px;font-family:Outfit,sans-serif;transition:all .2s;display:flex;position:relative}.mq-option:hover:not(:disabled),.pq-option:hover:not(:disabled){border-color:var(--card-hover-border);background:var(--hover-bg);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.mq-option.correct,.pq-option.correct{border-color:var(--green);background:var(--green-dim);animation:cPop .35s}.mq-option.wrong,.pq-option.wrong{border-color:var(--red);background:var(--red-dim);animation:wShake .35s}.mq-option.disabled,.pq-option.disabled{opacity:.5;pointer-events:none}.mq-option-letter,.pq-option-letter{background:var(--input-bg);border:1px solid var(--cb);width:30px;height:30px;color:var(--muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.mq-option.correct .mq-option-letter,.pq-option.correct .pq-option-letter{background:var(--green-dim);color:var(--green);border-color:var(--green)}.mq-option.wrong .mq-option-letter,.pq-option.wrong .pq-option-letter{background:var(--red-dim);color:var(--red);border-color:var(--red)}.mq-option-text,.pq-option-text{color:var(--text);flex:1;font-size:13.5px;font-weight:600}.mq-option-icon,.pq-option-icon{flex-shrink:0}.mq-option-icon.correct,.pq-option-icon.correct{color:var(--green)}.mq-option-icon.wrong,.pq-option-icon.wrong{color:var(--red)}.mq-hint-btn,.pq-hint-btn,.ta-hint-btn{border:1px solid var(--gold-border);background:var(--gold-dim);color:var(--gold);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.mq-hint-btn:hover:not(:disabled),.pq-hint-btn:hover:not(:disabled),.ta-hint-btn:hover:not(:disabled){background:var(--gold-border)}.mq-hint-btn:disabled,.pq-hint-btn:disabled,.ta-hint-btn:disabled{opacity:.4;cursor:not-allowed}.mq-next-btn,.pq-next-btn,.ta-next-btn{background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.mq-next-btn:hover,.pq-next-btn:hover,.ta-next-btn:hover{background:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.mq-actions,.pq-actions,.ta-input-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.mq-result,.pq-result,.ta-result{text-align:center;padding:40px 0 30px;animation:fadeUp .45s}.mq-result-emoji,.pq-result-emoji,.ta-result-emoji{margin-bottom:14px;font-size:72px;animation:iconPop .55s cubic-bezier(.34,1.56,.64,1);display:block}.mq-result-title,.pq-result-title,.ta-result-title{color:var(--white);letter-spacing:-1px;margin:0 0 6px;font-size:clamp(24px,5vw,32px);font-weight:900}.mq-result-subtitle,.pq-result-subtitle,.ta-result-subtitle{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.5}.mq-result-stats,.pq-result-stats,.ta-result-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px;display:grid}.mq-result-stat,.pq-result-stat,.ta-result-stat{background:var(--card);border:1px solid var(--cb);box-shadow:var(--shadow);border-radius:14px;padding:16px 8px}.mq-result-stat-value,.pq-result-stat-value,.ta-result-stat-value{color:var(--gold);font-size:22px;font-weight:900;display:block}.mq-result-stat-label,.pq-result-stat-label,.ta-result-stat-label{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:600}.mq-result-actions,.pq-result-actions,.ta-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mq-share-btn,.pq-share-btn,.ta-share-btn{border:1px solid var(--green-border);background:var(--green-dim);color:var(--green);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 24px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.mq-share-btn:hover,.pq-share-btn:hover,.ta-share-btn:hover{background:var(--green-border);transform:translateY(-1px)}.ta-cat-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:32px;display:grid}.ta-cat-btn{border:1.5px solid var(--cb);background:var(--card);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;transition:all .25s;display:flex}.ta-cat-btn:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.ta-cat-btn.active{border-color:var(--gold);background:var(--gold-dim)}.ta-cat-icon{font-size:20px}.ta-cat-title{color:var(--text);font-size:11.5px;font-weight:700}.ta-input-area{margin-bottom:12px}.ta-input{width:100%;color:var(--text);background:var(--input-bg);border:2px solid var(--cb);border-radius:14px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.ta-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.ta-input.correct{border-color:var(--green);background:var(--green-dim)}.ta-input.wrong{border-color:var(--red);background:var(--red-dim)}.ta-input:disabled{opacity:.7;cursor:not-allowed}.ta-submit-btn{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:10px 20px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.ta-submit-btn:hover:not(:disabled){background:var(--btn-hover-bg);transform:translateY(-1px)}.ta-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ta-feedback{border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;animation:fadeUp .3s;display:flex}.ta-feedback.correct{background:var(--green-dim);border:1px solid var(--green-border)}.ta-feedback.wrong{background:var(--red-dim);border:1px solid var(--red-border)}.ta-feedback-icon svg{flex-shrink:0}.ta-feedback.correct .ta-feedback-icon{color:var(--green)}.ta-feedback.wrong .ta-feedback-icon{color:var(--red)}.ta-feedback-text{flex-direction:column;gap:2px;display:flex}.ta-feedback-title{font-size:14px;font-weight:700}.ta-feedback.correct .ta-feedback-title{color:var(--green)}.ta-feedback.wrong .ta-feedback-title{color:var(--red)}.ta-correct-answer{color:var(--white);font-size:16px;font-weight:800}.ta-explanation{background:var(--cyan-dim);border:1px solid var(--cyan-border);border-radius:12px;margin-bottom:16px;padding:12px 16px}.ta-explanation p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.mq-breakdown,.pq-breakdown,.ta-breakdown{text-align:left;margin-bottom:28px}.mq-breakdown-title,.pq-breakdown-title,.ta-breakdown-title{color:var(--white);text-align:center;margin:0 0 14px;font-size:16px;font-weight:800}.mq-breakdown-item,.ta-breakdown-item{border:1px solid var(--cb);background:var(--card);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.mq-breakdown-item.correct,.ta-breakdown-item.correct{border-left:4px solid var(--green)}.mq-breakdown-item.wrong,.ta-breakdown-item.wrong{border-left:4px solid var(--red)}.mq-breakdown-num,.ta-breakdown-num{color:var(--muted);background:var(--input-bg);border:1px solid var(--cb);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.mq-breakdown-content,.ta-breakdown-content{flex:1;min-width:0}.mq-breakdown-q,.ta-breakdown-q{color:var(--white);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.mq-breakdown-answers,.ta-breakdown-answers{flex-direction:column;gap:2px;display:flex}.ta-breakdown-user{color:var(--muted);font-size:12px}.ta-breakdown-correct{color:var(--green);font-size:12px}.ta-breakdown-icon{flex-shrink:0;margin-top:2px}.ta-breakdown-item.correct .ta-breakdown-icon{color:var(--green)}.ta-breakdown-item.wrong .ta-breakdown-icon{color:var(--red)}.mq-breakdown-correct-text{color:var(--green)}.mq-breakdown-correct-text,.mq-breakdown-wrong-text{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.mq-breakdown-wrong-text{color:var(--red)}.pq-cat-grid{flex-direction:column;gap:10px;margin-bottom:28px;margin-left:auto;margin-right:auto;display:flex}.pq-cat-card{border:1.5px solid var(--cb);background:var(--card);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.pq-cat-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translate(5px)}.pq-cat-card.active{border-color:var(--pq-color,var(--gold));background:var(--pq-color,var(--gold))}@supports (color:color-mix(in lab,red,red)){.pq-cat-card.active{background:color-mix(in srgb,var(--pq-color,var(--gold)) 8%,transparent)}}.pq-cat-icon{flex-shrink:0;font-size:32px}.pq-cat-info{flex:1}.pq-cat-title{color:var(--white);font-size:15px;font-weight:800}.pq-cat-desc{color:var(--muted);margin-top:3px;font-size:12px}.pq-diff-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.pq-diff-btn{border:1.5px solid var(--cb);background:var(--card);color:var(--muted);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.pq-diff-btn:hover{border-color:var(--dc,var(--gold));color:var(--white)}.pq-diff-btn.active{border-color:var(--dc,var(--gold));color:var(--dc,var(--gold));background:var(--dc,var(--gold))}@supports (color:color-mix(in lab,red,red)){.pq-diff-btn.active{background:color-mix(in srgb,var(--dc,var(--gold)) 10%,transparent)}}.pq-image-wrapper{aspect-ratio:16/10;background:var(--input-bg);border:1px solid var(--cb);border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.pq-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s}.pq-image.loaded{opacity:1}.pq-image-error,.pq-image-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.pq-spinner{border:3px solid var(--cb);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:spin .8s linear infinite}.pq-breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.pq-breakdown-card{border:1px solid var(--cb);background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:12px 14px}.pq-breakdown-card.correct{border-left:4px solid var(--green)}.pq-breakdown-card.wrong{border-left:4px solid var(--red)}.pq-breakdown-num{color:var(--muted);letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:800}.pq-breakdown-answer{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.pq-breakdown-answer .correct{color:var(--green)}.pq-breakdown-answer .wrong{color:var(--red)}.pq-breakdown-text{color:var(--white)}.pq-breakdown-wrong-answer{color:var(--red);opacity:.8;margin-top:3px;font-size:11px}.mq-mode-grid{flex-direction:column;gap:10px;margin-bottom:28px;margin-left:auto;margin-right:auto;display:flex}.mq-mode-card{border:1.5px solid var(--cb);background:var(--card);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.mq-mode-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translate(5px)}.mq-mode-card.active{border-color:var(--cyan);background:var(--cyan-dim)}.mq-mode-icon{flex-shrink:0;font-size:28px}.mq-mode-info{flex:1}.mq-mode-title{color:var(--white);font-size:15px;font-weight:800}.mq-mode-desc{color:var(--muted);margin-top:3px;font-size:12px}.mq-region-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:28px;margin-left:auto;margin-right:auto;display:grid}.mq-region-btn{border:1.5px solid var(--cb);background:var(--card);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:7px;padding:10px 12px;transition:all .2s;display:flex}.mq-region-btn:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.mq-region-btn.active{border-color:var(--green);background:var(--green-dim)}.mq-region-icon{font-size:18px}.mq-region-title{color:var(--text);font-size:11.5px;font-weight:700}.mq-map-wrapper{border-radius:var(--r);margin-bottom:16px;overflow:hidden}.map-engine-container{border:1px solid var(--cb);background:var(--map-ocean);width:100%;box-shadow:var(--shadow);border-radius:16px;position:relative;overflow:hidden}[data-theme=dark] .map-engine-container{--map-ocean:#0c1524;--map-default:#2d3a4d;--map-inactive:#1a2435;--map-stroke:#ffffff1f;--map-hover:#60a5fa;--map-highlight:#f59e0b;--map-correct:#34d399;--map-wrong:#f87171;--map-revealed:#34d399;--map-stroke-active:#fff}:root .map-engine-container{--map-ocean:#dbeafe;--map-default:#94a3b8;--map-inactive:#cbd5e1;--map-stroke:#0000001f;--map-hover:#3b82f6;--map-highlight:#d97706;--map-correct:#16a34a;--map-wrong:#dc2626;--map-revealed:#16a34a;--map-stroke-active:#1e293b}.map-engine-svg{width:100%;height:auto;min-height:240px;max-height:400px;display:block}.map-country{transition:fill .15s,stroke-width .15s}.map-country.clickable:hover{filter:brightness(1.25)}.map-country.highlighted{animation:mapPulse 1.8s ease-in-out infinite}@keyframes mapPulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.8;filter:brightness(1.3)}}.map-highlight-pulse{pointer-events:none;animation:mapStrokePulse 1.8s ease-in-out infinite}@keyframes mapStrokePulse{0%,to{stroke-width:2.5px;opacity:.7}50%{stroke-width:4px;opacity:1}}.map-zoom-controls{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;right:12px}.map-zoom-btn{border:1px solid var(--cb);background:var(--card);width:30px;height:30px;color:var(--white);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;transition:all .15s;display:flex}.map-zoom-btn:hover{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold)}.map-tooltip{background:var(--bg2);border:1px solid var(--cb);color:var(--white);pointer-events:none;white-space:nowrap;z-index:10;box-shadow:var(--shadow);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}@media (max-width:768px){.ta-cat-grid{grid-template-columns:repeat(2,1fr)}.mq-options,.pq-options{grid-template-columns:1fr}.mq-result-stats,.pq-result-stats,.ta-result-stats{grid-template-columns:repeat(2,1fr)}.pq-image-wrapper{aspect-ratio:4/3}.mq-region-grid{grid-template-columns:repeat(2,1fr)}.pq-breakdown-grid{grid-template-columns:1fr}.map-engine-svg{min-height:200px}}@media (max-width:480px){.mq-container,.pq-container,.ta-container{padding:0 16px}.mq-intro,.pq-intro,.ta-intro{padding:40px 0 30px}.ta-cat-grid{grid-template-columns:1fr}.ta-input-actions{flex-direction:column;align-items:stretch}.ta-submit-btn{justify-content:center;margin-left:0}.pq-game-card,.ta-question-card{padding:20px 16px}.mq-result-stats,.pq-result-stats,.ta-result-stats{gap:8px}.mq-result-stat,.pq-result-stat,.ta-result-stat{padding:12px 6px}.mq-result-stat-value,.pq-result-stat-value,.ta-result-stat-value{font-size:18px}.mq-region-grid{grid-template-columns:repeat(2,1fr);gap:6px}.map-engine-svg{min-height:180px}}.mq-hints-bar{width:100%;margin:14px 0 6px;display:flex}.mq-hint-toggle,.mq-hints-bar{justify-content:center;align-items:center}.mq-hint-toggle{color:#10b981;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-outfit,"Outfit",sans-serif);background:#10b9811a;border:1.5px dashed #10b98173;border-radius:20px;gap:7px;padding:8px 18px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 2px 8px #10b9811a}.mq-hint-toggle:hover{background:#10b98133;border-color:#10b981;transform:translateY(-1.5px);box-shadow:0 4px 14px #10b98140}.mq-hint-box{color:var(--text);box-sizing:border-box;background:#10b98117;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13.5px;line-height:1.45;animation:fadeUp .3s;display:flex}.mq-feedback-banner,.pq-feedback,.tta-feedback-banner{box-sizing:border-box!important;border-radius:14px!important;margin-top:16px!important;padding:18px 20px!important}.mq-feedback-top,.pq-feedback-header,.tta-feedback-header{border-bottom:1px solid #ffffff1a!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:10px!important;padding-bottom:8px!important;display:flex!important}.mq-feedback-status,.pq-feedback-status,.tta-feedback-status{letter-spacing:-.2px!important;align-items:center!important;gap:6px!important;font-size:15.5px!important;font-weight:800!important;display:inline-flex!important}.mq-feedback-banner.correct .mq-feedback-status,.pq-feedback.correct .pq-feedback-status,.tta-feedback-banner.correct .tta-feedback-status{color:#10b981!important}.mq-feedback-banner.wrong .mq-feedback-status,.pq-feedback.wrong .pq-feedback-status,.tta-feedback-banner.wrong .tta-feedback-status{color:#ef4444!important}.mq-target-reveal,.pq-ans-reveal,.tta-correct-label{color:var(--text)!important;font-size:13.5px!important;font-weight:600!important}.mq-target-reveal strong,.pq-ans-reveal strong,.tta-correct-label strong{color:#10b981!important;font-weight:800!important}.mq-feedback-hint,.pq-exp-text,.tta-feedback-exp{color:var(--muted)!important;text-align:left!important;margin:10px 0 16px!important;font-size:13.5px!important;line-height:1.55!important}.mq-next-btn,.pq-next-btn,.tta-next-btn{background:var(--text)!important;width:100%!important;color:var(--bg)!important;cursor:pointer!important;font-size:14.5px!important;font-weight:800!important;font-family:var(--font-outfit,"Outfit",sans-serif)!important;box-sizing:border-box!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:14px!important;padding:13px 20px!important;transition:all .2s!important;display:flex!important}.mq-next-btn:hover,.pq-next-btn:hover,.tta-next-btn:hover{opacity:.92!important;transform:translateY(-1.5px)!important}.pq-lightbox-overlay{-webkit-backdrop-filter:blur(12px)!important;z-index:999999!important;box-sizing:border-box!important;background:#000000e0!important;padding:24px!important;animation:fadeIn .2s ease-out!important;position:fixed!important;inset:0!important}.pq-lightbox-content,.pq-lightbox-overlay{justify-content:center!important;align-items:center!important;display:flex!important}.pq-lightbox-content{background:#0f172a!important;border:1.5px solid #fff3!important;border-radius:20px!important;max-width:90vw!important;max-height:85vh!important;animation:modalPop .25s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 60px -10px #000c!important}.pq-lightbox-img{object-fit:contain!important;border-radius:16px!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:80vh!important;display:block!important}.pq-lightbox-close{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#fff!important;cursor:pointer!important;z-index:10!important;background:#0f172ad9!important;border:1.5px solid #ffffff4d!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:18px!important;font-weight:800!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:14px!important;right:14px!important}.pq-lightbox-close:hover{background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.1)!important}.mq-finish-card,.pq-finish-card,.tta-finish-card{text-align:center;border-radius:20px!important;padding:36px 30px!important}.mq-trophy-badge,.pq-trophy-badge,.tta-trophy-badge{background:radial-gradient(circle,#f59e0b33 0,#f59e0b05 70%);border:2px solid #f59e0b4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;animation:pulseGlow 2.5s ease-in-out infinite;display:flex;box-shadow:0 0 25px #f59e0b26}.mq-trophy-emoji,.pq-trophy-emoji,.tta-trophy-emoji{font-size:38px;line-height:1}.mq-finish-title,.pq-finish-title,.tta-finish-title{color:var(--white)!important;letter-spacing:-.5px!important;margin-bottom:6px!important;font-size:26px!important;font-weight:900!important}.mq-finish-subtitle,.pq-finish-subtitle,.tta-finish-subtitle{color:var(--muted)!important;margin-bottom:26px!important;font-size:14.5px!important;line-height:1.5!important}.mq-finish-subtitle strong,.pq-finish-subtitle strong,.tta-finish-subtitle strong{color:var(--white)}.mq-stats-grid,.pq-stats-grid,.tta-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:30px!important;display:grid!important}@media (max-width:600px){.mq-stats-grid,.pq-stats-grid,.tta-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}.mq-stat-card,.pq-stat-card,.tta-stat-card{background:var(--input-bg,#ffffff08)!important;border:1.5px solid var(--border,#ffffff14)!important;text-align:center!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:14px 10px!important;transition:transform .2s,border-color .2s!important;display:flex!important}.mq-stat-card:hover,.pq-stat-card:hover,.tta-stat-card:hover{transform:translateY(-2px);border-color:#fff3!important}.mq-stat-icon,.pq-stat-icon,.tta-stat-icon{margin-bottom:4px!important;font-size:20px!important;line-height:1!important}.mq-stat-val,.pq-stat-val,.tta-stat-val{color:var(--white)!important;font-size:20px!important;font-weight:900!important;font-family:var(--font-outfit,"Outfit",sans-serif)!important;line-height:1.2!important}.mq-stat-lbl,.pq-stat-lbl,.tta-stat-lbl{color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-top:4px!important;font-size:11px!important;font-weight:700!important}.mq-review-container,.pq-review-container,.tta-review-container{text-align:left!important;margin:28px 0!important}.mq-review-header,.pq-review-header,.tta-review-header{color:var(--white)!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;font-size:16px!important;font-weight:800!important;display:flex!important}.mq-review-item-card,.mq-review-list,.pq-review-item-card,.pq-review-list,.tta-review-item-card,.tta-review-list{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.mq-review-item-card,.pq-review-item-card,.tta-review-item-card{background:var(--input-bg,#ffffff08)!important;border:1.5px solid var(--border,#ffffff14)!important;box-sizing:border-box!important;text-align:left!important;border-radius:16px!important;padding:16px 18px!important;transition:all .2s!important}.mq-review-item-card.correct,.pq-review-item-card.correct,.tta-review-item-card.correct{background:#10b9810f!important;border-color:#10b98159!important}.mq-review-item-card.wrong,.pq-review-item-card.wrong,.tta-review-item-card.wrong{background:#ef44440f!important;border-color:#ef444459!important}.mq-review-card-header,.pq-review-card-header,.tta-review-card-header{justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.mq-review-left,.pq-review-left,.tta-review-left{flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.mq-review-idx,.pq-review-idx,.tta-review-idx{color:var(--muted)!important;background:#ffffff12!important;border-radius:6px!important;flex-shrink:0!important;padding:3px 7px!important;font-size:11.5px!important;font-weight:800!important}.mq-review-flag-box{background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:4px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:22px!important;display:flex!important;overflow:hidden!important}.mq-review-flag-img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.mq-review-country-name{color:var(--white)!important;white-space:normal!important;word-break:break-word!important;width:100%!important;margin:0 0 4px!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important}.mq-review-right,.pq-review-right,.tta-review-right{flex-shrink:0!important;margin-left:auto!important}.pq-review-thumb{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;width:56px!important;height:56px!important}.mq-score-pill,.pq-score-pill,.tta-score-pill{white-space:nowrap!important;border-radius:20px!important;padding:4px 10px!important;font-size:11.5px!important;font-weight:800!important;display:inline-block!important}.mq-score-pill.correct,.pq-score-pill.correct,.tta-score-pill.correct{color:#10b981!important;background:#10b98126!important;border:1px solid #10b98159!important}.mq-score-pill.wrong,.pq-score-pill.wrong,.tta-score-pill.wrong{color:#ef4444!important;background:#ef444426!important;border:1px solid #ef444459!important}.mq-review-body,.pq-review-body,.tta-review-body{text-align:left!important;width:100%!important}.pq-review-body{align-items:flex-start!important;gap:12px!important;display:flex!important}.pq-review-body .pq-review-q{flex:1!important;min-width:0!important}.pq-review-q,.tta-review-q{color:var(--white)!important;word-break:break-word!important;white-space:normal!important;width:100%!important;margin:0!important;font-size:14.5px!important;font-weight:700!important;line-height:1.45!important}.mq-review-details{color:var(--muted)!important;align-items:center!important;gap:5px!important;font-size:12px!important;display:flex!important}.mq-review-footer,.pq-review-footer,.tta-review-footer{text-align:left!important;border-top:1px solid #ffffff0f!important;width:100%!important;padding-top:8px!important}.mq-review-status-row,.pq-review-status-row,.tta-review-status-row{flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;width:100%!important;font-size:12.5px!important;display:flex!important}.mq-review-tag.correct,.pq-review-tag.correct,.tta-review-tag.correct{color:#10b981!important;align-items:center!important;gap:4px!important;font-weight:700!important;display:inline-flex!important}.mq-review-tag.wrong,.pq-review-tag.wrong,.tta-review-tag.wrong{color:#ef4444!important;align-items:center!important;gap:4px!important;font-weight:700!important;display:inline-flex!important}.pq-review-split-answers,.tta-review-split-answers{flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;width:100%!important;display:inline-flex!important}.pq-review-tag.actual,.tta-review-tag.actual{color:#10b981!important;background:#10b9811f!important;border-radius:6px!important;align-items:center!important;gap:4px!important;padding:3px 8px!important;font-weight:700!important;display:inline-flex!important}.mq-finish-actions,.pq-finish-actions,.tta-finish-actions{box-sizing:border-box!important;border-top:1px solid #ffffff14!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:100%!important;margin-top:32px!important;padding-top:20px!important;display:flex!important}.mq-finish-actions .mq-start-btn,.pq-finish-actions .pq-start-btn,.tta-finish-actions .tta-start-btn{border-radius:14px!important;gap:8px!important;font-weight:800!important}.mq-finish-actions .mq-start-btn,.mq-secondary-btn,.pq-finish-actions .pq-start-btn,.pq-secondary-btn,.tta-finish-actions .tta-start-btn,.tta-secondary-btn{flex:1!important;justify-content:center!important;align-items:center!important;width:auto!important;max-width:250px!important;margin:0!important;padding:14px 22px!important;font-size:15px!important;display:inline-flex!important}.mq-secondary-btn,.pq-secondary-btn,.tta-secondary-btn{background:var(--input-bg,#ffffff0d)!important;border:1.5px solid var(--border,#ffffff1f)!important;color:var(--text)!important;box-sizing:border-box!important;border-radius:14px!important;font-weight:700!important;text-decoration:none!important;transition:all .2s!important}.mq-secondary-btn:hover,.pq-secondary-btn:hover,.tta-secondary-btn:hover{background:var(--hover-bg,#ffffff1a)!important;border-color:#ffffff40!important;transform:translateY(-1.5px)!important}@media (max-width:520px){.mq-finish-actions,.pq-finish-actions,.tta-finish-actions{flex-direction:column!important;gap:12px!important}.mq-finish-actions .mq-start-btn,.mq-secondary-btn,.pq-finish-actions .pq-start-btn,.pq-secondary-btn,.tta-finish-actions .tta-start-btn,.tta-secondary-btn{width:100%!important;max-width:100%!important}}.mq-breakdown,.pq-review-list,.tta-breakdown{text-align:left!important;flex-direction:column!important;gap:12px!important;width:100%!important;margin:24px 0 28px!important;display:flex!important}.mq-breakdown-title,.pq-review-heading,.tta-breakdown-heading{color:var(--white)!important;align-items:center!important;gap:6px!important;margin-bottom:6px!important;font-size:16px!important;font-weight:800!important;display:flex!important}.mq-breakdown-item,.pq-review-card,.tta-breakdown-item{background:var(--input-bg,#ffffff08)!important;border:1.5px solid var(--border,#ffffff1a)!important;box-sizing:border-box!important;border-radius:14px!important;align-items:center!important;gap:14px!important;padding:12px 16px!important;transition:all .2s!important;display:flex!important;overflow:hidden!important}.mq-breakdown-item.correct,.pq-review-card.correct,.tta-breakdown-item.correct{background:#10b9810f!important;border-color:#10b98159!important}.mq-breakdown-item.wrong,.pq-review-card.wrong,.tta-breakdown-item.wrong{background:#ef44440f!important;border-color:#ef444459!important}.pq-review-thumb{object-fit:cover!important;background:#0f172a!important;border:1.5px solid #ffffff26!important;border-radius:10px!important;flex-shrink:0!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;display:block!important}.mq-breakdown-content,.pq-review-info,.tta-breakdown-content{flex-direction:column!important;flex:1!important;gap:4px!important;min-width:0!important;display:flex!important}.mq-breakdown-q,.pq-review-q,.tta-breakdown-q{color:var(--white)!important;font-size:13.5px!important;font-weight:700!important;line-height:1.4!important}.mq-breakdown-answers,.pq-review-ans-row,.tta-breakdown-answers{color:var(--muted)!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important;font-size:12.5px!important;display:flex!important}.pq-correct-tag{color:#10b981!important;font-weight:700!important}.mq-breakdown-num{width:28px!important;height:28px!important;color:var(--muted)!important;background:#ffffff14!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:12px!important;font-weight:800!important;display:flex!important}.portal-page-wrap{width:100%;max-width:100%;overflow-x:hidden}.portal-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width:640px){.portal-container{padding:0 12px}}.portal-section{padding:32px 0 12px}.portal-sec-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.portal-eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:12px;font-weight:800}.portal-sec-title{color:var(--white);letter-spacing:-.5px;font-size:clamp(20px,3.2vw,28px);font-weight:900}.portal-sec-link{color:var(--gold);align-items:center;gap:5px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-flex}.portal-sec-link:hover{text-decoration:underline;transform:translate(3px)}.portal-hero-arena{padding:88px 0 16px}@media (max-width:768px){.portal-hero-arena{padding:72px 0 12px}}.arena-grid{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:20px;display:grid}@media (max-width:960px){.arena-grid{grid-template-columns:1fr;gap:14px}}.arena-spotlight-card{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#090e17,#171f33 55%,#0d1527);border:1.5px solid #f59e0b66;border-radius:22px;flex-direction:column;justify-content:space-between;gap:18px;width:100%;max-width:100%;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -8px #00000040,0 0 0 1px #f59e0b33}@media (max-width:640px){.arena-spotlight-card{border-radius:16px;gap:12px;padding:16px 12px}}.asc-top-bar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}@media (max-width:640px){.asc-top-bar{gap:6px}}.asc-fire-chip{color:#fbbf24;letter-spacing:.3px;text-transform:uppercase;background:#fbbf242e;border:1px solid #fbbf2459;font-size:9.5px;font-weight:900}.asc-fire-chip,.asc-timer-chip{border-radius:7px;align-items:center;gap:4px;padding:3px 7px;display:inline-flex}.asc-timer-chip{color:#38bdf8;background:#38bdf824;font-size:10px;font-weight:700}.asc-content{flex-direction:column;gap:12px;width:100%;display:flex}.asc-category-tag{color:#38bdf8;letter-spacing:.4px;font-size:12px;font-weight:800}.asc-title{color:#fff;letter-spacing:-.5px;overflow-wrap:break-word;margin:0;font-size:clamp(20px,3vw,32px);font-weight:900;line-height:1.2}.asc-desc,.asc-title{word-break:break-word}.asc-desc{color:#cbd5e1;font-size:13.5px;line-height:1.5}.asc-meta-row{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:10px 0;display:flex}@media (max-width:640px){.asc-meta-row{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 0}}.asc-meta-item{color:#e2e8f0;font-size:12px;font-weight:700}.asc-cta-row{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:2px;display:flex}@media (max-width:640px){.asc-cta-row{flex-direction:column;gap:8px;width:100%}}.asc-main-btn{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}@media (max-width:640px){.asc-main-btn{text-align:center;width:100%}}.asc-sub-btn{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}@media (max-width:640px){.asc-sub-btn{text-align:center;width:100%}}.asc-sub-btn:hover{background:#fbbf242e;border-color:#fbbf24;transform:translateY(-2px)}.arena-side-card{background:var(--bg2);border:1.5px solid var(--border);box-sizing:border-box;border-radius:22px;flex-direction:column;justify-content:space-between;gap:12px;width:100%;max-width:100%;padding:18px 20px;display:flex;box-shadow:0 4px 20px #00000008}@media (max-width:640px){.arena-side-card{border-radius:16px;gap:10px;padding:14px 12px}}.arena-side-row{box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.arena-side-row:hover{background:var(--bg3);transform:translate(2px)}.asr-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.asr-text{flex:1;min-width:0;overflow:hidden}.asr-title{color:var(--white);font-size:14.5px;font-weight:800;line-height:1.25}.asr-sub{color:var(--muted);white-space:normal;margin-top:2px;font-size:11.5px;line-height:1.35}.asr-arrow{color:var(--gold);flex-shrink:0;transition:transform .2s}.arena-side-row:hover .asr-arrow{transform:translate(3px)}.arena-side-divider{background:var(--border);width:100%;height:1px}.arena-side-stats{text-align:center;box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;padding-top:2px;display:grid}@media (max-width:640px){.arena-side-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:6px}}.ass-item{flex-direction:column;gap:2px;display:flex}.ass-item strong{color:var(--white);font-size:13.5px;font-weight:900;line-height:1.1}.ass-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.2px;font-size:9px;font-weight:700}.trending-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}@media (max-width:600px){.trending-cards-grid{grid-template-columns:1fr;gap:12px}}.trending-quiz-card{background:var(--bg2);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.trending-quiz-card:hover{border-color:var(--qc-col,var(--gold));transform:translateY(-4px);box-shadow:0 12px 28px -6px #00000014}.tqc-top{justify-content:space-between;align-items:center;display:flex}.tqc-icon{font-size:24px}.tqc-tag{color:var(--muted);background:var(--bg3);text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.tqc-title{color:var(--white);font-size:16px;font-weight:800;line-height:1.3}.tqc-cat{color:var(--muted);font-size:12.5px}.tqc-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:12px;font-weight:700;display:flex}.tqc-play-action{color:var(--gold);align-items:center;gap:3px;font-size:12.5px;font-weight:800;display:inline-flex}.home-explorer-root{flex-direction:column;gap:18px;display:flex}.explorer-controls-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 4px 18px #00000008}.explorer-search-row{align-items:center;gap:12px;display:flex}@media (max-width:640px){.explorer-search-row{flex-direction:column}.explorer-random-btn{width:100%}}.explorer-search-input-wrap{flex:1;width:100%;position:relative}.explorer-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.explorer-search-input{background:var(--bg3);border:1.5px solid var(--border);width:100%;color:var(--white);border-radius:14px;outline:none;padding:13px 40px 13px 46px;font-size:14px;font-weight:600;transition:all .2s}.explorer-search-input:focus{border-color:var(--gold);background:var(--bg2);box-shadow:0 0 0 3px var(--gold-dim)}.explorer-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.explorer-random-btn{background:var(--bg3);border:1.5px solid var(--border);color:var(--white);cursor:pointer;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-flex}.explorer-random-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.explorer-tabs-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.explorer-tabs-row::-webkit-scrollbar{display:none}.explorer-tab-pill{background:var(--bg3);border:1px solid var(--border);color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .18s}.explorer-tab-pill:hover{color:var(--white);border-color:var(--gold)}.explorer-tab-pill.active{background:var(--gold);color:#000;border-color:var(--gold);font-weight:800}.explorer-results-count{color:var(--muted);margin-top:-4px;font-size:12.5px}.explorer-results-count strong{color:var(--white)}.explorer-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}@media (max-width:600px){.explorer-grid{grid-template-columns:1fr;gap:12px}}.explorer-card{background:var(--bg2);border:1px solid var(--border);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.explorer-card:hover{border-color:var(--gold);box-shadow:0 12px 28px -6px #00000014,0 0 0 1px var(--gold-border);transform:translateY(-4px)}.ec-top{justify-content:space-between}.ec-icon-badge,.ec-top{align-items:center;display:flex}.ec-icon-badge{background:var(--cat-color,#f0b42926);border:1px solid var(--cat-color,#f0b4294d);border-radius:12px;justify-content:center;width:42px;height:42px;font-size:22px}.ec-tag{color:var(--muted);background:var(--bg3);text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.ec-title{color:var(--white);font-size:16px;font-weight:800;line-height:1.3}.ec-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.ec-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.ec-diff-hint{color:var(--muted);font-size:11px;font-weight:700}.ec-play-btn{color:var(--gold);align-items:center;gap:3px;font-size:12.5px;font-weight:800;display:inline-flex}.explorer-empty-state{background:var(--bg2);border:1.5px dashed var(--border);text-align:center;box-sizing:border-box;border-radius:18px;flex-direction:column;align-items:center;padding:36px 20px;display:flex}.modes-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}@media (max-width:600px){.modes-cards-grid{grid-template-columns:1fr;gap:12px}}.game-mode-card{background:var(--bg2);border:1px solid var(--border);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.game-mode-card:hover{border-color:var(--gm-col,var(--gold));transform:translateY(-4px);box-shadow:0 12px 28px -6px #00000014}.gmc-top{justify-content:space-between}.gmc-icon-box,.gmc-top{align-items:center;display:flex}.gmc-icon-box{border:1px solid #0000;border-radius:12px;justify-content:center;width:42px;height:42px}.gmc-tag{text-transform:uppercase;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.gmc-title{color:var(--white);font-size:16px;font-weight:800}.gmc-desc{color:var(--muted);font-size:12.5px;line-height:1.45}.gmc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:800;display:flex}.collections-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}@media (max-width:600px){.collections-cards-grid{grid-template-columns:1fr;gap:12px}}.collection-card{background:var(--bg2);border:1px solid var(--border);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:all .25s;display:flex}.collection-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 24px -6px #00000014}.cc-icon{margin-bottom:2px;font-size:26px}.cc-title{color:var(--white);font-size:15.5px;font-weight:800}.cc-desc{color:var(--muted);margin-bottom:8px;font-size:12.5px;line-height:1.45}.cc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.cc-play{color:var(--gold);font-size:12px;font-weight:800}.cc-diff{color:var(--muted);font-size:10px;font-weight:800}.hero-pulse-banner{background:var(--bg2);border:1px solid var(--border);border-radius:30px;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-bottom:18px;padding:6px 16px 6px 8px;display:flex;box-shadow:0 4px 14px #0000000a}@media (max-width:768px){.hero-pulse-banner{display:none}}.hp-live-indicator{color:#ef4444;letter-spacing:.5px;background:#ef444426;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.hp-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.hp-ticker-text{color:var(--muted);font-size:12px}.hp-ticker-text strong{color:var(--white)}.asc-category-chip{color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;background:#38bdf824;border-radius:8px;max-width:100%;padding:4px 10px;font-size:11px;font-weight:800;overflow:hidden}.asc-drill-wrapper{flex-direction:column;gap:14px;width:100%;display:flex}.asc-drill-question{color:#fff;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(15px,3.8vw,22px);font-weight:900;line-height:1.35}.asc-drill-options{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}@media (max-width:600px){.asc-drill-options{grid-template-columns:1fr;gap:8px}}.asc-drill-btn{color:#fff;text-align:left;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative}@media (max-width:600px){.asc-drill-btn{padding:10px 12px;font-size:12.5px}}.asc-drill-btn:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b;transform:translateY(-2px)}.asc-drill-btn.selected{border-color:var(--gold)}.asc-drill-btn.correct{color:#34d399!important;background:#10b98138!important;border-color:#10b981!important}.asc-drill-btn.wrong{color:#f87171!important;background:#ef444438!important;border-color:#ef4444!important}.asc-drill-btn.dimmed{opacity:.5}.asc-btn-letter{background:#ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:inline-flex}.asc-btn-text{white-space:normal;word-break:break-word;flex:1}.asc-res-icon{flex-shrink:0;margin-left:auto}.asc-res-icon.correct{color:#34d399}.asc-res-icon.wrong{color:#f87171}.asc-feedback-drawer{background:#0f172acc;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;animation:fadeIn .25s forwards;display:flex}.asc-feedback-drawer.is-correct{background:#064e3b40;border-color:#10b98166}.asc-feedback-drawer.is-wrong{background:#7f1d1d40;border-color:#ef444466}.asc-feedback-head{flex-direction:column;gap:4px;font-size:13px;line-height:1.4;display:flex}.asc-feedback-head strong{color:var(--white);font-size:14px}.asc-feedback-head span{color:#cbd5e1}.asc-feedback-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;display:flex}.asc-drill-continue-btn{border-radius:9px!important;padding:8px 16px!important;font-size:12.5px!important}.asc-drill-next-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.asc-drill-next-btn:hover{background:#ffffff2e}.arena-party-quickbox{box-sizing:border-box;background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border:1px solid #f59e0b47;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;display:flex}.apq-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.apq-badge{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9.5px;font-weight:900;display:inline-flex}.apq-dot{background:#ef4444;border-radius:50%;width:5px;height:5px;animation:pulse-dot 1.2s infinite}.apq-title{color:var(--white);font-size:13.5px;font-weight:900}.apq-desc{color:var(--muted);margin:0;font-size:11.5px;line-height:1.35}.apq-form{box-sizing:border-box;align-items:center;gap:6px;width:100%;margin-top:4px;display:flex}@media (max-width:640px){.apq-form{flex-direction:column;align-items:stretch;gap:8px}.apq-join-btn{justify-content:center;width:100%;padding:10px 14px!important;font-size:13px!important}}.apq-input{background:var(--bg1);border:1px solid var(--border);letter-spacing:1px;color:var(--white);text-transform:uppercase;box-sizing:border-box;border-radius:10px;outline:none;flex:1;width:100%;padding:8px 12px;font-size:12px;font-weight:800;transition:all .2s}.apq-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f59e0b33}.apq-join-btn{background:var(--gold);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:900;transition:all .2s;display:inline-flex}[data-theme=dark] .apq-join-btn{color:#000}.apq-join-btn:disabled{opacity:.45;cursor:not-allowed}.apq-join-btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.apq-foot{margin-top:2px}.apq-host-link{color:var(--gold);align-items:center;gap:2px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.apq-host-link:hover{text-decoration:underline}.home-category-section{padding-top:10px}.hcf-controls-wrap{flex-direction:column;gap:14px;width:100%;margin-bottom:16px;display:flex}.hcf-search-box{background:var(--bg2);border:1.5px solid var(--border);box-sizing:border-box;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:all .2s;display:flex}.hcf-search-box:focus-within{border-color:var(--gold);box-shadow:0 4px 18px #f59e0b1f}.hcf-search-icon{color:var(--muted);flex-shrink:0}.hcf-search-input{color:var(--white);background:0 0;border:none;outline:none;flex:1;font-size:13.5px;font-weight:600}.hcf-search-input::placeholder{color:var(--muted)}.hcf-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px}.hcf-pills-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.hcf-pills-row::-webkit-scrollbar{display:none}.hcf-pill-btn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.hcf-pill-btn:hover{background:var(--bg3);color:var(--white)}.hcf-pill-btn.active{border-color:var(--gold);color:var(--gold);background:#f59e0b26}.hcf-results-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;display:flex}.hcf-query-indicator{color:var(--gold);font-weight:700}.hcf-empty-state{background:var(--bg2);border:1.5px dashed var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.hcf-empty-icon{font-size:32px}.ec-tag-group{align-items:center;gap:6px;display:flex}.ec-trend-chip{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:900}.hcf-bottom-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:24px;display:flex}.hcf-expand-btn{padding:10px 20px}.hcf-dir-btn,.hcf-expand-btn{font-size:13px;font-weight:800}.hcf-dir-btn{padding:11px 22px;text-decoration:none}.home-podium-section{padding-top:10px}.home-championship-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000f}@media (max-width:900px){.home-championship-card{grid-template-columns:1fr;gap:22px;padding:22px 18px}}.hcc-content-col{flex-direction:column;gap:12px;display:flex}.hcc-badge{color:var(--gold);letter-spacing:.4px;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:10.5px;font-weight:900;display:inline-flex}.hcc-title{color:var(--white);margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:900;line-height:1.2}.hcc-desc{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.hcc-stats-row{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;display:flex}.hcc-stat-chip{background:var(--bg1);border:1px solid var(--border);color:var(--white);border-radius:10px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.hcc-cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.hcc-play-btn{border-radius:12px;gap:8px;padding:12px 24px;font-size:13.5px;font-weight:900}.hcc-link-btn,.hcc-play-btn{align-items:center;text-decoration:none;display:inline-flex}.hcc-link-btn{color:var(--gold);gap:4px;font-size:13px;font-weight:800;transition:all .2s}.hcc-link-btn:hover{text-decoration:underline;transform:translate(2px)}.hcc-standings-col{background:var(--bg1);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}.hcc-standings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.hcc-sh-title{color:var(--white);font-size:12.5px;font-weight:900}.hcc-sh-live{color:#10b981;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9.5px;font-weight:900;display:inline-flex}.hcc-live-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:pulse-dot 1.4s infinite}.hcc-leaders-list{flex-direction:column;gap:8px;display:flex}.hcc-leader-row{background:var(--bg2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.hcc-leader-row:hover{border-color:var(--gold);transform:translate(2px)}.hcc-leader-row.rank-1{background:linear-gradient(90deg,#f59e0b14 0,var(--bg2) 100%);border-color:#f59e0b66}.hcc-rank-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:900;display:inline-flex}.hcc-rank-badge.gold{color:#f59e0b;background:#f59e0b33}.hcc-rank-badge.silver{color:#94a3b8;background:#94a3b833}.hcc-rank-badge.bronze{color:#d97706;background:#d9770633}.hcc-leader-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hcc-leader-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.hcc-leader-meta{color:var(--muted);font-size:11px}.hcc-leader-pts{color:var(--gold);flex-shrink:0;font-size:12px;font-weight:900}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}