@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:0 0% 97.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.right-1\/4{right:25%}.right-3{right:.75rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-64{width:16rem;height:16rem}.size-8{width:2rem;height:2rem}.size-96{width:24rem;height:24rem}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[500px\]{height:500px}.h-\[min\(620px\,calc\(100dvh-36px\)\)\]{height:min(620px,100dvh - 36px)}.h-full{height:100%}.h-px{height:1px}.min-h-\[75vh\]{min-height:75vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-4{width:1rem}.w-\[min\(1040px\,calc\(100vw-32px\)\)\]{width:min(1040px,100vw - 32px)}.w-full{width:100%}.\!min-w-0{min-width:0!important}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-red-900\/30{border-color:#7f1d1d4d}.bg-background{background-color:hsl(var(--background))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground\/10{background-color:hsl(var(--primary-foreground) / .1)}.bg-primary-foreground\/5{background-color:hsl(var(--primary-foreground) / .05)}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-red-950\/20{background-color:#450a0a33}.bg-secondary{background-color:hsl(var(--secondary))}.bg-\[size\:20px_20px\]{background-size:20px 20px}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pr-10{padding-right:2.5rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-tight{letter-spacing:-.025em}.text-current{color:currentColor}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-foreground\/60{color:hsl(var(--primary-foreground) / .6)}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur-3xl{--tw-blur:blur(64px);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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.filter{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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\]{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black\)\]{-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black\,transparent\)\]{-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.\[mask-image\:linear-gradient\(to_right\,black\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.\[mask-image\:linear-gradient\(to_right\,transparent\,black\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.\[mask-image\:linear-gradient\(to_right\,transparent\,black\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.\[mask-image\:radial-gradient\(ellipse_at_center\,black\,transparent\)\]{-webkit-mask-image:radial-gradient(#000,#0000);mask-image:radial-gradient(#000,#0000)}.\[mask-image\:radial-gradient\(ellipse_at_center\,transparent\,black\)\]{-webkit-mask-image:radial-gradient(#0000,#000);mask-image:radial-gradient(#0000,#000)}.bg-grid-white\/\[0\.05\]{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px)}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"JetBrains Mono", monospace;font-display:swap;font-family:var(--font-display);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app,#fafafa);min-width:320px;color:var(--fg-app,#111);word-wrap:break-word;overflow-wrap:break-word;margin:0;overflow-x:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}@media (hover:none) and (pointer:coarse){:hover,:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{box-shadow:none!important;outline:none!important}button:focus-visible,a:focus-visible,[role=button]:focus-visible{--tw-ring-offset-shadow:none!important;--tw-ring-shadow:none!important;box-shadow:none!important}}button,select{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-scrollbar-track,#f1f1f1)}::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb,#d1d5db);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--bg-scrollbar-thumb-hover,#9ca3af)}::-moz-selection{background:var(--brand);color:#fff}::selection{background:var(--brand);color:#fff}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}@media (hover:hover) and (pointer:fine){.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-primary:focus{border-color:hsl(var(--primary))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}@media (width>=640px){.sm\:right-4{right:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mt-4{margin-top:1rem}.sm\:size-5{width:1.25rem;height:1.25rem}.sm\:h-11{height:2.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}}@media (width>=1280px){.xl\:flex{display:flex}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}*,:before,:after{box-sizing:border-box}.preload .view-transition-wrapper,.preload .app-footer,.preload .home-greeting-animate,.preload .top-actions{opacity:0;transition:none!important;animation:none!important}:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-rgb:37, 99, 235;--brand-contrast:#fff;--brand-contrast-rgb:255, 255, 255;--ink:#202833;--muted:#66707d;--muted-dark:#4b5563;--line:#eceff3;--panel:#fff;--soft:#f6f7f8;--green:#047857;--danger:#be123c;--danger-rgb:190, 18, 60;--card-width:70%;--card-max-width:74vw;--card-height:calc(100dvh - 24px);--card-max-height:calc(100dvh - 24px)}body.modal-open,body.modal-open .legal-document-content,body.modal-open .home-panel,body.modal-open .profile-panel,body.modal-open .view-transition-wrapper,body.modal-open .main-card{overflow:hidden!important}.app-shell{background:var(--brand);box-sizing:border-box;color:var(--ink);justify-content:center;align-items:center;min-height:100dvh;padding:12px;display:flex}.main-card{background:var(--panel);box-shadow:0 20px 60px rgba(var(--brand-rgb), .12);width:var(--card-width);max-width:var(--card-max-width);height:var(--card-height);max-height:var(--card-max-height);border-radius:24px;flex-direction:column;min-width:0;padding:12px 28px;transition:width .45s cubic-bezier(.25,1,.5,1),max-width .45s cubic-bezier(.25,1,.5,1),padding .45s cubic-bezier(.25,1,.5,1),border-radius .45s cubic-bezier(.25,1,.5,1),box-shadow .45s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden}.main-card.is-transitioning{overflow:hidden!important}.main-card.no-footer{padding:12px 28px}@media (width>=981px){.main-card.no-footer{height:calc(100dvh - 220px);max-height:calc(100dvh - 220px)}}@media (height<=900px) and (width>=981px){.app-shell{padding:12px}.main-card{border-radius:20px}.main-card.no-footer{height:calc(100dvh - 240px);max-height:calc(100dvh - 240px)}.top-actions.home-header{top:18px;left:22px;right:22px}.home-panel{justify-content:center;gap:16px;padding:10px 0 4px;overflow-y:auto}.home-brand-group{gap:3px}.home-panel .brand-mark svg{width:36px;height:36px}.home-panel .brand-text span{font-size:27px}.home-panel h1{margin:10px 0 6px}.access-copy,.result-note{margin:2px 0 8px}.permit-dropdown-trigger{height:48px}.permit-rule{margin-top:2px}.mode-title{margin:2px 0 8px}.mode-buttons,.quick-actions,.result-buttons{gap:12px;margin-bottom:12px}.btn-primary,.btn-ghost{min-width:180px;height:46px;padding:0 22px}.secondary-row{gap:12px}.secondary-row .small-button{height:42px}.app-footer{gap:4px;padding-top:10px}.footer-credits,.footer-link-btn{font-size:11px}.profile-panel{justify-content:center;gap:20px;padding:10px 0 4px;overflow-y:auto}.profile-avatar-container{--avatar-size:66px}.profile-avatar{height:var(--avatar-size);width:var(--avatar-size);font-size:26px}.profile-name-row h2{height:28px;font-size:18px}.profile-stats{gap:8px;margin-top:0}.profile-stats div{padding:8px 12px}.profile-stats strong{font-size:20px}.profile-metrics{gap:8px}.profile-metrics>div{padding:8px 12px}.metric-card{padding:8px 10px}.metric-bar{height:8px;margin:6px 0 4px}.profile-chart-card{padding:8px 10px}.sparkline{gap:4px;height:60px}.chart-title{margin:0 0 4px}.profile-actions{gap:8px}}@media (width>=2048px){:root{--card-width:70%;--card-max-width:72vw;--card-height:calc(100dvh - 24px);--card-max-height:calc(100dvh - 24px)}.app-shell{padding:12px 48px}.main-card{border-radius:32px;margin-top:0;padding-left:32px;padding-right:32px}.main-card.no-footer{height:calc(100dvh - 280px);max-height:calc(100dvh - 280px);padding-left:32px;padding-right:32px}.home-panel{gap:clamp(28px,4.5vh,48px);padding:clamp(80px,14vh,140px) 0 clamp(20px,3.5vh,36px)}.home-brand-group{gap:clamp(8px,1.5vh,14px);width:min(100%,960px)}.home-brand-mark{margin-bottom:clamp(28px,4.5vh,48px)!important}.home-permit-group{gap:clamp(10px,1.8vh,18px);width:min(100%,960px);margin-top:clamp(8px,1.2vh,14px)}.home-modes-group,.home-progreso-group{gap:clamp(16px,3vh,28px);width:min(100%,960px);margin-top:clamp(28px,4.5vh,46px)}.view-section{gap:clamp(14px,2.5vh,22px)}.home-panel h1{margin:10px 0 6px;font-weight:800}.home-panel .brand-mark svg{width:clamp(64px,8vh,88px);height:clamp(64px,8vh,88px)}.home-panel .brand-text span{font-size:clamp(48px,6vw,64px)}.top-actions.is-home-header,.top-actions.home-header{top:44px;left:68px;right:68px}.top-actions{padding-bottom:0}.top-actions .brand-mark svg{width:28px;height:28px}.top-actions .brand-text span{font-size:22px}.top-actions.is-home-header .brand-mark{margin-top:20px}.top-actions.is-home-header .brand-mark svg{width:72px;height:72px}.top-actions.is-home-header .brand-text span{font-size:52px}.access-copy{margin:4px 0 14px;font-size:clamp(15px,1.5vw,18px);font-weight:600}.permit-dropdown{width:min(320px,100%);font-size:16px;font-weight:700}.permit-dropdown-trigger{border-radius:99px;height:clamp(52px,5.5vh,64px);padding:0 44px 0 24px}.permit-dropdown-trigger:after{background-size:20px;width:20px;height:20px;right:24px}.permit-dropdown-menu{border-radius:20px;padding:10px}.permit-dropdown-menu li{border-radius:14px;padding:14px 22px;font-size:16px}.permit-rule{margin-top:4px;font-size:clamp(14px,1.3vw,17px)}.mode-title{margin:clamp(14px,2.5vh,22px) 0 clamp(10px,1.5vh,16px);font-size:clamp(20px,2vw,26px);font-weight:800}.mode-buttons{gap:16px;margin-bottom:18px}.mode-option{gap:0}.btn-primary,.btn-ghost{border-radius:99px;gap:12px;min-width:clamp(220px,18vw,280px);height:clamp(54px,5.5vh,66px);padding:0 clamp(24px,2.5vw,36px);font-size:clamp(15px,1.4vw,18px);font-weight:750}.btn-primary svg,.btn-ghost svg{width:22px;height:22px}.beta-tag{height:18px;padding:0 8px;font-size:11px}.mode-desc{margin-top:0;font-size:clamp(13px,1.2vw,15px)}.small-button,.home-progreso-group .secondary-row .small-button{border-radius:99px;min-width:clamp(200px,16vw,260px);height:clamp(48px,5vh,60px);padding:0 clamp(20px,2vw,28px);font-size:clamp(14px,1.2vw,16px)}.small-button svg{width:22px;height:22px}.secondary-row{gap:16px}.elo-help-btn svg{width:18px;height:18px}.profile-panel{gap:clamp(24px,4.5vh,44px);max-width:min(100%,1200px);padding:clamp(24px,4.5vh,48px) 0 clamp(16px,3vh,32px)}.profile-user-summary{gap:clamp(20px,3.5vw,36px);margin-bottom:20px}.profile-avatar-container{--avatar-size:clamp(72px, 9vh, 96px)}.profile-avatar{height:var(--avatar-size);width:var(--avatar-size);font-size:clamp(30px,4.5vh,42px)}.profile-name-display{height:clamp(44px,5vh,56px);font-size:clamp(24px,3vh,32px)}.profile-input-wrapper{max-width:280px}.profile-name-inline-input{height:clamp(44px,5vh,56px);font-size:clamp(22px,2.8vh,28px)}.char-counter{font-size:12px}.profile-edit-icon{width:36px;height:36px}.profile-stats{gap:clamp(14px,2vw,22px);margin-top:0}.profile-stats>div{border-radius:14px;padding:8px 12px}.profile-stats .stat-label{margin-bottom:6px;font-size:clamp(11px,1.2vh,13px)}.profile-stats strong{font-size:clamp(22px,2.8vh,30px)}.profile-stats .elo-level-badge{min-width:80px!important;padding:3px 10px!important;font-size:12px!important}.profile-metrics{gap:clamp(12px,2vw,20px)}.profile-metrics>div{border-radius:18px;padding:clamp(12px,1.8vh,18px) clamp(14px,2vw,20px)}.metric-card{border-radius:18px;padding:clamp(10px,1.5vh,16px) clamp(12px,1.8vw,18px)}.metric-head{gap:8px;font-size:clamp(12px,1.3vh,14px)}.metric-head svg{width:16px;height:16px}.metric-bar{border-radius:999px;height:clamp(8px,1vh,12px);margin:clamp(8px,1vh,12px) 0 clamp(6px,.8vh,10px)}.metric-card strong{font-size:clamp(16px,1.8vh,20px)}.profile-chart-card{border-radius:18px;padding:clamp(12px,1.8vh,18px) clamp(14px,2vw,22px)}.chart-title{letter-spacing:.1em;margin:0 0 clamp(10px,1.5vh,14px);font-size:clamp(12px,1.3vh,14px);font-weight:800}.sparkline{gap:clamp(8px,1vw,12px);height:clamp(70px,9vh,100px)}.spark-col span{border-radius:10px 10px 5px 5px;min-height:10px}.spark-col small{margin-top:6px;font-size:clamp(11px,1.2vh,13px)}.profile-actions{gap:clamp(16px,2vw,24px);margin-top:4px}.profile-actions .btn-ghost{border-radius:99px;height:clamp(48px,5vh,60px);padding:0 clamp(20px,2vw,28px);font-size:clamp(14px,1.3vw,16px)}.profile-actions .btn-ghost svg{width:22px;height:22px}.test-layout{gap:clamp(16px,2.5vh,24px);padding:0 0 clamp(10px,1.5vh,16px)}.test-info,.test-timer,.test-score-counter{font-size:clamp(18px,1.8vw,24px)}.test-topbar .permit-dropdown{font-size:15px}.test-permit-name{font-size:clamp(16px,1.5vw,20px)}.test-left{gap:16px;padding-right:28px}.question-image-v2{aspect-ratio:4/3;border-radius:16px;height:auto;max-height:none}.btn-save-question{border-radius:14px;gap:10px;height:clamp(48px,5.5vh,60px);font-size:clamp(14px,1.3vw,16px)}.btn-save-question svg{width:20px;height:20px}.question-heading{min-height:80px;padding:12px 0}.question-heading h2{font-size:clamp(20px,2.2vw,26px);line-height:1.4}.question-index-label{font-size:clamp(11px,1.1vw,13px)}.answers{gap:12px}.answer-card{border-radius:clamp(14px,1.8vw,20px);grid-template-columns:clamp(32px,3.5vw,42px) minmax(0,1fr);gap:clamp(14px,1.8vw,20px);min-height:clamp(60px,6.5vh,76px);padding:clamp(12px,1.5vh,18px) clamp(16px,2vw,24px);font-size:clamp(15px,1.4vw,18px)}.answer-card span{width:clamp(30px,3.5vw,40px);height:clamp(30px,3.5vw,40px);font-size:clamp(12px,1.2vw,14px)}.answer-explain{border-radius:16px;margin-top:6px;padding:clamp(14px,1.8vw,20px) clamp(18px,2.2vw,26px);font-size:clamp(14px,1.3vw,16px)}.answer-explain strong{font-size:clamp(14px,1.3vw,16px)}.question-nav{padding-top:clamp(18px,2.5vh,28px)}.question-nav button{border-radius:99px;min-width:160px;height:clamp(50px,5.5vh,64px);padding:0 clamp(24px,2.5vw,36px);font-size:clamp(15px,1.4vw,18px)}.test-bottom{padding-top:10px}.dot-btn{border-radius:10px;height:clamp(34px,4vh,44px);font-size:clamp(12px,1.1vw,14px)}.question-dots{grid-template-columns:repeat(10,1fr);gap:clamp(8px,1vw,14px)}.results-panel{gap:clamp(10px,1.8vh,16px);max-width:min(100%,1200px);padding:clamp(10px,1.8vh,18px) 0 clamp(8px,1.4vh,14px)}.results-panel h2{font-size:clamp(36px,5vw,52px);font-weight:900;margin:4px 0 0!important}.leaderboard-panel{gap:clamp(16px,3vh,28px);max-width:min(100%,1200px);padding:clamp(20px,3.5vh,36px) 0 clamp(12px,2vh,24px)}.leaderboard-panel h2{font-size:clamp(36px,5vw,52px);font-weight:900;margin:8px 0 0!important}.leaderboard-list-header{margin-bottom:24px;padding-bottom:12px}.leaderboard-list-header h3{font-size:clamp(18px,2vw,24px)}.leaderboard-list-header span{font-size:clamp(14px,1.3vw,16px)}.leaderboard-list-wrap{padding-right:12px}.leader-row{border-radius:20px;gap:20px;padding:clamp(16px,2vw,24px)}.leader-row .rank-badge{width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);font-size:clamp(16px,1.8vw,20px)}.leader-row .leader-row-left{gap:20px}.leader-row .leader-card-meta strong{font-size:clamp(18px,2vw,24px)}.leader-row .leader-card-meta small{font-size:clamp(13px,1.2vw,15px)}.leader-row .leader-card-stats{gap:24px}.leader-row .leader-stat-val{font-size:clamp(18px,2vw,24px)}.leader-row .leader-stat-val.elo-val{font-size:clamp(22px,2.5vw,28px)}.app-footer{gap:clamp(8px,1.2vh,14px);padding-top:clamp(16px,2.5vh,24px)}.footer-credits,.footer-link-btn{font-size:clamp(13px,1.2vw,15px)}.history-panel{gap:clamp(16px,3vh,28px);max-width:min(100%,1200px);padding:clamp(20px,3.5vh,36px) 0 clamp(12px,2vh,24px)}.history-panel h2{font-size:clamp(32px,4vw,44px);margin:0!important}.duel-panel{gap:clamp(16px,3vh,28px)}.duel-panel .home-permit-group{gap:clamp(10px,1.8vh,16px);margin-bottom:clamp(12px,2.2vh,20px)!important}.duel-panel .view-section{gap:clamp(14px,2.5vh,22px);margin:clamp(10px,1.5vh,18px) 0!important}.duel-panel .mode-buttons,.duel-panel .mode-buttons.duel-mode-grid{gap:clamp(14px,2.2vh,20px);margin-bottom:clamp(12px,2.2vh,20px)}.duel-panel .mode-option{gap:0}.duel-panel .duel-code-wrap{margin-bottom:clamp(16px,3vh,28px)}.duel-panel .duel-code-row{gap:clamp(12px,2vw,20px);max-width:clamp(340px,30vw,420px)}.duel-panel .duel-code-slot{width:clamp(48px,5vw,60px);height:clamp(48px,5vw,60px);font-size:clamp(20px,2.2vw,26px)}.duel-panel .duel-enter-btn{width:clamp(48px,5vw,60px);min-width:clamp(48px,5vw,60px);height:clamp(48px,5vw,60px)}.duel-panel .duel-enter-btn svg{width:22px;height:22px}.duel-panel .secondary-row,.duel-panel .mis-row{gap:clamp(16px,2.5vw,24px)}}@media (width>=2560px){:root{--card-width:64%;--card-max-width:66vw;--card-height:calc(100dvh - 24px);--card-max-height:calc(100dvh - 24px)}.app-shell{padding:12px 72px}.main-card{border-radius:40px;padding-left:32px;padding-right:32px}.main-card.no-footer{height:calc(100dvh - 340px);max-height:calc(100dvh - 340px);padding-left:32px;padding-right:32px}.top-actions.is-home-header,.top-actions.home-header{top:60px;left:96px;right:96px}.home-panel{gap:clamp(36px,6vh,60px);padding:clamp(100px,16vh,160px) 0 clamp(28px,4.5vh,44px)}.home-brand-group{gap:clamp(10px,2vh,18px);width:min(100%,1100px)}.home-brand-mark{margin-bottom:clamp(36px,5vh,52px)!important}.home-permit-group,.home-modes-group,.home-progreso-group{width:min(100%,1100px)}.home-permit-group{gap:clamp(14px,2.5vh,24px);margin-top:clamp(10px,1.5vh,20px)}.home-modes-group,.home-progreso-group{gap:clamp(20px,4vh,36px);margin-top:clamp(36px,6vh,60px)}.home-panel .brand-mark svg{width:108px;height:108px}.home-panel .brand-text span{font-size:84px}.profile-panel,.results-panel,.leaderboard-panel,.history-panel,.duel-panel{max-width:min(100%,1600px)}.profile-panel{gap:clamp(32px,6vh,56px);padding:clamp(32px,6vh,60px) 0 clamp(24px,4.5vh,44px)}.test-main{gap:40px}.test-left{padding-right:40px}.profile-user-summary{gap:clamp(28px,4vw,44px)}.profile-stats{gap:clamp(18px,2.5vw,28px)}.profile-metrics{gap:clamp(16px,2.5vw,24px)}.profile-actions{gap:clamp(20px,2.5vw,32px)}.duel-panel{gap:clamp(18px,3.2vh,30px)}.duel-panel .home-permit-group{gap:clamp(12px,2.2vh,18px);margin-bottom:clamp(14px,2.5vh,24px)!important}.duel-panel .mode-buttons,.duel-panel .mode-buttons.duel-mode-grid{gap:clamp(16px,2.5vh,24px);margin-bottom:clamp(14px,2.5vh,24px)}}.results-panel{flex-direction:column!important;align-items:center!important;gap:16px!important;display:flex!important}.leaderboard-panel,.history-panel,.news-panel{flex-direction:column!important;align-items:center!important;gap:0!important;display:flex!important}.results-panel h2{margin:0 0 -8px!important}.leaderboard-panel h2,.history-panel h2,.news-panel h2{margin:0!important}@media (width<=640px){.results-panel{gap:8px!important}.leaderboard-panel,.history-panel,.news-panel{gap:0!important}.results-panel h2{margin:0 0 -2px!important}.leaderboard-panel h2,.history-panel h2,.news-panel h2{margin:0!important}}.top-actions{z-index:1000;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;display:grid;position:relative}.top-actions:after{content:"";background-color:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.top-actions.is-home-header,.top-actions.home-header{pointer-events:none;position:absolute;top:32px;left:40px;right:40px;border-bottom:none!important}.top-actions.is-home-header:after,.top-actions.home-header:after{display:none!important}.top-actions.is-home-header *,.top-actions.home-header *{pointer-events:auto}.header-left{grid-column:1;justify-content:flex-start;align-items:center;gap:6px;display:flex}.header-left-row{align-items:center;gap:6px;display:flex}@media (width>=641px){.header-left-row>.nav-btn:first-child{margin-right:6px}}.header-center{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.header-center:hover .brand-mark{transform:scale(1.02)}.header-right{grid-column:3;justify-content:flex-end;align-items:center;display:flex}.account-slot{min-height:38px}.account-slot .account-actions .nav-btn{justify-content:center;min-width:136px}.account-slot-skeleton{border:1px solid var(--line);background:linear-gradient(90deg, var(--soft) 0%, #f3f4f6 50%, var(--soft) 100%);background-size:200% 100%;border-radius:12px;width:90px;height:38px;animation:1.2s ease-in-out infinite accountSlotPulse}@keyframes accountSlotPulse{0%{background-position:0%}to{background-position:200%}}.account-actions{align-items:center;gap:10px;display:flex}.account-summary-btn{flex:none;width:max-content;min-width:0;max-width:none}.profile-dropdown.nav-dropdown-wrapper .account-summary-btn{justify-content:center;width:max-content;height:32px;padding:6px 10px}@media (width<=640px){.account-summary-btn:after{bottom:-3px}}@media (width<=980px){.account-summary-btn{width:40px!important;padding:0!important}}@media (hover:hover){.account-summary-btn:hover,.account-summary-btn:hover svg{color:var(--ink)!important}}.account-avatar-initial{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;line-height:1;display:flex}.account-summary-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:160px;height:100%;font-size:14px;line-height:1;display:inline-flex;overflow:hidden}@media (width<=980px){.account-summary-name{display:none}}.account-pill{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750}.icon-link{color:#3f4145;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}@media (hover:hover){.icon-link:hover{background:var(--soft)}}.home-panel{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:clamp(10px,2vh,18px);width:100%;max-width:960px;min-height:0;margin:0 auto;padding:clamp(16px,3.5vh,32px) 0 clamp(8px,1.8vh,18px);display:flex;position:relative}.home-brand-group{flex-direction:column;align-items:center;gap:clamp(2px,.5vh,4px);width:min(100%,960px);display:flex}.home-permit-group{flex-direction:column;align-items:center;gap:clamp(2px,.5vh,6px);width:min(100%,960px);margin-top:clamp(0px,.3vh,5px);padding-bottom:4px;display:flex}.study-cards-grid{box-sizing:border-box;grid-template-columns:1fr;gap:16px;width:100%;max-width:900px;display:grid}@media (width>=641px){.study-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-mode-card{border-radius:20px;min-height:80px;text-align:left!important;flex-direction:row!important;align-items:center!important;position:relative!important}.study-mode-card .landing-card-media{background:linear-gradient(135deg, rgba(var(--brand-rgb), .018) 0%, rgba(var(--brand-rgb), .035) 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;border-bottom:none!important;border-right:1.5px solid var(--line)!important;width:120px!important;height:90px!important;padding:8px!important}.study-mode-card .landing-card-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.study-mode-card:hover .landing-card-img{transform:scale(1.06)}.study-mode-card .landing-card-content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center;gap:2px;display:flex;padding:10px 36px 10px 14px!important}.study-mode-card .landing-card-content h3{color:var(--ink);font-weight:850;margin:0!important;font-size:14px!important}.study-mode-card .landing-card-content p{color:var(--muted);line-height:1.35;margin:0!important;font-size:11.5px!important}.study-mode-card .landing-card-btn{color:var(--brand)!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important}.study-mode-card .landing-card-btn span{display:none!important}.study-mode-card .landing-card-btn svg{transition:transform .2s;width:16px!important;height:16px!important}.study-mode-card:hover .landing-card-btn svg{transform:translate(3px)}}@media (width<=640px){.study-cards-grid{grid-template-columns:1fr;gap:12px}.study-mode-card{border-radius:20px;min-height:80px;text-align:left!important;flex-direction:row!important;align-items:center!important;position:relative!important}.study-mode-card .landing-card-media{background:linear-gradient(135deg, rgba(var(--brand-rgb), .018) 0%, rgba(var(--brand-rgb), .035) 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;border-bottom:none!important;border-right:1.5px solid var(--line)!important;width:120px!important;height:90px!important;padding:8px!important}.study-mode-card .landing-card-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.study-mode-card .landing-card-content{flex-direction:column;flex-grow:1;justify-content:center;gap:2px;display:flex;padding:10px 36px 10px 14px!important}.study-mode-card .landing-card-content h3{color:var(--ink);font-weight:850;margin:0!important;font-size:14px!important}.study-mode-card .landing-card-content p{color:var(--muted);line-height:1.35;margin:0!important;font-size:11.5px!important}.study-mode-card .landing-card-btn{color:var(--brand)!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important}.study-mode-card .landing-card-btn span{display:none!important}.study-mode-card .landing-card-btn svg{width:16px!important;height:16px!important}}.home-permit-group .permit-dropdown-trigger{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #0000001a}.home-permit-group .permit-dropdown.open .permit-dropdown-trigger{background:var(--brand);border-color:var(--brand);box-shadow:0 4px 12px #0000001a}.home-permit-group .permit-dropdown-trigger:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}@media (hover:hover){.home-permit-group .permit-dropdown-trigger:hover,.home-permit-group .permit-dropdown.open .permit-dropdown-trigger:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 6px 16px rgba(var(--brand-rgb), .16)}}.home-modes-group{flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,10px);width:min(100%,960px);margin-top:clamp(10px,2vh,20px);display:flex}.home-progreso-group{flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,12px);width:min(100%,960px);margin-top:clamp(10px,2vh,20px);display:flex}.home-editorial-section{text-align:left;align-items:stretch;gap:14px;margin-top:clamp(12px,2vh,22px)}.home-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.home-editorial-card{border:1.5px solid var(--line);background:#ffffffd1;border-radius:18px;padding:18px;box-shadow:0 10px 30px #2028330a}.home-editorial-card h3,.home-faq-block h3{color:var(--ink);font-family:var(--font-display);margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.2}.home-editorial-card p,.home-faq-item p,.home-trust-pill span{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.65}.home-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.home-trust-pill{background:linear-gradient(180deg, rgba(var(--brand-rgb), .06), rgba(var(--brand-rgb), .03));border:1px solid rgba(var(--brand-rgb), .14);border-radius:16px;padding:14px 16px}.home-trust-pill strong,.home-faq-item strong{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.home-faq-block{border:1.5px solid var(--line);background:#ffffffc7;border-radius:18px;width:100%;padding:18px;box-shadow:0 10px 30px #2028330a}.home-faq-list{gap:12px;display:grid}.home-faq-item{border-top:1px solid var(--line);padding-top:12px}.home-faq-item:first-child{border-top:0;padding-top:0}.view-section{flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,10px);width:100%;margin:clamp(1px,.35vh,4px) 0;display:flex}.view-section>.mode-title{margin:0}.secondary-row.quick-access-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:600px;margin:0 auto;display:grid}.quick-access-root .secondary-row .small-button{min-width:0}.home-progreso-group .secondary-row .small-button,.profile-quick-section .secondary-row .small-button,.profile-quick-section .mis-row .small-button,.duel-panel .mis-row .small-button{min-width:170px;height:38px;padding:0 16px;font-size:13px}.results-panel .mis-row .small-button{min-width:170px;padding:0 16px;font-size:13px}.home-brand-group .access-copy,.home-permit-group .permit-rule,.home-modes-group .mode-buttons{margin-bottom:0}@media (width>=981px){.home-panel{gap:10px;padding:10px 0}.profile-panel{justify-content:center;gap:6px;width:min(100%,600px);max-width:600px;padding:8px 0 2px}.home-brand-group{gap:1px}.home-permit-group{gap:4px;margin-top:2px}.home-modes-group,.home-progreso-group{gap:6px;margin-top:6px}.home-editorial-section{gap:10px;margin-top:8px}.home-editorial-grid,.home-trust-strip{gap:10px}.home-editorial-card,.home-faq-block{padding:14px}.home-panel h1{margin:4px 0 2px}.access-copy{margin-top:0;font-size:clamp(12px,1vw,13px)}.permit-dropdown-trigger{height:36px}.permit-dropdown{width:min(260px,100%)}.btn-primary,.btn-ghost{gap:8px;min-width:170px;height:42px;padding:0 20px;font-size:13.5px}.small-button,.home-progreso-group .secondary-row .small-button,.profile-quick-section .secondary-row .small-button,.duel-panel .secondary-row .small-button{min-width:170px;height:36px;padding:0 16px;font-size:13px}.duel-panel .btn-primary,.duel-panel .btn-ghost{gap:8px;min-width:170px;height:42px;padding:0 20px;font-size:13.5px}.duel-panel input[style*=height]{height:36px!important;font-size:13px!important}.mode-desc{margin-top:3px;font-size:11.5px}.home-data-row{gap:8px;margin-top:8px}.home-data-row div{padding:6px 10px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:6px}.profile-stats>div,.profile-stats>button,.profile-stats>a,.profile-stats>.tooltip-wrapper>div,.profile-stats>.tooltip-wrapper>button,.profile-stats>.tooltip-wrapper>a{padding:4px 8px}.profile-stats .stat-label{font-size:9px}.profile-stats strong{font-size:15px}.profile-stats .stat-val-container{height:22px!important}.profile-metrics{gap:6px}.profile-metrics>div{padding:4px 8px}.profile-user-summary{gap:8px;margin-bottom:0!important}.profile-avatar-container{--avatar-size:62px}.profile-avatar{height:var(--avatar-size);width:var(--avatar-size);font-size:20px}.profile-name-display{height:26px;font-size:15px}.profile-date{margin-top:0;font-size:10px;display:inline}.profile-subtitle-row{margin-top:2px}.secondary-stack{gap:6px}.mode-title{margin:12px 0 5px;font-size:11px}.profile-progress-section>.mode-title{margin:12px 0 5px}.profile-chart-card{padding:6px 10px}.profile-chart-card .sparkline{gap:4px}.profile-chart-card .sparkline small{font-size:8px}.elo-level-badge{min-width:60px!important;padding:1px 6px!important;font-size:9px!important}.stat-val.elo-val{font-size:15px!important}.mode-option-duel{margin-top:4px}.duel-panel .profile-progress-section{margin-bottom:6px!important}.sparkline{height:clamp(40px,5vh,55px)}.profile-metrics .chart-title{margin-bottom:4px}.metric-card{padding:4px 8px}.metric-head{gap:4px;font-size:9px}.metric-head svg{width:12px;height:12px}.metric-bar{height:5px;margin-top:3px}.chart-title{margin-bottom:4px;font-size:9px}}.results-panel,.leaderboard-panel,.profile-panel{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:720px;margin:0 auto 8px;padding:8px 0;display:flex}.profile-panel{flex-grow:1;justify-content:flex-start;gap:clamp(8px,1.8vh,16px);width:min(100%,960px);max-width:960px;min-height:0;padding:clamp(8px,1.8vh,20px) 0 clamp(4px,1vh,12px);position:relative;overflow:visible}.home-panel.is-scrollable,.profile-panel.is-scrollable,.duel-panel.is-scrollable{justify-content:flex-start!important;overflow-y:auto!important}.profile-avatar{background:var(--brand);color:#fff;font-family:var(--font-display);height:var(--avatar-size,clamp(76px, 11vh, 92px));width:var(--avatar-size,clamp(76px, 11vh, 92px));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;font-size:clamp(30px,4.8vh,40px);font-weight:850;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden!important}.profile-avatar.profile-avatar-hoverable{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;position:relative;overflow:hidden}.profile-user-summary{justify-content:center;align-items:center;gap:clamp(10px,2vw,16px);width:100%;margin:0 0 10px;transition:gap .3s cubic-bezier(.16,1,.3,1);display:flex}.profile-user-summary.is-editing{gap:12px}.profile-name-container{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex}.profile-name-row{justify-content:flex-start;align-items:center;gap:4px;width:100%;max-width:min(360px,80vw);transition:gap .3s cubic-bezier(.16,1,.3,1);display:flex}.profile-name-display{justify-content:flex-start;align-items:center;gap:6px;height:36px;margin:0;padding:0;font-size:20px;font-weight:800;line-height:1.15;display:flex}.streak-status-row{justify-content:center;align-items:center;gap:8px;width:100%;margin:2px auto 4px;display:inline-flex}.streak-status-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.streak-status-row .streak-inline{gap:6px!important;font-size:13px!important}.streak-status-row .streak-value-text{font-size:13px!important}.streak-status-row .mini-fire-icon{width:1em!important;height:1em!important}.profile-input-wrapper{align-items:center;width:100%;max-width:220px;display:flex;position:relative}.profile-name-inline-input{border:1.5px solid var(--line);text-align:left;background:0 0;border-radius:10px;width:100%;height:36px;padding:0 32px 0 12px;font-size:20px;font-weight:800;line-height:1.15;transition:border-color .2s,box-shadow .2s}.profile-name-inline-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .12);outline:none}.profile-name-inline-input.at-limit{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.profile-name-inline-input.limit-shake{border-color:#ef4444;animation:.45s cubic-bezier(.36,.07,.19,.97) both limitShake;box-shadow:0 0 0 3px #ef444426}.char-counter{color:var(--muted);pointer-events:none;opacity:.6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;transition:color .2s,opacity .2s,transform .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.char-counter.at-limit{color:#ef4444;opacity:1;transform:translateY(-50%)scale(1.1)}@keyframes limitShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}.profile-edit-icon{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (hover:hover){.profile-edit-icon:hover{color:var(--brand);background:rgba(var(--brand-rgb), .12);transform:scale(1.15)}}.edit-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (hover:hover){.edit-icon-btn:hover{color:var(--brand);background:rgba(var(--brand-rgb), .12);transform:scale(1.15)}}.profile-edit-icon.is-saving{color:#22c55e}@media (hover:hover){.profile-edit-icon.is-saving:hover{color:#16a34a;background:#22c55e1a}.done-btn:hover svg{color:#22c55e}}.qe-slot{align-items:center;gap:0;width:100%;display:flex}.qe-arrow{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 2px;transition:color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.qe-arrow:hover{color:var(--brand);transform:scale(1.2)}}.qe-slot-btn{min-width:0;cursor:default!important;opacity:1!important}.qe-btn-content{align-items:center;gap:8px;animation:.2s cubic-bezier(.16,1,.3,1) qe-pop-in;display:inline-flex}.qe-btn-normal{overflow:visible}@keyframes qe-pop-in{0%{opacity:0;transform:scale(.92)translateY(3px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-error{color:var(--danger);font-size:12px;font-weight:700;animation:.25s cubic-bezier(.16,1,.3,1) both profileErrorIn}.profile-date{color:var(--muted);margin:0;padding-left:0;font-size:11px;font-weight:500;line-height:1}.profile-subtitle-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.profile-subtitle-row .profile-date{display:inline}.profile-subtitle-dot{color:var(--muted);opacity:.5;font-size:11px;font-weight:700;line-height:1}.profile-subtitle-row .streak-inline{gap:5px!important;font-size:11px!important}.profile-subtitle-row .streak-value-text{font-size:11px!important}.profile-subtitle-row .mini-fire-icon{width:1em!important;height:1em!important}.profile-header-actions{justify-content:flex-end;align-self:flex-start;width:100%;margin-top:0;padding-top:2px;display:flex}.profile-streak-chip{background:rgba(var(--brand-rgb), .08);border:1px solid rgba(var(--brand-rgb), .16);color:var(--brand);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;line-height:1;display:inline-flex}.profile-streak-chip strong{color:inherit;font-size:11px;font-weight:800}.profile-streak-chip svg{flex-shrink:0}.profile-error-above{text-align:center;margin-top:2px;margin-bottom:4px}.profile-name-swap{flex:auto;justify-content:flex-start;align-items:center;min-width:0;height:auto;min-height:30px;display:inline-flex;position:relative}.profile-name-display,.profile-input-wrapper{will-change:opacity, transform;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.profile-name-display.swap-hidden{opacity:0;pointer-events:none;position:absolute;left:0;right:0;transform:translateY(-6px)}.profile-name-display.swap-visible{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.profile-input-wrapper.swap-hidden{opacity:0;pointer-events:none;position:absolute;left:0;right:0;transform:translateY(6px)}.profile-input-wrapper.swap-visible{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}@keyframes profileErrorIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.5vw,14px);width:100%;margin-top:0;display:grid}.profile-stats>.tooltip-wrapper{width:100%;display:flex!important}.profile-stats>div,.profile-stats>button,.profile-stats>a,.profile-stats>.tooltip-wrapper>div,.profile-stats>.tooltip-wrapper>button,.profile-stats>.tooltip-wrapper>a{border:1.5px solid var(--line);box-sizing:border-box;background:0 0;border-radius:12px;width:100%;padding:6px 10px}.profile-stats>button,.profile-stats>a,.profile-stats>.tooltip-wrapper>button,.profile-stats>.tooltip-wrapper>a{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;outline:none;transition:background-color .2s,border-color .2s,transform .1s,box-shadow .2s}@media (hover:hover){.profile-stats>button:hover,.profile-stats>a:hover,.profile-stats>.tooltip-wrapper>button:hover,.profile-stats>.tooltip-wrapper>a:hover{box-shadow:0 4px 12px rgba(var(--brand-rgb), .08);transform:translateY(-2px);background-color:rgba(var(--brand-rgb), .05)!important;border-color:var(--brand)!important}}.profile-logout-link{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}@media (hover:hover){.profile-logout-link:hover{background:#be123c14}}@media (width<=640px){.profile-user-summary{align-items:flex-start}.profile-header-actions{align-self:center;margin-top:2px}}.profile-stats>button:active,.profile-stats>a:active,.profile-stats>.tooltip-wrapper>button:active,.profile-stats>.tooltip-wrapper>a:active{transform:translateY(0)}.profile-stats .stat-val-container{justify-content:center!important;align-items:center!important;height:30px!important;display:flex!important}.profile-stats .stat-label{color:var(--muted);margin-bottom:4px;font-size:clamp(10px,1.5vh,12px);font-weight:700;display:block}.profile-stats strong{font-size:clamp(16px,2.5vh,20px);font-weight:850}.elo-level-badge{text-transform:uppercase!important;letter-spacing:.02em!important;text-align:center!important;white-space:nowrap!important;box-sizing:border-box!important;border:1px solid #0000!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;min-width:70px!important;padding:2px 8px!important;font-size:10.5px!important;font-weight:850!important;line-height:1.2!important;display:inline-flex!important}.elo-level-badge.level-aprobado{color:#0369a1!important;background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;border-color:#38bdf8!important}.elo-level-badge.level-leyenda{color:#6b21a8!important;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)!important;border-color:#c084fc!important}.elo-level-badge.level-experto{color:#b45309!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#fbbf24!important}.elo-level-badge.level-preparado{color:#334155!important;background:linear-gradient(135deg,#f1f5f9,#cbd5e1)!important;border-color:#94a3b8!important}.elo-level-badge.level-novato{color:#c2410c!important;background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;border-color:#f97316!important}.profile-stats .elo-level-badge{min-width:unset!important;margin:0!important;padding:2px 8px!important;font-size:11px!important;line-height:1.2!important}.elo-help-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:4px;right:4px;color:var(--muted)!important;text-decoration:none!important}@media (hover:hover){.elo-help-btn:hover{background:rgba(var(--brand-rgb), .12);transform:scale(1.15);color:var(--brand)!important}}.mode-title .elo-help-btn,a.elo-help-btn,a.elo-help-btn:link,a.elo-help-btn:visited,a.elo-help-btn:hover,a.elo-help-btn:active{position:static;color:var(--muted)!important;text-decoration:none!important}@media (hover:hover){.mode-title .elo-help-btn:hover,a.elo-help-btn:hover{color:var(--brand)!important;background:rgba(var(--brand-rgb), .12)!important}}.home-modes-group.view-section,.home-progreso-group.view-section,.profile-trend-section.view-section,.profile-quick-section.view-section,.duel-panel .view-section{margin:clamp(1px,.35vh,4px) 0!important}.profile-panel>.profile-metrics.view-section,.profile-panel>.profile-trend-section.view-section,.profile-panel>.profile-quick-section.view-section{margin:0!important}.profile-metrics{grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.5vw,14px);width:100%;max-width:100%;margin-top:5px;display:grid}.profile-metrics>div{border:1.5px solid var(--line);background:0 0;border-radius:14px;padding:8px 12px}.metric-card{border:1.5px solid var(--line);text-align:left;background:0 0;border-radius:14px;padding:clamp(6px,1.2vh,10px) clamp(8px,1.5vw,12px);position:relative}.metric-head{color:var(--muted);align-items:center;font-size:clamp(10px,1.5vh,12px);font-weight:800;display:flex}.metric-head-left{align-items:center;gap:6px;display:flex}.metric-head-left>span{font-size:clamp(10.5px,1.5vh,12.5px);font-weight:500}.metric-head-pct{color:var(--ink);flex-shrink:0;margin-left:auto;font-size:clamp(10px,1.5vh,12px);font-weight:800}.metric-bar{background:#e2e6ea;border-radius:999px;height:8px;margin:6px 0 4px;position:relative;overflow:visible}.metric-bar span{background:linear-gradient(90deg, var(--brand), var(--brand-dark));border-radius:inherit;height:100%;display:block}.metric-bar-fill{background:linear-gradient(90deg, var(--brand), var(--brand-dark));border-radius:inherit;height:100%;transition:width .22s;display:block}.metric-bar.pass span{background:var(--brand)}.metric-card strong{font-size:14px}.profile-chart-card{border:1.5px solid var(--line);background:0 0;border-radius:14px;width:100%;margin-top:0;padding:clamp(6px,1.2vh,12px) clamp(8px,1.5vw,14px);overflow:visible}.chart-title{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:clamp(10px,1.5vh,12px);font-weight:800}.sparkline{grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(4px,.8vw,6px);height:clamp(50px,8vh,75px);display:grid;overflow:visible}@media (width<=640px){.profile-chart-card{width:100%;padding:8px 10px}.sparkline{grid-template-columns:repeat(8,1fr);gap:4px;height:50px;display:grid}.spark-col{min-width:0}.spark-col:nth-child(n+9){display:none}.spark-col span{border-radius:4px 4px 2px 2px;min-height:4px}.spark-col small{font-size:8px}.profile-panel{gap:10px;padding:6px 0 4px;overflow:visible}.profile-user-summary{gap:10px}.profile-date{text-align:left;white-space:nowrap;margin-top:0;font-size:10px;display:inline}.profile-subtitle-row{gap:5px;margin-top:1px}.profile-subtitle-row .streak-inline{gap:4px!important;font-size:11px!important}.profile-subtitle-row .streak-value-text{font-size:11px!important}.profile-avatar-container{--avatar-size:48px}.profile-avatar{height:var(--avatar-size);width:var(--avatar-size);font-size:20px}.profile-name-row h2{height:24px;font-size:15px}.profile-name-swap{height:32px}.profile-input-wrapper{max-width:180px}.char-counter{font-size:10px;right:6px}.profile-stats{gap:6px}.profile-stats div{padding:6px 8px}.profile-stats .stat-label{margin-bottom:0;font-size:9px}.profile-stats strong{font-size:15px}.profile-metrics{grid-template-columns:1fr;gap:6px}.profile-metrics>div{padding:6px 8px}.metric-card{padding:4px 6px}.metric-bar{height:4px;margin:4px 0 2px}.metric-card strong{font-size:11px}.metric-head{font-size:9px}.sparkline{gap:3px;height:42px}.profile-chart-card{padding:6px 8px}.chart-title{margin:0 0 4px;font-size:9px}.profile-actions{gap:6px}.profile-actions .btn-ghost{height:38px;padding:0 14px;font-size:12.5px}}.spark-col{flex-direction:column;justify-content:end;align-items:center;height:100%;display:flex}.spark-col span{background:linear-gradient(180deg, var(--brand), var(--brand-dark));border-radius:8px 8px 4px 4px;width:100%;min-height:8px;display:block}.spark-col small{color:var(--muted);text-align:center;margin-top:4px;font-size:10px}.spark-col{z-index:1;position:relative}.spark-col[data-tip]:before{opacity:0;pointer-events:none;z-index:9999;content:attr(data-tip);color:#fff;white-space:nowrap;background:#202833f2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.spark-col[data-tip]:after{opacity:0;pointer-events:none;z-index:9998;content:"";border-top:6px solid #202833f2;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)translateY(4px)}.spark-col:hover[data-tip]:before,.spark-col:hover[data-tip]:after{opacity:1;transform:translate(-50%)translateY(0)}.metric-card[data-tip]:before,.metric-card[data-tip]:after{opacity:0;pointer-events:none;z-index:9999;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.metric-card[data-tip]:before{content:attr(data-tip);color:#fff;white-space:nowrap;background:#202833f2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;bottom:calc(100% + 6px);box-shadow:0 4px 12px #00000026}.metric-card[data-tip]:after{content:"";border-top:6px solid #202833f2;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;bottom:100%}.metric-card:hover[data-tip]:before,.metric-card:hover[data-tip]:after{opacity:1}.metric-bar[data-tip]:before{opacity:0;pointer-events:none;z-index:9999;content:attr(data-tip);color:#fff;white-space:nowrap;background:#202833f2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.metric-bar[data-tip]:after{opacity:0;pointer-events:none;z-index:9998;content:"";border-top:6px solid #202833f2;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)translateY(4px)}.metric-bar:hover[data-tip]:before,.metric-bar:hover[data-tip]:after{opacity:1;transform:translate(-50%)translateY(0)}.tooltip-wrapper[data-tip]:before{opacity:0;pointer-events:none;z-index:9999;content:attr(data-tip);color:#fff;white-space:nowrap;background:#1e293b;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.tooltip-wrapper{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.tooltip-wrapper[data-tip]:after{opacity:0;pointer-events:none;z-index:9998;content:"";border-top:6px solid #1e293b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-wrapper:hover[data-tip]:before,.tooltip-wrapper:hover[data-tip]:after{opacity:1;transform:translate(-50%)translateY(0)}.tooltip-wrapper[data-position=below][data-tip]:before{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}.tooltip-wrapper[data-position=below][data-tip]:after{border-top:none;border-bottom:6px solid #1e293b;top:calc(100% + 2px);bottom:auto;transform:translate(-50%)translateY(-4px)}.tooltip-wrapper[data-position=below]:hover[data-tip]:before,.tooltip-wrapper[data-position=below]:hover[data-tip]:after{transform:translate(-50%)translateY(0)}.tooltip-wrapper.rank-tooltip[data-tip]:before{bottom:calc(100% + 3px)!important}.tooltip-wrapper.rank-tooltip[data-tip]:after{bottom:calc(100% - 3px)!important}.tooltip-wrapper.rank-tooltip[data-position=below][data-tip]:before{top:calc(100% + 3px)!important;bottom:auto!important}.tooltip-wrapper.rank-tooltip[data-position=below][data-tip]:after{top:calc(100% - 3px)!important;bottom:auto!important}.profile-quick-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.quick-access-root{width:100%!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important}.profile-progress-section{flex-direction:column;gap:10px;width:100%;display:flex}.profile-progress-section>.mode-title,.profile-progress-section>.profile-stats,.profile-progress-section>.profile-metrics,.profile-progress-section>.profile-chart-card,.profile-quick-section>.mode-title,.profile-quick-section>.profile-actions{margin:0}.profile-trend-section{width:100%}.duel-code-wrap{text-align:center;width:100%;margin-bottom:8px}.duel-code-label{color:var(--muted);letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.duel-code-row{justify-content:center;align-items:center;gap:10px;margin-inline:auto;display:flex}.duel-code-slots{gap:6px;display:flex}.duel-code-slot{border:1.5px solid var(--line);background:var(--soft);width:44px;height:44px;color:var(--ink);font-family:var(--font-display,inherit);letter-spacing:0;text-align:center;text-transform:uppercase;caret-color:var(--brand);border-radius:50%;outline:none;padding:0;font-size:18px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1)}.duel-code-slot::placeholder{color:#0000}.duel-code-slot:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .1);background:#fff;transform:translateY(-1px)}.duel-code-slot.filled{border-color:var(--brand);background:rgba(var(--brand-rgb), .06);color:var(--brand)}.duel-enter-btn{border:1.5px solid var(--line);background:var(--soft);width:40px;min-width:40px;height:40px;color:var(--muted);cursor:not-allowed;opacity:.5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.duel-enter-btn.ready{background:var(--brand);border-color:var(--brand);color:#fff;cursor:pointer;opacity:1;box-shadow:0 4px 14px rgba(var(--brand-rgb), .3);animation:1.8s ease-in-out infinite duelEnterPulse}@media (hover:hover){.duel-enter-btn.ready:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 6px 20px rgba(var(--brand-rgb), .4);transform:scale(1.1)}}.duel-enter-btn.ready:active{transform:scale(.92)}.duel-enter-btn:disabled{cursor:not-allowed;pointer-events:none}@keyframes duelEnterPulse{0%,to{box-shadow:0 4px 14px rgba(var(--brand-rgb), .3)}50%{box-shadow:0 4px 22px rgba(var(--brand-rgb), .55)}}.duel-code-row{gap:8px;max-width:320px}.duel-code-input-wrap{width:132px;max-width:132px}.duel-code-input{letter-spacing:.02em;text-align:center;border-radius:10px;height:38px;padding:0 26px 0 10px;font-size:14px;font-weight:800}.duel-code-counter{font-size:10px;right:8px}.profile-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:0;display:flex}@media (width<=720px){.profile-name-inline-input{height:32px;padding:0 28px 0 8px;font-size:clamp(14px,4.5vw,18px)}}.brand-mark{justify-content:center;align-items:center;gap:10px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:visible}.brand-mark svg{color:var(--brand);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1);overflow:visible}.top-actions .brand-mark svg{width:20px;height:20px}.top-actions .brand-text span{font-size:16px}.top-actions.is-home-header .brand-mark{margin-top:16px}.top-actions.is-home-header .brand-mark svg{width:56px;height:56px}.top-actions.is-home-header .brand-text span{font-size:40px}.home-panel .brand-mark svg{width:42px;height:42px}.home-panel .brand-text span{font-size:32px}.brand-text span{font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1}.brand-text small{color:var(--muted);letter-spacing:.08em;text-align:right;text-transform:uppercase;font-size:11px;font-weight:600}.home-panel h1{font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0 4px;font-size:clamp(18px,3.5vw,32px);font-weight:700;line-height:1.1}.home-panel h1.home-greeting{box-sizing:border-box;text-align:center;max-width:100%;transform:scaleX(var(--home-greeting-fit-scale,1));transform-origin:50%;white-space:nowrap;padding-bottom:.12em;line-height:1.16;display:block;overflow:visible;font-size:var(--home-greeting-fit-size,clamp(24px, 5vw, 38px))!important}.profile-panel h1.home-greeting{font-family:var(--font-display);text-align:center;margin:8px 0 4px;font-size:clamp(24px,5vw,38px);font-weight:700;line-height:1.16}.home-greeting-loading{min-height:1.5em}.home-greeting-skeleton{background:var(--soft);border-radius:4px;width:60%;height:1em;animation:1.5s ease-in-out infinite pulse-skeleton;display:inline-block}@keyframes pulse-skeleton{0%,to{opacity:.4}50%{opacity:1}}.access-copy{color:var(--muted);margin-top:0;font-size:clamp(12.5px,1.2vw,14.5px);font-weight:600;line-height:1.3;display:block}.permit-dropdown{z-index:10;width:min(300px,100%);margin:0 auto;font-size:14px;font-weight:700;position:relative}.permit-dropdown-trigger{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border-radius:99px;outline:none;justify-content:center;align-items:center;padding:0 28px 0 14px;font-size:14.5px;line-height:1;transition:all .2s;display:flex;position:relative}.permit-dropdown-trigger:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2366707d' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.permit-dropdown.open .permit-dropdown-trigger:after{transform:translateY(-50%)rotate(180deg)}@media (hover:hover){.permit-dropdown-trigger:hover{background-color:var(--soft);border-color:var(--muted)}}.permit-dropdown.open .permit-dropdown-trigger{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .1);background-color:#fff}.test-topbar .permit-dropdown-trigger{background:0 0;border:none;border-radius:0;align-items:center;gap:6px;width:auto;height:auto;padding:6px 0;line-height:1.2;display:inline-flex}@media (hover:hover){.test-topbar .permit-dropdown-trigger:hover{opacity:.7;background:0 0;border:none}}.test-topbar .permit-dropdown.open .permit-dropdown-trigger{box-shadow:none;background:0 0;border:none}.test-topbar .permit-dropdown-trigger:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2366707d' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:transform .2s;display:inline-block;position:static;top:auto;right:auto;transform:none}.test-topbar .permit-dropdown.open .permit-dropdown-trigger:after{transform:rotate(180deg)}.permit-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.permit-dropdown-menu{z-index:100;transform-origin:top;background:#fff;border:1px solid #00000014;border-radius:16px;width:max-content;min-width:100%;max-width:min(92vw,480px);max-height:min(70vh,560px);margin:0;padding:6px;list-style:none;animation:.2s cubic-bezier(.34,1.56,.64,1) dropdownFadeInCentered;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000000a,0 20px 48px -10px #00000014,inset 0 0 0 1px #ffffff80}.permit-dropdown-menu li{cursor:pointer;text-align:center;color:var(--ink);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s}.test-topbar .permit-dropdown.saved-filter{width:auto;max-width:100%}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-trigger{text-align:left;align-items:center;gap:6px;width:auto;display:inline-flex}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu{width:max-content;min-width:100%;animation:.15s ease-out dropdownFadeInLeft;left:0;right:auto;transform:none}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu li{white-space:nowrap;text-align:left}@media (hover:hover){.permit-dropdown-menu li:hover{background:var(--soft)}}.permit-dropdown-menu li.active{background:rgba(var(--brand-rgb), .08);color:var(--brand);font-weight:700}.permit-rule{color:var(--muted);letter-spacing:0;text-transform:none;margin:0;font-size:13px;font-weight:500}.mode-option{flex-direction:column;align-items:center;gap:0;display:flex}.mode-option-duel{width:100%;margin-top:8px}.beta-tag{text-transform:uppercase;letter-spacing:.03em;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:3px;align-items:center;height:16px;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}@media (width<=640px){.mode-option-duel{margin-top:0}}.mode-desc{color:var(--muted);letter-spacing:0;text-transform:none;margin-top:0;margin-bottom:0;font-size:13px;font-weight:500}.color-dropdown{z-index:10;width:auto;font-size:13px;font-weight:700;position:relative}.color-dropdown-trigger{gap:8px;padding-inline:10px}@keyframes colorDropdownIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes colorDropdownOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.97)}}.color-dropdown-menu{z-index:100;transform-origin:100% 0;background:#fff;border:1px solid #00000014;border-radius:16px;width:max-content;min-width:100%;margin:0;padding:6px;list-style:none;animation:.2s cubic-bezier(.34,1.56,.64,1) colorDropdownIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #0000000a,0 20px 48px -10px #00000014,inset 0 0 0 1px #ffffff80}.color-dropdown-menu li{cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:flex}@media (hover:hover){.color-dropdown-menu li:hover{background:var(--soft);transform:translate(4px)}}.color-dropdown-menu li.active{background:rgba(var(--brand-rgb), .08);color:var(--brand);font-weight:700}.color-dropdown-menu.closing{pointer-events:none;animation:.15s ease-out forwards colorDropdownOut}.color-dot{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:16px;height:16px}@keyframes dropdownFadeInCentered{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes dropdownFadeInLeft{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownFadeOutCentered{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(6px)scale(.97)}}@keyframes dropdownFadeOutLeft{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.97)}}.permit-dropdown-menu.closing{pointer-events:none;animation:.15s ease-out forwards dropdownFadeOutCentered}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu.closing{pointer-events:none;animation:.15s ease-out forwards dropdownFadeOutLeft}.quick-actions,.mode-buttons,.result-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex}.btn-primary,.btn-ghost{cursor:pointer;text-transform:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-width:170px;height:42px;padding:0 20px;font-size:13.5px;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary svg,.btn-ghost svg{flex-shrink:0}.btn-primary{background:var(--brand);border:1px solid var(--brand);color:#fff}@media (hover:hover){.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 6px 16px rgba(var(--brand-rgb), .16);transform:translateY(-1px)}}.btn-primary:disabled,.btn-ghost:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff;min-width:130px}.btn-ghost.small-button{background:#fff;border-color:#e0e2e6}@media (hover:hover){.btn-ghost:hover{background:#f7f8f8;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}}.mode-title{justify-content:center;align-items:center;gap:8px;margin:12px 0 5px;font-size:18px;font-weight:700;display:inline-flex}.mode-title svg{color:var(--brand)}.mode-title .edit-icon-btn svg,.mode-title .elo-help-btn svg{color:var(--muted)}@media (hover:hover){.mode-title .edit-icon-btn:hover svg,.mode-title .elo-help-btn:hover svg{color:var(--brand)}}.secondary-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.small-button{min-width:240px;height:44px}@media (width>=981px){.access-copy{font-size:22px}}.header-center.home-logo-hide{display:none}.home-brand-mark{margin-bottom:8px;display:block}@media (width>=641px) and (width<=1919px){.home-brand-mark{display:none}.home-brand-mark.home-brand-mark-visible{display:block}}.quick-access-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#20283370;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quick-access-modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:calc(100% - 32px);max-width:400px;max-height:calc(100dvh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #2028331f}.quick-access-modal-close{background:var(--soft);border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}@media (hover:hover){.quick-access-modal-close:hover{background:var(--line);color:var(--ink)}}.quick-access-modal-header{flex-direction:column;gap:2px;margin-bottom:16px;padding-right:40px;display:flex}.quick-access-modal-header h2{color:var(--ink);margin:0;font-size:20px;font-weight:800;line-height:1.3}.quick-access-modal-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.quick-access-modal-desc{color:var(--muted);margin:0 0 16px;font-size:13.5px;line-height:1.5}.quick-access-modal-items{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.quick-access-item{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.quick-access-item:hover{border-color:var(--brand);background:rgba(var(--brand-rgb), .04)}}.quick-access-item.checked{border-color:var(--brand);background:rgba(var(--brand-rgb), .06)}.quick-access-item-check{width:28px;height:28px;color:var(--muted);background:var(--soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.quick-access-item.checked .quick-access-item-check{color:var(--brand);background:rgba(var(--brand-rgb), .12)}.quick-access-item span{color:var(--ink);flex:1;font-size:14px;font-weight:600}.quick-access-item-hidden{text-transform:uppercase;letter-spacing:.08em;color:var(--muted)!important;flex:0!important;font-size:11px!important;font-weight:700!important}.quick-access-item.disabled{opacity:.45;cursor:not-allowed}@media (hover:hover){.quick-access-item.disabled:hover{border-color:var(--line);background:var(--panel)}}.quick-access-item-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.quick-access-modal-info{color:var(--muted);text-align:center;background:var(--soft);border-radius:10px;margin:0 0 14px;padding:8px 12px;font-size:12.5px;font-weight:600}.quick-access-modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.quick-access-modal-actions .btn-ghost{min-width:auto;height:40px;padding:0 18px;font-size:13px}.quick-access-modal-actions .btn-primary{min-width:auto;height:40px;padding:0 20px;font-size:13px}.streak-badge-container{justify-content:center;align-items:center;margin-top:4px;margin-bottom:8px;display:flex}.streak-badge-animated{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ff4d00,#ff9500);border:1.5px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;animation:1.8s ease-in-out infinite alternate streakPulse,3s ease-in-out infinite streakFloat;display:inline-flex;box-shadow:0 4px 15px #ff4d0059}.streak-fire-container{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:4px;display:flex;position:relative}.streak-fire-container .fire{transform-origin:50%;pointer-events:none;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-64%)scale(.24)}.fire-center{width:100%;height:100%;animation:3s ease-out infinite both scaleUpDown;position:absolute}.fire-center .main-fire{filter:drop-shadow(0 0 10px #d43322);background-image:radial-gradient(at 10px 0,#d43300 0%,#ef5a00 95%);border-radius:0 40% 60%;width:100%;height:100%;position:absolute;transform:scaleX(.8)rotate(45deg)}.fire-center .particle-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:50%;width:10px;height:10px;animation:2s ease-out infinite both particleUp;position:absolute;top:60%;left:45%}.fire-right{width:100%;height:100%;animation:2s ease-out infinite both shake;position:absolute}.fire-right .main-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;right:-25%;transform:scaleX(.8)rotate(45deg)}.fire-right .particle-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:50%;width:15px;height:15px;animation:2s ease-out infinite both particleUp;position:absolute;top:45%;left:50%;transform:scaleX(.8)rotate(45deg)}.fire-left{width:100%;height:100%;animation:3s ease-out infinite both shake;position:absolute}.fire-left .main-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;left:-20%;transform:scaleX(.8)rotate(45deg)}.fire-left .particle-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:50%;width:10%;height:10%;animation:3s ease-out infinite both particleUp;position:absolute;top:10%;left:20%}.fire-bottom .main-fire{filter:blur(10px);background-color:#ff7800;border-radius:0 40% 100%;width:75%;height:75%;animation:2s ease-out infinite both glow;position:absolute;top:30%;left:20%;transform:scaleX(.8)rotate(45deg)}.streak-count{text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 2px #0000001a}@keyframes scaleUpDown{0%,to{transform:scaleY(1)scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skew(0)scale(1)}50%{transform:skew(5deg)scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}@keyframes streakPulse{0%{filter:brightness();box-shadow:0 4px 12px #ff4d004d}to{filter:brightness(1.1);box-shadow:0 6px 20px #ff4d0099}}@keyframes streakFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stats-modal-overlay{z-index:9999;background:#00000059;place-items:center;padding:24px 12px;animation:.2s ease-out forwards statsFadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.stats-modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:440px;margin:auto;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards statsZoomIn;position:relative;box-shadow:0 20px 50px #20283326}.stats-modal ::selection{background:var(--brand);color:#fff}@keyframes statsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes statsZoomIn{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.stats-modal-overlay.is-closing{animation:.2s ease-in forwards statsFadeOut}.stats-modal.is-closing{animation:.2s cubic-bezier(.36,0,.66,-.56) forwards statsZoomOut}@keyframes statsFadeOut{0%{opacity:1}to{opacity:0}}@keyframes statsZoomOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(8px)}}@media (width<=640px){.stats-modal-overlay{align-items:flex-start;padding:16px 8px 12px}.stats-modal{border-radius:16px;padding:16px}.stats-modal .quick-access-modal-header{margin-bottom:14px!important}.stats-modal .quick-access-modal-header h2{font-size:16px!important}.stats-modal .quick-access-modal-sub{font-size:11px!important}.stats-modal .edit-icon-btn{top:12px!important;right:12px!important}}@media (width<=480px){.stats-modal-overlay{padding:12px 6px 8px}.stats-modal{border-radius:14px;padding:12px}.stats-modal .quick-access-modal-close{width:28px;height:28px;top:8px;right:8px}}@media (width<=400px){.stats-modal{border-radius:12px;padding:10px}.stats-modal .quick-access-modal-header{margin-bottom:10px!important}.stats-modal .quick-access-modal-header h2{font-size:14px!important}}.modal-btn-danger{cursor:pointer;text-transform:none;border:1px solid var(--danger);min-width:130px;height:42px;color:var(--danger);background:#be123c0f;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13.5px;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.modal-btn-danger:hover{border-color:var(--danger);color:var(--danger);background:#be123c1f;transform:translateY(-1px);box-shadow:0 6px 16px #be123c14}.hamburger-overlay{-webkit-backdrop-filter:blur(8px);z-index:1300;background:#0f172a73;animation:.25s cubic-bezier(.16,1,.3,1) forwards hamburgerFadeIn;position:fixed;inset:0}.hamburger-overlay.is-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards hamburgerFadeOut}.hamburger-panel,.hamburger{background:var(--panel);border-right:1px solid var(--line);z-index:1301;flex-direction:column;width:290px;max-width:calc(100vw - 56px);animation:.3s cubic-bezier(.16,1,.3,1) forwards hamburgerSlideIn;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 40px #0f172a14}.hamburger.is-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards hamburgerSlideOut}.hamburger-header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hamburger-brand .brand-mark{justify-content:flex-start;gap:8px}.hamburger-brand .brand-mark svg{width:22px;height:22px}.hamburger-brand .brand-text span{font-size:18px;font-weight:700;font-family:var(--font-display)}.hamburger-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex}.hamburger-close-btn:hover{background:rgba(var(--brand-rgb), .12);color:var(--brand);transform:scale(1.15)}.hamburger-nav{flex-direction:column;flex:1;padding:16px 12px;display:flex;overflow-y:auto}.hamburger-item{color:var(--muted-dark);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:12px;width:100%;padding:12px 16px 12px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.hamburger-item:hover{background:var(--soft);color:var(--ink)}.hamburger-item.active{font-weight:700;color:var(--ink)!important;background:0 0!important;border:1px solid #0000!important}.hamburger-item.active:before{content:"";background-color:var(--brand);border-radius:4px;width:4px;position:absolute;top:10px;bottom:10px;left:6px}.hamburger-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.hamburger-icon svg{color:var(--muted);transition:all .2s}.hamburger-item:hover .hamburger-icon svg,.hamburger-item.active .hamburger-icon svg{color:var(--ink)!important}.hamburger-group{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.hamburger-group-trigger{width:100%;color:var(--muted-dark);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:5px;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.hamburger-group-trigger:hover{background:var(--soft);color:var(--ink)}.hamburger-group-trigger .hamburger-icon svg{transition:all .2s}.hamburger-group-trigger:hover .hamburger-icon svg{color:var(--ink)}.hamburger-group-chevron{color:var(--muted);transition:transform .25s cubic-bezier(.16,1,.3,1)}.hamburger-group.open .hamburger-group-chevron{transform:rotate(180deg)}.hamburger-group-items{opacity:0;flex-direction:column;gap:4px;max-height:0;margin-top:0;margin-bottom:0;padding-left:12px;transition:max-height .25s cubic-bezier(.16,1,.3,1),opacity .2s ease-in-out,margin .25s ease-in-out;display:flex;overflow:hidden}.hamburger-group.open .hamburger-group-items{opacity:1;max-height:500px;margin-top:4px;margin-bottom:2px}.hamburger-group-item{color:var(--muted-dark);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;padding:9px 16px 9px 20px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.hamburger-group-item:hover{background:var(--soft);color:var(--ink)}.hamburger-group-item.active{color:var(--ink);background:0 0;border:1px solid #0000;font-weight:700}.hamburger-group-item.active:before{content:"";background-color:var(--brand);border-radius:3.5px;width:3.5px;position:absolute;top:8px;bottom:8px;left:6px}.hamburger-group-item-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.hamburger-group-item-icon svg{color:var(--muted)}.hamburger-group-item:hover .hamburger-group-item-icon svg,.hamburger-group-item.active .hamburger-group-item-icon svg{color:var(--ink)}.hamburger-group-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:10px 20px 2px;font-size:10.5px;font-weight:800}@keyframes hamburgerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hamburgerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hamburgerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes hamburgerSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.header-right-nav{align-items:center;display:flex}.header-right-row{align-items:center;gap:6px;display:flex}.profile-avatar-container{--avatar-size:clamp(56px, 8.5vh, 76px);--avatar-badge-size:calc(var(--avatar-size) * .56);flex-shrink:0;display:inline-flex;position:relative}.profile-avatar-badge-img{width:var(--avatar-badge-size)!important;height:var(--avatar-badge-size)!important}.avatar-wreath-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.google-play-wreath{-o-object-fit:contain;object-fit:contain;width:160%;max-width:none;height:160%;transform:translateY(-1px)translate(0)}.profile-avatar.profile-avatar-hoverable{cursor:pointer;z-index:1;position:relative;overflow:hidden}.avatar-edit-overlay{opacity:0;color:#fff;z-index:1;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.profile-avatar.profile-avatar-hoverable:hover .avatar-edit-overlay{opacity:1}.profile-avatar.profile-avatar-hoverable:active .avatar-edit-overlay{background:#0000008c}.profile-avatar.profile-avatar-hoverable:focus-visible{outline:3px solid rgba(var(--brand-rgb), .35);outline-offset:3px}.avatar-edit-overlay svg{stroke-width:2.5px;width:28%;min-width:14px;height:28%;min-height:14px}.avatar-edit-overlay{pointer-events:none}.avatar-rank-badge-wrap{pointer-events:none;width:var(--avatar-badge-size);height:var(--avatar-badge-size);justify-content:center;align-items:center;display:flex}.avatar-rank-badge-tooltip[data-tip]:before{bottom:100%!important}.avatar-rank-badge-tooltip[data-tip]:after{bottom:calc(100% - 6px)!important}.profile-modal-overlay{z-index:9999;background:#00000059;place-items:center;padding:24px 12px;animation:.2s ease-out forwards statsFadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.profile-modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:440px;margin:auto;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards statsZoomIn;position:relative;box-shadow:0 20px 50px #20283326}.profile-avatar-modal{flex-direction:column;gap:18px;display:flex}.profile-avatar-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding-right:28px;display:flex}.profile-avatar-modal-title{color:var(--ink);margin:0 0 6px;font-size:22px;font-weight:850;line-height:1.1}.profile-avatar-modal-copy{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.profile-avatar-modal-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-avatar-modal-pill{border:1px solid rgba(var(--brand-rgb), .16);background:rgba(var(--brand-rgb), .06);height:30px;color:var(--ink);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.profile-avatar-modal .avatar-editor{width:100%}.profile-avatar-modal-actions{justify-content:stretch;gap:10px;width:100%;display:flex}.profile-avatar-modal-actions .btn-ghost,.profile-avatar-modal-actions .btn-primary{flex:1 1 0;min-width:0}.profile-avatar-modal-error{color:var(--danger);margin:-4px 0 0;font-size:13px;font-weight:600;line-height:1.5}.profile-modal-overlay.is-closing{animation:.2s ease-in forwards statsFadeOut}.profile-modal.is-closing{animation:.2s cubic-bezier(.36,0,.66,-.56) forwards statsZoomOut}@media (width<=640px){.profile-modal-overlay{align-items:flex-start;padding:16px 8px 12px}.profile-modal{border-radius:16px;padding:16px}.profile-avatar-modal-head{padding-right:24px}.profile-avatar-modal-title{font-size:20px}}@media (width<=480px){.profile-modal-overlay{padding:12px 6px 8px}.profile-modal{border-radius:14px;padding:12px}.profile-avatar-modal-head{flex-direction:column;padding-right:20px}.profile-avatar-modal-meta{justify-content:flex-start}.profile-avatar-modal-actions{flex-direction:row;gap:8px}}.mode-cards-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:900px;display:grid}.home-mode-card{cursor:pointer;background:var(--panel,#fff);border:1.5px solid var(--line);text-align:left;box-sizing:border-box;border-radius:20px;outline:none;flex-direction:column;width:100%;padding:0;font-family:inherit;transition:border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 30px #20283308}.home-mode-card:hover{border-color:rgba(var(--brand-rgb), .25);box-shadow:0 16px 40px rgba(var(--brand-rgb), .08);transform:translateY(-4px)}.home-mode-card:active{transform:translateY(-1px)scale(.985)}.home-mode-card .landing-card-media{border-bottom:1.5px solid var(--line);background:linear-gradient(135deg, rgba(var(--brand-rgb), .018) 0%, rgba(var(--brand-rgb), .035) 100%);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:160px;padding:8px;display:flex;position:relative;overflow:hidden}.home-mode-card .landing-card-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.home-mode-card:hover .landing-card-img{transform:scale(1.06)}.home-mode-card .landing-card-content{text-align:left;box-sizing:border-box;flex-direction:column;flex-grow:1;padding:16px;display:flex}.home-mode-card .landing-card-header-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.home-mode-card .landing-card-content h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:15px;font-weight:850;line-height:1.2}.home-mode-card .landing-card-content p{color:var(--muted);flex-grow:1;margin:0 0 12px;font-size:12.5px;font-weight:600;line-height:1.45}.home-mode-card .landing-card-btn{color:var(--brand);font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:6px;width:fit-content;margin-top:auto;padding:0;font-size:13px;font-weight:850;transition:color .2s;display:inline-flex}.home-mode-card:hover .landing-card-btn{color:var(--brand-dark)}.home-mode-card .landing-card-btn svg{transition:transform .2s}.home-mode-card:hover .landing-card-btn svg{transform:translate(3px)}@media (width<=768px){.mode-cards-grid{grid-template-columns:1fr;gap:12px}.home-mode-card{border-radius:20px;min-height:80px;text-align:left!important;flex-direction:row!important;align-items:center!important;position:relative!important}.home-mode-card .landing-card-media{background:linear-gradient(135deg, rgba(var(--brand-rgb), .018) 0%, rgba(var(--brand-rgb), .035) 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;border-bottom:none!important;border-right:1.5px solid var(--line)!important;width:120px!important;height:90px!important;padding:8px!important}.home-mode-card .landing-card-content{flex-direction:column;flex-grow:1;justify-content:center;gap:2px;display:flex;padding:10px 36px 10px 14px!important}.home-mode-card .landing-card-content h3{color:var(--ink);font-weight:850;margin:0!important;font-size:14px!important}.home-mode-card .landing-card-content p{color:var(--muted);line-height:1.35;margin:0!important;font-size:11.5px!important}.home-mode-card .landing-card-btn{color:var(--brand)!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important}.home-mode-card .landing-card-btn span{display:none!important}.home-mode-card .landing-card-btn svg{width:16px!important;height:16px!important}}.mode-cards-grid.duel-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;margin-left:auto;margin-right:auto}@media (width<=768px){.mode-cards-grid.duel-mode-grid{grid-template-columns:1fr;max-width:100%}}.desktop-only-nav{box-sizing:border-box;align-items:center;gap:16px;display:flex}.nav-tab-btn{color:var(--muted);font-family:var(--font-display,inherit);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:4px;height:32px;padding:6px 4px;font-size:14px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.nav-tab-btn:after,.nav-btn:after{content:"";background-color:var(--brand);transform-origin:50%;border-radius:2.5px;height:2.5px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:2px;right:2px;transform:scaleX(0)}.nav-tab-btn:hover{color:var(--ink)}.nav-tab-btn.active{font-weight:700}.nav-tab-btn.active:after,.nav-btn.active:after{transform:scaleX(1)}@media (width>=769px) and (width<=1250px){.tablet-hide{display:none!important}}.mobile-only-btn,.mobile-only-btn-wrapper{display:none!important}@media (width<=980px){.desktop-only-nav{display:none!important}.mobile-only-btn{display:inline-flex!important}.mobile-only-btn-wrapper{display:block!important}}@media (width>=769px){.top-actions:not(.screen-test){justify-content:space-between!important;align-items:center!important;gap:24px!important;display:flex!important}.top-actions:not(.screen-test) .header-center{order:1!important;margin:0!important;animation:none!important;display:flex!important;position:static!important;transform:none!important}.top-actions:not(.screen-test) .header-center.home-logo-hide{display:flex!important}.top-actions:not(.screen-test) .header-left{flex-grow:1!important;order:2!important;justify-content:flex-start!important;display:flex!important;position:static!important}.top-actions:not(.screen-test) .header-right{order:3!important;justify-content:flex-end!important;display:flex!important;position:static!important}}.profile-dropdown.nav-dropdown-wrapper{width:auto;margin-right:0}.profile-dropdown-menu{left:auto!important;right:0!important}.profile-dropdown.nav-dropdown-wrapper.open .nav-tab-btn,.profile-dropdown.nav-dropdown-wrapper.open .nav-tab-btn svg{color:var(--ink)!important}@media (hover:hover){.profile-dropdown.nav-dropdown-wrapper .nav-tab-btn:hover,.profile-dropdown.nav-dropdown-wrapper .nav-tab-btn:hover svg{color:var(--ink)!important}}.profile-dropdown.nav-dropdown-wrapper .nav-tab-btn.active,.profile-dropdown.nav-dropdown-wrapper .nav-tab-btn.active svg{font-weight:700}.profile-dropdown.nav-dropdown-wrapper .nav-tab-btn.active:after{transform:scaleX(1)}.profile-dropdown-menu li.menu-logout{border-radius:8px;color:var(--danger)!important}.nav-dropdown-menu .menu-separator,.profile-dropdown-menu .menu-separator{background:var(--line);pointer-events:none;border-radius:0;height:1px;margin:4px 8px;padding:0!important}.profile-dropdown-menu li.menu-logout svg{color:var(--danger)}@media (hover:hover){.profile-dropdown-menu li.menu-logout:hover{background:rgba(var(--danger-rgb), .08)!important;color:var(--danger)!important}.profile-dropdown-menu li.menu-logout:hover svg{color:var(--danger)!important}}.hamburger-divider{background:var(--line);height:1px;margin:8px 12px}.hamburger-item.hamburger-logout{color:var(--danger)}.hamburger-item.hamburger-logout .hamburger-icon svg{color:var(--danger)!important}.hamburger-item.hamburger-logout:hover{color:var(--danger)!important;background:#ef44440d!important}.hamburger-item.hamburger-logout:hover .hamburger-icon svg{color:var(--danger)!important;transform:scale(1.1)translate(2px)!important}.custom-dropdown{position:relative}.custom-dropdown-chevron{opacity:.7;flex-shrink:0;transition:transform .2s}.nav-btn .custom-dropdown-chevron{transition:transform .2s,color .15s}.custom-dropdown.open .custom-dropdown-chevron{transform:rotate(180deg)}@media (width<=768px){.custom-dropdown-chevron{display:none!important}}.nav-dropdown-wrapper{display:inline-block;position:relative}.nav-dropdown-menu{z-index:100;transform-origin:0 0;background:#fff;border:1px solid #00000014;border-radius:16px;width:max-content;min-width:max-content;max-width:calc(100vw - 24px);margin:0;padding:6px;list-style:none;animation:.2s cubic-bezier(.34,1.56,.64,1) colorDropdownIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px -5px #0000000a,0 20px 48px -10px #00000014,inset 0 0 0 1px #ffffff80}.profile-dropdown-menu,.color-dropdown-menu{width:max-content;min-width:max-content;max-width:calc(100vw - 24px)}.nav-dropdown-menu.closing{pointer-events:none;animation:.15s cubic-bezier(.25,1,.5,1) forwards colorDropdownOut}.nav-dropdown-menu li{cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:flex}.nav-dropdown-menu li.nav-dropdown-section-label{cursor:default;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;opacity:.8;border-radius:0;padding:12px 14px 4px;font-size:10px;font-weight:750}@media (hover:hover){.nav-dropdown-menu li:hover{background:var(--soft);color:var(--ink);transform:translate(4px)}.nav-dropdown-menu li.nav-dropdown-section-label:hover{color:var(--muted);background:0 0;transform:none}}.nav-dropdown-menu li svg,.color-dropdown-menu li svg{color:var(--muted);transition:color .2s,transform .2s}.nav-dropdown-menu li.active,.color-dropdown-menu li.active,.profile-dropdown-menu li.active{background:var(--soft);color:var(--ink);font-weight:700}.nav-dropdown-menu li.active svg,.color-dropdown-menu li.active svg,.profile-dropdown-menu li.active svg{color:var(--ink)!important}.dropdown-menu-link{color:inherit;align-items:center;gap:10px;width:100%;text-decoration:none;display:flex}@media (hover:hover){.nav-dropdown-menu li:hover svg,.color-dropdown-menu li:hover svg{color:var(--ink)}}.nav-dropdown-menu:before,.color-dropdown-menu:before,.profile-dropdown-menu:before,.permit-dropdown-menu:before{content:"";background:0 0;height:14px;position:absolute;top:-14px;left:0;right:0}.permit-dropdown-menu,.color-dropdown-menu,.profile-dropdown-menu,.nav-dropdown-menu{flex-direction:column;gap:2px;display:flex}.test-layout{flex-direction:column;flex:1;gap:14px;width:100%;min-width:0;min-height:0;padding:0 0 8px;display:flex}.test-topbar{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.test-topbar-saved{padding-top:8px}.test-topbar div{text-align:left}.test-info{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.test-permit-name{white-space:nowrap}.test-topbar .permit-dropdown{width:auto;margin:0;font-size:14px}.test-topbar span{font-family:var(--font-display);color:var(--ink);font-size:16px;font-weight:800}.test-topbar strong,.test-topbar small{display:none}.test-timer{font-family:var(--font-display);color:var(--muted);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.test-score-counter{color:var(--green)}.test-topbar-saved .test-score-counter{color:#000}.test-score-counter.text-danger{color:var(--danger)}.test-topbar-saved .test-timer .test-score-counter:last-child{color:var(--ink)}.test-topbar-saved .test-timer .test-score-counter.text-danger:last-child{color:var(--danger)}.test-meta-separator{color:var(--line);font-size:12px}.test-timer span:last-child{font-family:var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums}.test-main{flex:1;grid-template-columns:300px 1fr;align-items:stretch;gap:24px;width:100%;min-height:0;display:grid}.test-left{border-right:1px solid var(--line);flex-direction:column;gap:12px;padding-right:24px;display:flex}.question-image-v2{background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3;border-radius:12px;justify-content:center;align-items:center;width:100%;height:auto;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn-save-question-overlay{display:none}.question-image-v2 img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.no-image-placeholder{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.btn-save-question{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:13px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 4px #20283305}@media (hover:hover){.btn-save-question:hover{background:var(--soft);border-color:var(--muted);transform:translateY(-.5px)}}.btn-save-question.active{background:rgba(var(--brand-rgb), .08);border-color:var(--brand);color:var(--brand)}.btn-save-question .star-icon{font-size:16px}.test-right{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:12px;display:flex;overflow-y:auto}.test-right::-webkit-scrollbar{width:6px}.test-right::-webkit-scrollbar-track{background:0 0}.test-right::-webkit-scrollbar-thumb{background-color:var(--line);border-radius:3px}.test-right::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.question-heading{flex-direction:column;justify-content:center;gap:4px;height:auto;min-height:68px;padding:8px 0;display:flex}.mobile-only{display:none}.desktop-only{display:flex}.question-index-label{letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:800}.question-heading h2{color:var(--ink);margin:0;font-size:18px;font-weight:750;line-height:1.35}.answers{flex-direction:column;gap:8px;display:flex}.answer-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;width:100%;height:auto;min-height:52px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:grid}.answer-card span{background:var(--soft);border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}@media (hover:hover){.answer-card:hover{background:var(--soft);border-color:var(--muted)}}.answer-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .08)}.answer-card.selected span{border-color:var(--brand);color:var(--brand);background:rgba(var(--brand-rgb), .06)}.answer-card.correct{border-color:var(--green);background:#f0fdf4}.answer-card.correct span{background:var(--green);color:#fff;border-color:var(--green)}.answer-card.wrong{border-color:var(--danger);background:#fef2f2}.answer-card.wrong span{background:var(--danger);color:#fff;border-color:var(--danger)}.answer-card:disabled{cursor:default;opacity:.62}.learn-coach{background:linear-gradient(135deg, #2028330e, rgba(var(--brand-rgb), .07));border:1px solid #2028331f;border-radius:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:12px;padding:12px;display:grid}.learn-coach.is-answered{background:rgba(var(--brand-rgb), .055);border-color:rgba(var(--brand-rgb), .18)}.learn-coach-main{text-align:left;gap:4px;min-width:0;display:grid}.learn-coach-head{gap:4px;display:grid}.learn-coach-kicker{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;font-weight:850;display:flex}.learn-coach-kicker span:last-child{color:var(--muted)}.learn-coach h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:18px;font-weight:850;line-height:1.15}.learn-coach p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.learn-coach-badges{flex-wrap:wrap;gap:8px;display:flex}.learn-coach-badge{border:1px solid rgba(var(--brand-rgb), .18);max-width:100%;color:var(--ink);background:#ffffffc7;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.learn-coach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.learn-coach-panel{text-align:left;background:#ffffffb8;border:1px solid #20283317;border-radius:10px;align-items:start;gap:8px;min-width:0;padding:8px 10px;display:grid}.learn-coach-panel-title{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:850;display:flex}.learn-coach-panel p{color:var(--ink);font-size:12.5px;font-weight:650;line-height:1.35}.learn-coach-panel svg{color:var(--brand);margin-top:1px}.learn-coach-footer{border-top:1px solid #20283314;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:10px;display:flex}.learn-coach-footer p{color:var(--ink);font-size:12.5px;font-weight:650}.learn-ready-btn{flex:none;min-width:0;height:34px;padding:0 14px;font-size:12.5px}.answer-explain{background:rgba(var(--brand-rgb), .06);border:1px solid rgba(var(--brand-rgb), .2);color:var(--muted);text-align:left;border-radius:12px;margin-top:4px;padding:12px 16px;font-size:13px;line-height:1.45}.answer-explain strong{color:#000}.duel-error-toast{z-index:9999;background:rgba(var(--danger-rgb), .7);color:#fff;text-align:center;border:1px solid rgba(var(--danger-rgb), .3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(var(--brand-rgb), .12);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:calc(100vw - 40px);padding:10px 20px;font-size:13px;font-weight:700;animation:.3s ease-out duelErrorFadeIn;position:fixed;bottom:100px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes duelErrorFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.duel-rival-card{background:rgba(var(--brand-rgb), .06);border:1px solid rgba(var(--brand-rgb), .2);border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px 14px;padding:20px 16px;display:grid;overflow:hidden}.duel-rival-side{align-items:center;gap:12px;min-width:0;display:flex}.duel-rival-side-opponent{flex-direction:row-reverse}.duel-rival-avatar{background:var(--brand);color:#fff;font-family:var(--font-display);border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:850;display:flex}.duel-rival-avatar-self{background:rgba(var(--brand-rgb), .14);color:var(--brand)}.duel-rival-copy{text-align:left;gap:2px;min-width:0;display:grid}.duel-rival-side-opponent .duel-rival-copy{text-align:right}.duel-rival-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.duel-rival-copy strong{color:var(--ink);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:850;overflow:hidden}.duel-rival-copy small{color:var(--muted);font-size:12px;font-weight:750}.duel-rival-vs{align-self:center;place-items:center;gap:1px;padding:0 6px;display:grid}.duel-rival-vs strong{color:var(--brand);font-size:18px}.duel-rival-vs-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;text-align:center;max-width:82px;font-size:9px;font-weight:800;line-height:1.1}.duel-rival-vs-count{color:var(--ink);font-size:13px;font-weight:850;line-height:1.1}.answer-explain p{color:var(--muted);margin:4px 0 0}.question-nav{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.test-bottom{border-top:1px solid var(--line);flex:none;max-height:none;margin-top:0;padding-top:6px;overflow:visible}.question-dots{grid-template-columns:repeat(10,1fr);gap:6px;width:100%;display:grid}.dot-btn{border:1px solid var(--line);background:var(--soft);height:28px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .15s;display:flex;position:relative}.dot-btn:disabled{cursor:default;opacity:.45}@media (hover:hover){.dot-btn:hover{background:var(--line)}}.dot-btn.active{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .1);background:#fff}.dot-btn.answered{border-color:var(--brand);color:var(--brand);background:#fff}.dot-btn.correct-dot{border-color:var(--green,#047857)!important;color:var(--green,#047857)!important;background:#0478570f!important}.dot-btn.wrong-dot{border-color:var(--danger,#be123c)!important;color:var(--danger,#be123c)!important;background:#be123c0f!important}.dot-btn.active.correct-dot{box-shadow:0 0 0 2px #0478572e!important}.dot-btn.active.wrong-dot{box-shadow:0 0 0 2px #be123c2e!important}.dot-btn.rival-done{border-color:var(--brand-dark);color:var(--brand-dark)}.dot-btn.rival-done:after{content:"";background:var(--brand-dark);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.dot-btn.rival-current{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .14);background:rgba(var(--brand-rgb), .06);color:var(--brand)}.dot-btn.rival-current:before{content:"";border-radius:inherit;border:1px solid rgba(var(--brand-rgb), .22);pointer-events:none;position:absolute;inset:2px}.centered-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:340px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite spin}.results-panel{flex-grow:1;justify-content:center}.results-panel h2{margin:8px 0 0;font-size:clamp(28px,4vw,36px)}.results-panel .leaderboard-list-wrap{flex-grow:0}.leaderboard-panel{text-align:center;flex-direction:column;flex-grow:1;align-items:center;width:100%;max-width:980px;min-height:0;margin:0 auto 8px;padding:8px 0;display:flex}.leaderboard-panel h2{font-size:clamp(28px,4vw,36px);font-family:var(--font-display);font-weight:800}.leaderboard-list-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:8px;display:flex}.leaderboard-list-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:750}.leaderboard-list-header span{color:var(--muted);font-size:13px;font-weight:700}.btn-link-icon{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:750}@media (hover:hover){.btn-link-icon:hover{text-decoration:underline}}.leaderboard-list-wrap{flex-grow:1;width:100%;min-height:0;padding-right:8px;overflow-y:auto}.elo-up{color:#10b981;font-size:12px;font-weight:700;font-family:var(--font-display)}.elo-down{color:#ef4444;font-size:12px;font-weight:700;font-family:var(--font-display)}.elo-neutral{color:var(--muted);font-size:12px;font-weight:700;font-family:var(--font-display)}.result-level-change{font-size:20px;font-weight:900;font-family:var(--font-display);letter-spacing:.02em;margin-top:8px}.result-level-change.level-up{color:var(--green);animation:.6s cubic-bezier(.34,1.56,.64,1) both resultLevelUp}.result-level-change.level-down{color:var(--danger);animation:.6s cubic-bezier(.34,1.56,.64,1) both resultLevelDown}.rank-change-up .elo-level-badge{animation:.5s cubic-bezier(.34,1.56,.64,1) both badgeRankUp}.rank-change-down .elo-level-badge{animation:.5s cubic-bezier(.34,1.56,.64,1) both badgeRankDown}@keyframes badgeRankUp{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes badgeRankDown{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}@keyframes resultLevelUp{0%{opacity:0;transform:translateY(8px)}50%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes resultLevelDown{0%{opacity:0;transform:translateY(-8px)}50%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.leader-list{gap:12px;width:100%;margin-top:0;display:grid}.auth-username-input{border-radius:12px;outline:none;width:100%;height:40px;padding:0 36px 0 12px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}@media (width>=640px){.auth-username-input{height:44px;padding:0 40px 0 16px;font-size:14px}}.auth-username-input:focus{box-shadow:0 0 0 3px rgba(var(--brand-rgb), .12);border-color:var(--brand)!important}.auth-username-input.at-limit{box-shadow:0 0 0 3px #ef44441f;border-color:#ef4444!important}.auth-username-input.limit-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both authLimitShake;box-shadow:0 0 0 3px #ef444426;border-color:#ef4444!important}.auth-char-counter{color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;transition:color .2s,opacity .2s,transform .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (width>=640px){.auth-char-counter{right:12px}}.auth-char-counter.at-limit{color:#ef4444;opacity:1;transform:translateY(-50%)scale(1.1)}.auth-password-input{padding-right:40px!important}@media (width>=640px){.auth-password-input{padding-right:46px!important}}@keyframes authLimitShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}.swipe-arrow-hint{-webkit-backdrop-filter:blur(8px);color:var(--brand);z-index:9999;pointer-events:auto;cursor:pointer;background:#ffffffbf;border:1px solid #0000000f;outline:none;align-items:center;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000014;box-sizing:border-box!important;border-radius:50%!important;width:56px!important;min-width:0!important;height:56px!important;min-height:0!important}@media (width>=1024px){.swipe-arrow-hint{display:none!important}}.swipe-arrow-left{justify-content:flex-end;animation:3.5s ease-in-out forwards swipeArrowLeftInOut;left:-28px;padding-right:8px!important}.swipe-arrow-right{justify-content:flex-start;animation:3.5s ease-in-out forwards swipeArrowRightInOut;right:-28px;padding-left:8px!important}@keyframes swipeArrowLeftInOut{0%{opacity:0;transform:translateY(-50%)translate(-28px)}15%,85%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(-28px)}}@keyframes swipeArrowRightInOut{0%{opacity:0;transform:translateY(-50%)translate(28px)}15%,85%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(28px)}}.desktop-shortcuts-widget{z-index:100;background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:14px;width:240px;padding:18px;animation:.25s cubic-bezier(.16,1,.3,1) widgetSlideUp;display:flex;position:fixed;bottom:86px;right:24px;box-shadow:0 10px 30px #0000000f}.desktop-shortcuts-widget.is-closing{pointer-events:none;animation:.25s cubic-bezier(.16,1,.3,1) forwards widgetSlideDown!important}@keyframes widgetSlideUp{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes widgetSlideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.95)}}.desktop-shortcuts-widget .widget-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.desktop-shortcuts-widget .widget-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:0;font-size:11px;font-weight:800}.desktop-shortcuts-widget .widget-close-btn{color:var(--muted);cursor:pointer;opacity:.7;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:2px;transition:opacity .2s,color .2s;display:flex}.desktop-shortcuts-widget .widget-close-btn:hover{opacity:1;color:var(--ink)}.desktop-shortcuts-widget .shortcut-row{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.desktop-shortcuts-widget .key-caps-group{align-items:center;gap:4px;display:flex}.desktop-shortcuts-widget .key-cap{color:var(--ink);background:#fff;border:1px solid #0000001f;border-bottom-width:2.5px;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-family:inherit;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #0000000a}.desktop-shortcuts-widget .key-cap.key-cap-arrow{font-weight:900}.desktop-shortcuts-widget .shortcut-desc{color:var(--muted);margin-left:auto;font-size:12px}.shortcuts-fab{border:2px solid var(--brand);color:#000;cursor:pointer;z-index:100;background:#fff;border-radius:999px;outline:none;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;animation:.35s cubic-bezier(.34,1.56,.64,1) fabScaleIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 8px #00000014}.shortcuts-fab:hover{background:var(--soft);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.shortcuts-fab-icons{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.shortcuts-fab-icon{justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;position:absolute}.shortcuts-fab-icon-keyboard{opacity:1;transform:rotate(0)scale(1)}.shortcuts-fab-icon-keyboard.hidden{opacity:0;transform:rotate(90deg)scale(.5)}.shortcuts-fab-icon-x{opacity:0;transform:rotate(-90deg)scale(.5)}.shortcuts-fab-icon-x.visible{opacity:1;transform:rotate(0)scale(1)}@media (width<=1280px){.desktop-shortcuts-widget,.shortcuts-fab{display:none}}.name-wrapper{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;display:flex!important}@media (width<=1200px) and (width>=981px){.test-main{grid-template-columns:3fr 7fr;gap:20px}}@media (width<=980px){.app-shell{padding:12px}.main-card{border-radius:24px;flex-direction:column;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:40px 28px 16px;display:flex;width:88%!important;max-width:88vw!important;overflow:hidden auto!important}.top-actions.is-home-header,.top-actions.home-header{top:40px;left:28px;right:28px}.test-main{grid-template-columns:1fr;gap:24px}.test-left{border-right:none;padding-right:0}.quick-actions,.mode-buttons{gap:14px}.test-right{min-height:auto}.question-nav{margin-top:8px}.home-panel{gap:16px;padding:clamp(44px,7vh,60px) 0 8px;justify-content:flex-start!important;overflow-y:auto!important}.duel-panel{justify-content:flex-start!important;overflow-y:auto!important}.home-panel h1{line-height:1.15;white-space:normal!important}.home-panel.is-scrollable,.profile-panel.is-scrollable,.duel-panel.is-scrollable{justify-content:flex-start!important;overflow-y:auto!important}.home-brand-group{gap:3px}.home-panel .brand-mark svg{width:36px;height:36px}.home-panel .brand-text span{font-size:27px}.home-panel h1{margin:8px 0 6px}.mode-buttons,.quick-actions,.result-buttons{margin-bottom:14px}.profile-panel{gap:20px;padding:6px 0 4px;justify-content:flex-start!important;overflow-y:auto!important}.profile-avatar-container{--avatar-size:76px}.profile-avatar{height:var(--avatar-size);width:var(--avatar-size);font-size:30px}.profile-user-summary{gap:12px}.profile-name-row h2{height:26px;font-size:16px}.profile-stats{gap:6px;margin-top:0}.profile-stats>:is(div,button,a,.tooltip-wrapper>:is(div,button,a)){padding:6px 10px}.profile-stats .stat-val-container{height:24px!important;padding:0!important}.profile-rank-badge img{transform:scale(1.35)!important}.profile-stats strong{font-size:18px}.profile-metrics{gap:6px}.profile-metrics>div{padding:6px 10px}.metric-card{padding:6px 8px}.metric-bar{height:6px;margin:4px 0 2px}.profile-chart-card{padding:6px 8px}.sparkline{gap:4px;height:50px}.chart-title{margin:0 0 4px}.profile-actions{gap:8px}}@media (width<=640px){.app-shell{padding:8px}.test-topbar{margin-top:8px}.main-card{border-radius:24px;flex-direction:column;height:calc(100dvh - 16px);padding:20px 16px 14px;display:flex;overflow:hidden auto;width:100%!important;max-width:100%!important;max-height:none!important}.main-card.no-footer{padding:8px 16px 12px;width:100%!important;max-width:100%!important}.top-actions{padding-bottom:12px}.test-layout{flex:none!important;height:auto!important;min-height:auto!important;padding:0 0 10px!important;overflow:visible!important}.centered-state{min-height:calc(100dvh - 120px)}.test-main{flex:none!important;height:auto!important;min-height:auto!important;overflow:visible!important}.test-right{padding-right:0!important;overflow:visible!important}.home-panel,.duel-panel,.profile-panel,.history-panel,.news-panel,.legal-panel,.not-found-panel,.results-panel{justify-content:flex-start!important;padding-top:0!important;overflow-y:auto!important}.leaderboard-panel{justify-content:flex-start!important;padding-top:0!important}.home-panel.is-scrollable,.profile-panel.is-scrollable,.duel-panel.is-scrollable{justify-content:flex-start!important}.top-actions.is-home-header,.top-actions.home-header{top:20px;left:20px;right:20px}.home-panel{gap:14px!important}.home-brand-group{gap:1px}.home-panel h1{line-height:1.15;white-space:normal!important;margin:0 0 2px!important}.home-panel .brand-mark svg{width:24px!important;height:24px!important}.home-panel .brand-text span{font-size:20px!important}.brand-mark{gap:8px}.brand-mark svg{width:26px;height:26px}.brand-text span{font-size:18px}.test-topbar{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-bottom:6px}.test-timer{flex-wrap:wrap;justify-content:center}.test-timer .test-timer-mode-label{align-items:center;gap:8px;display:inline-flex}.test-info{display:none}.header-elo-pill{display:none!important}.access-copy,.result-note{margin:2px 0 8px;font-size:11px}.permit-dropdown{width:100%;font-size:14px}.test-topbar .permit-dropdown{width:auto}.test-topbar .permit-dropdown.saved-filter{width:100%;max-width:100%}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu{max-width:calc(100vw - 1.25rem)}.permit-dropdown-trigger{background-position:right 16px center;background-size:14px;height:48px;padding:0 36px 0 20px}.test-topbar .permit-dropdown-trigger{background-image:none;height:auto;padding:4px 0;line-height:1.2}.test-topbar .permit-dropdown-trigger:after{width:14px;height:14px}.permit-dropdown-menu{border-radius:12px;box-shadow:0 6px 20px #2028331a}.permit-dropdown-menu li{padding:8px 12px;font-size:13px}.btn-primary,.btn-ghost{min-width:auto;height:38px;padding:0 16px;font-size:13px}.btn-primary svg,.btn-ghost svg{width:18px!important;height:18px!important}.quick-actions,.mode-buttons,.result-buttons{flex-wrap:wrap;justify-content:stretch;gap:12px;width:100%;margin-bottom:10px;display:flex}.quick-actions button,.mode-buttons button,.result-buttons button{flex:calc(50% - 6px);width:auto;min-width:0}.secondary-stack{grid-template-columns:repeat(2,1fr)!important;align-items:stretch!important;gap:8px!important;width:100%!important;display:grid!important}.secondary-stack .small-button{width:100%!important;min-width:0!important;height:40px!important;margin-bottom:0!important;font-size:13px!important}.secondary-stack .small-button svg{width:22px!important;height:22px!important}.secondary-stack .small-button:last-child{grid-column:span 2!important}.mode-title{margin:6px 0 3px;font-size:16px}.test-topbar span,.test-timer{font-size:14px}.test-timer .mobile-only{align-items:center;display:inline-flex}.test-layout{gap:8px;padding:0 0 6px}.test-topbar{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:2px;padding-bottom:2px}.test-topbar-saved{padding-top:6px;padding-bottom:2px}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-trigger{text-align:center;justify-content:center}.test-topbar.test-topbar-saved{flex-direction:row;justify-content:space-between;align-items:center}.test-topbar.test-topbar-saved .permit-dropdown.saved-filter{width:auto;max-width:none}.test-topbar.test-topbar-saved .permit-dropdown.saved-filter .permit-dropdown-trigger{text-align:left;justify-content:flex-start}.test-topbar.test-topbar-saved .test-timer{justify-content:flex-end;width:auto}.test-topbar .permit-dropdown:not(.saved-filter){width:100%}.test-topbar .permit-dropdown-trigger{justify-content:flex-start;width:100%;padding:4px 0;line-height:1.2}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu{animation:.15s ease-out dropdownFadeInCentered;left:50%;transform:translate(-50%)}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu.closing{animation:.15s ease-out forwards dropdownFadeOutCentered}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu li{text-align:center;justify-content:center}.test-layout .permit-dropdown.saved-filter .permit-dropdown-menu{animation:.15s ease-out dropdownFadeInLeft!important;left:0!important;transform:none!important}.test-layout .permit-dropdown.saved-filter .permit-dropdown-menu.closing{animation:.15s ease-out forwards dropdownFadeOutLeft!important}.test-layout .permit-dropdown.saved-filter .permit-dropdown-menu li{text-align:left!important;justify-content:flex-start!important}.test-main{grid-template-columns:1fr;gap:8px}.learn-coach{grid-template-columns:1fr;gap:8px;padding:10px}.learn-coach h3{font-size:16px}.learn-coach-badges{gap:6px}.learn-coach-badge{padding:5px 8px;font-size:10.5px}.learn-coach-grid{grid-template-columns:1fr;gap:6px}.learn-coach-panel{padding:7px 9px}.learn-coach-panel p{font-size:12px}.learn-coach-footer{flex-direction:column;align-items:stretch;gap:8px}.learn-ready-btn{width:100%}.test-right{gap:8px}.duel-rival-card{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"self vs rival";align-items:center;gap:8px 10px!important;padding:20px 12px!important}.duel-rival-side,.duel-rival-side-opponent{gap:8px;min-width:0}.duel-rival-side{grid-area:self;justify-content:flex-start}.duel-rival-side-opponent{grid-area:rival;justify-content:flex-end}.duel-rival-side-opponent .duel-rival-copy{text-align:right}.duel-rival-vs{grid-area:vs;justify-items:center;padding:0}.duel-rival-avatar{display:none}.duel-rival-label{letter-spacing:.06em;font-size:9px}.duel-rival-copy strong{font-size:14px}.duel-rival-copy small{font-size:10px}.duel-rival-vs strong{font-size:14px}.duel-rival-vs-label{max-width:68px;font-size:8px}.duel-rival-vs-count{font-size:11px}.test-left{border-right:none;padding-right:0}.question-image-v2{aspect-ratio:4/3;height:auto;max-height:none;position:relative}.btn-save-question-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);height:30px;color:var(--ink);cursor:pointer;background:#ffffffe0;border-radius:99px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 12px #00000014}.btn-save-question-overlay span{line-height:1}.btn-save-question-overlay:active{transform:scale(.92)}.btn-save-question-overlay.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 14px rgba(var(--brand-rgb), .3)}.btn-save-question{display:none!important}.question-heading h2{font-size:16px;line-height:1.35}.question-heading.mobile-only{height:auto;min-height:0;margin:0 0 2px;display:flex}.question-heading.desktop-only{display:none}.answers{gap:6px}.answer-card{border-radius:10px;grid-template-columns:24px minmax(0,1fr);gap:10px;min-height:46px;padding:6px 12px;font-size:13px}.answer-card span{width:22px;height:22px;font-size:10px}.question-nav{gap:10px;margin-top:8px;padding-top:8px}.question-nav button{flex:1 1 0;min-width:0;height:40px;font-size:13px}.test-bottom{max-height:none;margin-top:4px;padding-top:6px;padding-bottom:2px;overflow:visible}.dot-btn{border-radius:6px;height:32px;font-size:10px}.question-dots{grid-template-columns:repeat(5,1fr);gap:6px;padding-bottom:2px}.results-panel,.leaderboard-panel,.history-panel{min-height:0;padding:16px 0 0}.results-panel h2,.leaderboard-panel h2,.history-panel h2{font-size:24px;font-weight:700;margin-bottom:6px!important}.results-panel>svg,.leaderboard-panel>svg{width:40px!important;height:40px!important}.leaderboard-list-header{flex-flow:wrap;align-items:center;gap:4px 8px;margin-top:8px}.leaderboard-list-header h3{font-size:14px}.btn-link-icon{font-size:12px}.leaderboard-list-wrap{max-height:none;padding-right:0}.leader-row{border-radius:16px;gap:14px;padding:12px 16px}.leader-row .leader-row-left{flex:1;gap:16px}.leader-row .leader-card-stats{flex-shrink:0;gap:18px}.leader-row .rank-badge{width:36px;height:36px;font-size:14px}.leader-row .leader-row-left{gap:14px}.leader-row .leader-card-meta strong{font-size:15px}.leader-row .leader-card-meta{min-width:auto}.leader-row .leader-card-meta small{font-size:12px}.leader-row .leader-card-stats{gap:16px}.leader-row .elo-stat-item>div{align-items:center!important}.leader-row .leader-stat-val.elo-val{font-size:18px;line-height:1}.duel-code-slot{width:40px;height:40px;font-size:16px}.legal-document-content{margin-top:16px;padding-right:4px}.profile-panel{justify-content:flex-start!important;gap:6px!important;padding:0 0 2px!important;overflow-y:visible!important}.profile-progress-section{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.profile-user-summary{justify-content:center!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;margin-bottom:4px!important}.profile-avatar-container{--avatar-size:52px!important}.profile-avatar{height:var(--avatar-size)!important;width:var(--avatar-size)!important;font-size:22px!important}.profile-name-container{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;min-width:0!important;display:flex!important}.profile-name-row h2{height:auto!important;font-size:18px!important;line-height:1.2!important}.profile-name-row{justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:auto!important;max-width:none!important;display:inline-flex!important}.profile-name-swap{justify-content:flex-start!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important}.profile-name-swap .profile-name-display{height:auto!important;min-height:0!important}.profile-edit-icon{flex-shrink:0!important;width:20px!important;height:20px!important;margin-left:0!important}.profile-edit-icon svg{width:12px!important;height:12px!important}.profile-subtitle-row{gap:5px!important;margin-top:1px!important}.profile-date{color:var(--muted)!important;text-align:left!important;white-space:nowrap!important;margin-top:0!important;font-size:10px!important;line-height:1.15!important;display:inline!important}.profile-subtitle-dot{font-size:9px!important}.profile-subtitle-row .streak-inline{gap:4px!important}.profile-panel .mode-title{margin:6px 0 3px!important}.profile-stats{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.home-editorial-section{gap:10px!important}.home-editorial-grid,.home-trust-strip{grid-template-columns:1fr!important;gap:10px!important}.home-editorial-card,.home-faq-block{border-radius:14px!important;padding:14px!important}.home-editorial-card h3,.home-faq-block h3{font-size:16px!important}.home-editorial-card p,.home-faq-item p,.home-trust-pill span{font-size:12px!important;line-height:1.55!important}.profile-stats>:is(div,button,a,.tooltip-wrapper>:is(div,button,a)){width:100%;border-radius:10px!important;padding:8px 6px!important}.profile-stats .stat-val-container{height:30px!important;padding:0!important}.profile-rank-badge img{transform:scale(1.45)!important}.profile-stats .stat-label{margin-bottom:1px!important;font-size:9px!important}.profile-stats strong{text-align:center;min-width:48px;font-size:17px!important}.profile-stats .elo-inline-values{white-space:nowrap;align-items:center!important;gap:2px!important}.profile-stats .elo-inline-values .elo-val{min-width:0!important;line-height:1!important}.profile-stats .elo-inline-values .elo-up,.profile-stats .elo-inline-values .elo-down{white-space:nowrap;flex-shrink:0;line-height:1!important}.profile-stats .elo-level-badge{min-width:64px!important;padding:2px 6px!important;font-size:10px!important}.profile-stats div>div{width:100%}.profile-metrics{gap:6px!important}.profile-metrics>div{border-radius:10px!important;padding:6px 8px!important}.metric-card{border-radius:10px!important;padding:4px 6px!important}.metric-head{font-size:9px!important}.metric-bar{height:5px!important;margin:4px 0 2px!important}.profile-chart-card{border-radius:10px!important;padding:6px 8px!important}.sparkline{gap:3px!important;height:52px!important}.spark-col small{margin-top:2px!important;font-size:9px!important}.profile-actions{flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important}.profile-actions .btn-ghost{border-radius:10px!important;justify-content:center!important;width:100%!important;height:36px!important;padding:0 10px!important;font-size:12px!important}.profile-actions .btn-ghost svg{width:18px!important;height:18px!important}.quick-access-root .secondary-row,.results-panel .mis-row,.duel-panel .mis-row{grid-template-columns:repeat(2,1fr)!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:grid!important}.quick-access-root .secondary-row .small-button,.quick-access-root .secondary-row .qe-slot,.results-panel .mis-row .small-button,.duel-panel .mis-row .small-button{width:100%!important;min-width:0!important;height:42px!important;font-size:13px!important}.home-panel .mode-buttons,.duel-panel .mode-buttons{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.home-panel .mode-buttons .btn-primary,.duel-panel .mode-buttons .btn-primary{flex:none!important;width:100%!important;height:42px!important}.duel-code-row{gap:8px;max-width:300px}.duel-code-input-wrap{width:124px;max-width:124px}.duel-code-input{height:36px;padding:0 24px 0 10px;font-size:13px}.duel-enter-btn{border-radius:50%!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important}.main-card{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}.test-layout,.test-main,.test-right,.test-bottom,.question-dots{-webkit-overflow-scrolling:touch!important}::-webkit-scrollbar{display:none}.main-card,.leaderboard-list-wrap,.profile-panel{-ms-overflow-style:none;scrollbar-width:none}.view-transition-wrapper{overflow:visible!important}}@media (width<=1919px){.header-center.home-logo-hide{display:flex}.home-brand-mark{display:none!important}}@media (width<=640px){.top-actions:after,.app-footer:before{left:16px!important;right:16px!important}.duel-rival-card{grid-template-columns:1fr auto 1fr!important;width:100%!important;max-width:100%!important;margin-top:10px!important;margin-bottom:12px!important;padding:20px 8px!important}}.duel-waiting-avatar-wrap{width:var(--avatar-size);height:var(--avatar-size);margin:10px 0;display:inline-flex;position:relative}.duel-waiting-avatar-wrap .profile-avatar-container{width:var(--avatar-size)!important;height:var(--avatar-size)!important}.duel-waiting-avatar-wrap .profile-avatar{width:var(--avatar-size)!important;height:var(--avatar-size)!important;margin:0!important}.duel-waiting-placeholder{margin:10px 0;width:var(--avatar-size)!important;height:var(--avatar-size)!important}.duel-waiting-placeholder-icon{width:calc(var(--avatar-size) * .45)!important;height:calc(var(--avatar-size) * .45)!important}.test-duel-avatar-wrap{width:56px;height:56px;margin:0;display:inline-flex;position:relative;--avatar-size:56px!important}.test-duel-avatar-wrap .profile-avatar-container{width:56px!important;height:56px!important}.test-duel-avatar-wrap .profile-avatar{width:56px!important;height:56px!important;margin:0!important;font-size:20px!important}.test-duel-avatar-wrap .google-play-wreath{transform:translateY(-2.8px)translate(0)!important}@media (width<=480px){.qe-btn-icon{display:none!important}}@media (width<=640px){.study-view .quick-access-root{display:none!important}}.admin-fab{border:2px solid var(--brand);color:#000;cursor:pointer;z-index:100;width:52px;height:52px;box-shadow:0 4px 16px rgba(var(--brand-rgb), .15);background:#fff;border-radius:999px;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.35s cubic-bezier(.34,1.56,.64,1) fabScaleIn;display:flex;position:fixed;bottom:84px;right:24px}.admin-fab:hover{background:var(--soft);box-shadow:0 8px 24px rgba(var(--brand-rgb), .25);transform:translateY(-2px)scale(1.05)}.app-footer{border-top:1px solid var(--line);box-sizing:border-box;width:100%;max-width:none;margin-top:auto;padding:10px 0 0}.app-footer.is-expanded{padding:24px 0 0}.landing-panel .app-footer{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.landing-panel .footer-top-section,.landing-panel .footer-bottom-inner{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.footer-bottom-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-inner{grid-template-rows:0fr auto;width:100%;display:grid}.app-footer.is-expanded .footer-inner{grid-template-rows:1fr auto}.footer-top-section-wrapper{opacity:0;visibility:hidden;min-height:0;margin-bottom:0;transition:opacity .2s,visibility .2s;overflow:hidden}.app-footer.is-expanded .footer-top-section-wrapper{opacity:1;visibility:visible;margin-bottom:24px}.footer-top-section{grid-template-columns:1.4fr repeat(3,1fr);align-items:flex-start;gap:32px;width:100%;display:grid}.footer-brand-col{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;max-width:320px;display:flex}.footer-brand-col .brand-mark{justify-content:flex-start;gap:8px}.footer-brand-col .brand-mark svg{width:22px;height:22px}.footer-brand-col .brand-text span{font-size:18px;font-weight:800}.footer-brand-desc{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.footer-brand-contacts{flex-direction:column;gap:6px;margin-top:6px;display:flex}.footer-contact-item{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.footer-contact-item a{color:inherit;text-decoration:none}@media (hover:hover){.footer-contact-item a:hover{color:var(--ink);text-decoration:underline}}.contact-icon{color:var(--muted);flex-shrink:0}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.footer-links-col{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-links-col h4{font-family:var(--font-display);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:12.5px;font-weight:800}.footer-links-col .footer-link-btn{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;outline:none;padding:2px 0;font-size:13px;text-decoration:none;transition:color .2s;display:inline-block}@media (hover:hover){.footer-links-col .footer-link-btn:hover{color:var(--ink)}}.footer-bottom-section{border-top:1px solid #0000;justify-content:space-between;align-items:center;padding-top:0;transition:border-color .4s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1);display:flex;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.app-footer.is-expanded .footer-bottom-section{border-top-color:var(--line);padding-top:12px}.footer-copyright{color:var(--muted);text-align:left;margin:0;font-size:11.5px}.footer-copyright a{color:inherit;font-weight:inherit;text-decoration:none}@media (hover:hover){.footer-copyright a:hover{text-decoration:underline}}.footer-bottom-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-bottom-link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 0;font-size:12px;text-decoration:none;transition:color .2s}@media (hover:hover){.footer-bottom-link-btn:hover{color:var(--ink)}}.footer-bottom-separator{color:var(--line);-webkit-user-select:none;user-select:none;font-size:10px}.footer-back-to-top{color:var(--ink);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;padding:2px 0;font-size:12px;font-weight:700;transition:color .2s;display:inline-flex}.footer-back-to-top .up-arrow-icon{color:var(--ink);transition:transform .2s,color .2s}@media (hover:hover){.footer-back-to-top:hover{color:var(--ink)}.footer-back-to-top:hover .up-arrow-icon{color:var(--ink);transform:translateY(-2px)}}@media (width<=768px){.footer-top-section{grid-template-columns:repeat(2,1fr);gap:20px 16px}.footer-brand-col{text-align:center;grid-column:span 2;align-items:center;gap:8px;max-width:100%;padding-bottom:0}.footer-brand-col .brand-mark{justify-content:center}.footer-brand-desc{text-align:center;max-width:440px;margin:0 auto}.footer-brand-contacts{justify-content:center;align-items:center;gap:4px;margin-top:4px}.footer-links-col{align-items:center;gap:6px;width:100%}.footer-links-col h4{margin-bottom:2px}.footer-links-col .footer-link-btn{text-align:center;padding:1px 0}.footer-links-col.align-right{text-align:center;grid-column:span 2;align-items:center;gap:6px;width:100%}.footer-links-col.align-right .footer-link-btn{text-align:center}.footer-bottom-inner{text-align:center;flex-direction:column;align-items:center;gap:8px}.footer-copyright{text-align:center}.footer-bottom-links{justify-content:center;gap:6px 10px;width:100%}}@media (width<=480px){.footer-links-grid{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.main-card .top-actions{background:var(--panel);z-index:1000;min-height:62px;position:sticky}.main-card:not(.no-footer) .top-actions{margin:-24px -16px 0;padding:12px 16px 0;top:-24px}.main-card .top-actions .header-center{animation:none;margin:0!important;position:absolute!important;top:calc(50% + 6px)!important;left:50%!important;transform:translate(-50%,-50%)scale(1)!important}.main-card.no-footer .top-actions{margin:-12px -16px 0;padding:12px 16px 0;top:-12px}.main-card:not(.no-footer) .view-transition-wrapper{flex-direction:column;flex:1 0 auto;justify-content:flex-start;min-height:auto;display:flex;overflow:visible!important}.main-card:not(.no-footer) .view-transition-wrapper.screen-auth{justify-content:stretch;flex:1!important;min-height:0!important}.main-card:not(.no-footer) :is(.home-panel,.duel-panel),.main-card:not(.no-footer) :is(.profile-panel,.leaderboard-panel,.history-panel,.results-panel,.legal-panel,.not-found-panel,.news-panel){flex-grow:0;padding-top:0!important}.main-card:not(.no-footer) :is(.leaderboard-list-wrap,.history-list,.legal-document-content,.news-list){flex-grow:0;max-height:none;overflow-y:visible}.main-card:not(.no-footer) .legal-document-content{margin-top:0}.main-card:not(.no-footer) :is(.news-panel,.history-panel,.leaderboard-panel,.results-panel,.legal-panel) h2{font-family:var(--font-display);font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.15}.app-footer{flex-shrink:0;margin-top:0;padding:10px 8px 8px;display:block}.app-footer.is-expanded{padding:20px 8px 0}.footer-credits{text-align:center;margin-bottom:0;margin-right:0;font-size:10.5px;line-height:1.3}.footer-credits-author{display:none}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;width:100%;max-width:none;margin-left:0;display:flex}.footer-links .footer-link-btn{flex:0 0 calc(33.33% - 6px)}.footer-link-btn{white-space:nowrap;text-align:center;border-radius:999px;min-width:0;padding:4px 6px;font-size:10.5px}.footer-separator{display:none}}.nav-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:750;transition:all .15s;display:inline-flex;position:relative;color:var(--muted)!important;height:auto!important;min-height:unset!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:6px 4px!important}.nav-btn svg{color:var(--muted);flex-shrink:0;transition:color .15s;display:block}@media (hover:hover){.nav-btn:hover{color:var(--ink)!important;background:0 0!important;border-color:#0000!important}.nav-btn:hover svg{color:var(--ink)}}.nav-btn-danger{color:var(--danger)}@media (hover:hover){.nav-btn-danger:hover{background:#be123c14;border-color:#be123c33;color:var(--danger)!important}}.header-right-actions{align-items:center;gap:6px;display:flex}.profile-dropdown .account-summary-btn{flex:none;width:max-content;min-width:0;max-width:none}.top-actions .brand-mark{gap:8px;margin-bottom:0}.top-actions .brand-mark svg{width:20px;height:20px;color:var(--brand)}.top-actions .brand-text span{font-size:16px;font-weight:800}@media (width<=640px){.account-slot .account-actions .nav-btn,.account-slot .nav-btn,.account-slot-skeleton{justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:38px!important;padding:0!important;display:inline-flex!important}.top-actions.is-home-header .brand-mark{margin-top:0}.top-actions.is-home-header .brand-mark svg{width:24px;height:24px}.top-actions.is-home-header .brand-text span{font-size:20px}.admin-panel{border-radius:12px}.admin-fab{bottom:calc(72px + env(safe-area-inset-bottom));width:46px;height:46px;right:18px}.admin-fab svg{width:20px;height:20px}.header-right-actions{gap:6px}.nav-btn{justify-content:center;align-items:center;gap:6px;width:auto;height:38px;padding:0 10px;line-height:1}.top-actions .header-left .nav-btn span,.top-actions .header-right .nav-btn span{display:none}.top-actions .header-left .nav-btn,.top-actions .header-right .nav-btn,.profile-dropdown .nav-tab-btn{gap:0;width:40px;justify-content:center!important;align-items:center!important;height:38px!important;padding:0!important;display:inline-flex!important}.top-actions .header-left .nav-btn.nav-btn-danger,.top-actions .header-right .nav-btn.nav-btn-danger{color:var(--danger)!important;background:0 0!important;border:none!important}.header-left-row,.header-right-actions{gap:8px!important}.account-summary-btn .profile-chevron{display:none!important}.color-dropdown{width:auto;margin-right:0!important}.color-dropdown-trigger{width:40px;justify-content:center!important;align-items:center!important;height:38px!important;padding:0!important;display:inline-flex!important}.color-dropdown-trigger span:not(.color-dot),.color-dropdown-trigger:after{display:none}.color-dropdown-menu{right:-8px}.header-center.has-color-picker{left:calc(50% - 20px)}}.secondary-row{flex-wrap:wrap;justify-content:center;gap:16px;width:min(560px,100%);margin:0 auto;display:flex}.secondary-row .small-button{white-space:nowrap;flex:none;width:fit-content;min-width:0;max-width:100%;height:48px;margin-bottom:0}.home-panel .secondary-row .small-button,.profile-quick-section .secondary-row .small-button,.duel-panel .secondary-row .small-button{height:40px}@media (width<=640px){.secondary-row{gap:12px!important;width:100%!important}.secondary-row .small-button{flex:0 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important;height:44px!important;font-size:14px!important}.history-header-card{padding:14px 18px}.account-info-box{flex-direction:column;align-items:flex-start;gap:12px}.account-info-box button{justify-content:center;width:100%}.guest-action-buttons{gap:8px;width:100%;display:flex}.guest-action-buttons button{flex:1}.history-card{flex-direction:column;gap:8px;padding:10px 12px 10px 16px;position:relative;align-items:stretch!important}.history-card-left{width:100%;padding-right:32px}.history-card-right{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:8px;display:flex;justify-content:space-between!important;width:100%!important}.history-card-stats{justify-content:flex-start;gap:16px;display:flex}.history-card-actions{align-items:center;gap:8px;display:flex}.history-card-right .stat-item{text-align:left;align-items:flex-start;min-width:50px}.history-card-right .stat-item.mobile-hidden{display:none}.history-card-right .stat-label{font-size:9px}.history-card-right .stat-val,.history-card-right .time-stat .stat-val{font-size:14px;font-weight:700}.history-card-right .stat-val.elo-val{font-size:16px!important}.btn-delete-result{padding:6px;top:10px;right:10px;position:absolute!important}.leader-list{gap:8px!important}.leader-row{border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:9px 12px 9px 16px!important}.leader-row-left{box-sizing:border-box!important;gap:7px!important;width:100%!important;padding-right:95px!important}.leader-row-right{border-top:1px solid var(--line)!important;justify-content:space-between!important;width:100%!important;padding-top:4px!important}.leader-card-stats{justify-content:space-between!important;gap:0!important;width:100%!important;max-width:280px!important;margin:0 auto!important;display:flex!important}.leader-card-stats .stat-item{text-align:center!important;flex:33.33%!important;justify-content:center!important;align-items:center!important;gap:3px!important;width:33.33%!important;min-width:0!important}.leader-row .leader-card-meta{gap:0!important}.leader-row .leader-card-meta strong{font-size:15px!important;line-height:1.15!important}.leader-row .leader-card-meta small{font-size:11px!important;line-height:1.1!important}.leader-row .status-active-container{margin-top:0!important;position:absolute!important;top:10px!important;right:16px!important}.leader-row .status-active-text{font-size:11px!important;font-weight:500!important}.leader-row .active-label-text{display:none!important}.leader-row .stat-label{color:var(--muted)!important;opacity:.82!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-bottom:2px!important;font-size:8.5px!important;line-height:1!important}.leader-row .stat-val{color:var(--ink)!important;font-size:14px!important;font-weight:800!important;line-height:1!important}.leader-row .stat-val.elo-val{color:var(--ink)!important;font-size:14px!important;font-weight:800!important}.leader-row .stat-val,.leader-row .elo-stat-item>div{justify-content:center!important;align-items:center!important;height:20px!important;display:flex!important}.leader-row .rank-badge{width:36px!important;height:36px!important;font-size:15px!important}.leader-row .elo-level-badge{min-width:unset!important;padding:2px 6px!important;font-size:10px!important}.leader-row.rank-1 .rank-badge,.leader-row.rank-2 .rank-badge,.leader-row.rank-3 .rank-badge{font-size:16px!important}}@media (height<=1020px) and (width>=981px){:root{--card-max-width:74vw}.app-shell{padding:8px}.top-actions.home-header{top:18px;left:28px;right:28px}.home-panel{justify-content:center;gap:18px;padding:10px 0 4px}.home-panel h1{white-space:normal!important;margin:6px 0 2px!important}.access-copy,.result-note{margin:4px 0 10px}.mode-buttons,.quick-actions,.result-buttons{gap:12px;margin-bottom:10px}.home-panel .btn-primary,.home-panel .btn-ghost{height:44px}.home-panel .secondary-row .small-button{height:40px}.app-footer{gap:4px;padding-top:8px}}.app-shell{flex-direction:column}.app-shell.has-banner{padding-top:54px!important}.app-shell.has-banner .main-card{height:calc(100dvh - 66px)!important}.app-shell.has-display-ads{position:relative}.ads-rail{pointer-events:none;z-index:18;width:160px;position:fixed;top:50%;transform:translateY(-50%)}.ads-rail-left{left:max(12px, env(safe-area-inset-left))}.ads-rail-right{right:max(12px, env(safe-area-inset-right))}.ads-rail .ad-slot{pointer-events:auto;width:100%;max-width:none;min-height:600px;margin:0;padding:0}.ad-slot-preview{align-items:stretch;min-height:100%;display:grid}.ad-slot-preview-badge{background:rgba(var(--brand-rgb), .12);color:var(--brand);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:start;width:fit-content;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.ad-slot-preview-card{background:linear-gradient(180deg, #fffffffa, rgba(var(--brand-rgb), .03));text-align:center;border:1px dashed #2028332e;border-radius:18px;place-content:center;align-items:center;gap:4px;min-height:100%;padding:22px 16px;display:grid}.ad-slot-preview-card strong{color:var(--ink);font-size:14px;font-weight:850}.ad-slot-preview-card span{color:var(--muted);font-size:12px}.ads-fullscreen-overlay{-webkit-backdrop-filter:blur(16px);z-index:1200;background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ads-fullscreen-backdrop{background:0 0;border:0;position:absolute;inset:0}.ads-fullscreen-shell{z-index:1;background:#fff;border-radius:28px;width:100%;max-width:min(920px,100vw - 32px);padding:22px;position:relative;box-shadow:0 24px 80px #0f172a47}.ads-fullscreen-close{color:var(--ink);cursor:pointer;background:#0f172a0f;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:16px;right:16px}.ads-fullscreen-caption{text-align:left;gap:6px;max-width:520px;margin-bottom:18px;padding-right:40px;display:grid}.ads-fullscreen-kicker{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.ads-fullscreen-caption strong{color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:850;line-height:1.1}.ads-fullscreen-caption p{color:var(--muted);font-size:14px;line-height:1.55}.ads-fullscreen-slot{min-height:420px}@media (width<=980px){.app-shell.has-banner{padding-top:54px!important}}@media (width<=640px){.ads-rail{display:none}.app-shell.has-banner{padding-top:54px!important;padding-bottom:12px!important}.app-shell.has-banner .main-card{height:calc(100dvh - 66px)!important}}@media (width>=641px) and (width<=1399px){.ads-rail{display:none}}@media (width>=1400px){.ads-rail{display:block}}@media (width<=720px){.ads-fullscreen-overlay{padding:12px}.ads-fullscreen-shell{border-radius:22px;padding:16px}.ads-fullscreen-caption{margin-bottom:14px;padding-right:34px}.ads-fullscreen-caption strong{font-size:20px}.ads-fullscreen-slot{min-height:300px}}@media (height<=900px) and (width>=981px){.app-shell.has-banner{padding-top:52px!important}}@media (height<=1020px) and (width>=981px){.app-shell.has-banner{padding-top:54px!important}}.dev-banner{color:#111;z-index:10000;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:4px 16px;font-size:11px;font-weight:500;animation:.3s ease-out bannerFadeIn;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0000000a}.dev-banner-content{align-items:center;gap:16px;margin:0 auto;display:flex}.dev-banner-close{cursor:pointer;color:#111;flex-shrink:0;transition:transform .15s,opacity .15s}@media (hover:hover){.dev-banner-close:hover{opacity:.8;transform:scale(1.25)}}.dev-banner-text{font-size:14px}@media (width<=640px){.dev-banner-text{font-size:12px}}.dev-banner-mobile{display:inline}.dev-banner-desktop{display:none}@media (width>=641px){.dev-banner-mobile{display:none}.dev-banner-desktop{display:inline}}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width>=641px){.home-panel{justify-content:center!important;gap:12px!important;padding:12px 0 6px!important}.home-brand-group{gap:4px!important}.home-panel h1{margin:0!important;line-height:1.05!important}.access-copy{margin:0!important;font-size:15px!important}.home-permit-group{gap:4px!important;margin-top:16px!important}.permit-rule{margin:0!important}.home-modes-group,.home-progreso-group{gap:8px!important}.profile-panel{justify-content:center!important;gap:10px!important;width:min(100%,600px)!important;max-width:600px!important;padding:12px 0 5px!important}.duel-panel{justify-content:center!important;padding-top:8px!important;padding-bottom:8px!important}.duel-panel .home-permit-group{margin-top:36px!important}.profile-user-summary{gap:10px!important;width:auto!important;max-width:100%!important}.profile-avatar-container{--avatar-size:76px!important}.profile-avatar{width:var(--avatar-size)!important;height:var(--avatar-size)!important;font-size:30px!important}.profile-name-row h2{height:auto!important;padding:0!important;font-size:26px!important;line-height:1.05!important}.profile-name-container{align-items:flex-start!important}.profile-name-row{justify-content:flex-start!important;gap:6px!important;width:auto!important;max-width:none!important;display:inline-flex!important}.profile-name-swap{justify-content:flex-start!important;width:auto!important;min-width:0!important}.profile-edit-icon{flex-shrink:0!important;margin-left:0!important}.profile-progress-section .mode-title{margin-top:12px!important;margin-bottom:5px!important}.profile-quick-section .mode-title{margin-top:12px!important;margin-bottom:5px!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important}.profile-progress-section{width:100%!important}.profile-progress-section>.mode-title+.profile-stats,.profile-progress-section>.mode-title+.profile-chart-card{margin-bottom:0!important}.profile-stats,.profile-metrics{gap:clamp(8px,1.2vh,16px)!important}.profile-metrics{margin-top:0!important}.profile-stats>:is(div,button,a,.tooltip-wrapper>:is(div,button,a)),.profile-metrics>div,.metric-card,.profile-chart-card{border-radius:12px!important}.profile-stats>:is(div,button,a,.tooltip-wrapper>:is(div,button,a)),.profile-metrics>div{padding:6px 10px!important}.profile-chart-card{padding:clamp(6px,1vh,12px) clamp(8px,1.2vw,14px)!important}.sparkline{gap:clamp(4px,.8vw,8px)!important;height:clamp(40px,6vh,74px)!important}.profile-actions{justify-content:center!important;gap:16px!important;width:min(560px,100%)!important;margin-top:0!important;margin-bottom:0!important}.profile-actions .btn-ghost{white-space:nowrap!important;flex:none!important;width:fit-content!important;min-width:0!important;max-width:100%!important;height:48px!important}}@media (width>=1400px){:root{--card-max-width:64vw}.main-card{margin-top:4px}.home-panel,.profile-panel{gap:1.2dvh!important;padding:2.2dvh 0!important}.home-modes-group,.home-progreso-group,.profile-stats,.profile-metrics{gap:1.2dvh!important}.profile-progress-section,.profile-quick-section{flex-direction:column!important;gap:1.2dvh!important;width:100%!important;display:flex!important}.profile-progress-section>.profile-stats,.profile-progress-section>.profile-metrics,.profile-progress-section>.profile-chart-card,.profile-quick-section>.profile-actions{margin:0!important}.profile-progress-section>.mode-title,.profile-quick-section>.mode-title{margin:clamp(4px,.8vh,12px) 0 clamp(2px,.4vh,6px)!important}.test-main{grid-template-columns:3fr 7fr;gap:28px}.test-left{padding-right:28px}}@media (width>=1920px){:root{--card-max-width:64vw}.top-actions.home-header{top:44px;left:56px;right:56px}.home-panel,.profile-panel{justify-content:center!important;gap:.9dvh!important;padding:1.5dvh 0!important}.home-brand-mark{margin-bottom:clamp(24px,4dvh,40px)!important}.home-permit-group{margin-top:clamp(5px,.6dvh,10px)!important}.home-modes-group,.home-progreso-group{margin-top:clamp(18px,2.5dvh,30px)!important}.duel-panel{justify-content:center!important;gap:.8dvh!important;padding:1.4dvh 0!important}.duel-panel .home-permit-group{gap:6px!important;margin-bottom:8px!important}.duel-panel .view-section{gap:8px!important;margin:4px 0!important}.duel-panel .mode-buttons,.duel-panel .mode-buttons.duel-mode-grid{gap:10px!important;margin-bottom:10px!important}.duel-panel .duel-code-input{height:44px!important}.duel-panel .duel-enter-btn{width:44px!important;min-width:44px!important;height:44px!important}.duel-panel .duel-code-wrap{margin-bottom:8px!important}.home-modes-group,.home-progreso-group,.profile-stats,.profile-metrics{gap:.9dvh!important}.profile-progress-section,.profile-quick-section{flex-direction:column!important;gap:.9dvh!important;width:100%!important;display:flex!important}.profile-progress-section>.profile-stats,.profile-progress-section>.profile-metrics,.profile-progress-section>.profile-chart-card,.profile-quick-section>.profile-actions{margin:0!important}.profile-progress-section>.mode-title,.profile-quick-section>.mode-title{margin:8px 0 4px!important}.test-main{grid-template-columns:3fr 7fr;gap:32px}.results-panel{justify-content:center!important;gap:12px!important;padding:10px 0 6px!important}.results-panel h2{margin:4px 0 0!important}.results-panel .secondary-row{margin-top:2px!important}.results-panel .leaderboard-user-sticky{margin-top:4px!important}.test-layout .question-nav .btn-primary.small-button,.test-layout .question-nav .btn-ghost.small-button{border-radius:99px!important;min-width:170px!important;height:42px!important;padding:0 18px!important;font-size:13.5px!important}}@media (width>=2560px){.home-panel,.profile-panel{justify-content:center!important;gap:1.1dvh!important;padding:1.8dvh 0!important}.duel-panel{justify-content:center!important;gap:.9dvh!important;padding:1.5dvh 0!important}.duel-panel .home-permit-group{gap:7px!important;margin-bottom:10px!important}.duel-panel .mode-buttons,.duel-panel .mode-buttons.duel-mode-grid{gap:12px!important;margin-bottom:12px!important}.duel-panel .duel-code-input{height:46px!important}.duel-panel .duel-enter-btn{width:46px!important;min-width:46px!important;height:46px!important}.home-modes-group,.home-progreso-group,.profile-stats,.profile-metrics,.profile-progress-section,.profile-quick-section{gap:1.1dvh!important}.duel-lobby-panel{gap:2.2dvh!important;padding:2.8dvh 0!important}.results-panel{justify-content:center!important;gap:10px!important;padding:8px 0 4px!important}.results-panel h2{margin:2px 0 0!important}.results-panel .leaderboard-user-sticky{margin-top:2px!important}.main-card{margin-top:0!important}.test-layout .question-nav .btn-primary.small-button,.test-layout .question-nav .btn-ghost.small-button{border-radius:99px!important;min-width:180px!important;height:44px!important;padding:0 20px!important;font-size:14px!important}}.app-shell.is-api-dashboard{background:var(--brand)!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important}.main-card.is-api-dashboard{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:24px 28px 10px!important;overflow-y:auto!important}.main-card.is-api-dashboard .view-transition-wrapper{flex-shrink:0;padding-bottom:0;height:auto!important;overflow:visible!important}.main-card.is-api-dashboard .app-footer{flex-shrink:0;margin-top:0!important}.main-card.is-api-dashboard .top-actions,.main-card.is-api-dashboard .app-footer{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.main-card.is-api-dashboard .top-actions{border-bottom:2px solid var(--line)!important;background:var(--panel)!important;z-index:10!important;padding-bottom:0!important}.results-panel .secondary-row .small-button,.test-layout .small-button,.is-api-dashboard .small-button{height:44px!important}.test-layout .question-nav .small-button{min-width:140px}@media (height<=800px) and (width>=981px){.results-panel .secondary-row .small-button,.test-layout .small-button,.is-api-dashboard .small-button{height:38px!important}.test-layout .question-image-v2{aspect-ratio:4/3;height:auto;max-height:none}.test-layout .test-right{gap:8px}.test-layout .question-heading h2{font-size:16.5px}.test-layout .answers{gap:6px}.test-layout .answer-card{min-height:48px;padding:6px 12px}.test-layout .question-nav{padding-top:10px}.test-layout .test-bottom{padding-top:4px}.test-layout .dot-btn{height:24px;font-size:.8rem}}.test-layout .btn-save-question.small-button{width:100%;min-width:0}@media (width>=641px){:is(.home-panel,.profile-panel,.results-panel,.leaderboard-panel,.history-panel,.duel-panel,.news-panel,.portal-panel,.auth-page-panel){margin-top:0!important;padding-top:clamp(12px,2vh,18px)!important}:is(.legal-panel,.api-console-panel){margin-top:0!important;padding-top:0!important}}@media (width<=640px){.app-footer{box-sizing:border-box;width:calc(100% + 32px)!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.main-card .view-transition-wrapper:not(.is-school-portal) .home-panel,.main-card .view-transition-wrapper:not(.is-school-portal) .duel-panel,.main-card .view-transition-wrapper .profile-panel,.main-card .view-transition-wrapper .history-panel,.main-card .view-transition-wrapper .news-panel,.main-card .view-transition-wrapper .not-found-panel,.main-card .view-transition-wrapper .results-panel,.main-card .view-transition-wrapper .leaderboard-panel{padding-top:14px!important}}.profile-progress-section{margin-top:4px!important}.duel-panel .home-permit-group{margin-top:24px!important}@media (width<=980px){.profile-progress-section{margin-top:0!important}.duel-panel .home-permit-group{margin-top:10px!important}}.footer-compact-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.footer-copyright-compact{color:var(--muted);text-align:left;margin:0;font-size:11.5px}.footer-copyright-compact a{color:inherit;font-weight:700;text-decoration:none}@media (hover:hover){.footer-copyright-compact a:hover{text-decoration:underline}}.footer-compact-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-compact-link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 0;font-size:12px;text-decoration:none;transition:color .2s}@media (hover:hover){.footer-compact-link-btn:hover{color:var(--brand)}}.footer-compact-separator{color:var(--line);-webkit-user-select:none;user-select:none;font-size:10px}@media (width<=640px){.footer-compact-row{text-align:center;flex-direction:column;gap:8px}.footer-copyright-compact{text-align:center}.footer-compact-links{justify-content:center}}@media (width>=641px){.main-card.is-landing{width:100%!important;max-width:100%!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.top-actions.screen-landing,.landing-scrollable-content>:not(.landing-hero-container):not(.app-footer),.landing-panel .app-footer{width:var(--card-width)!important;max-width:var(--card-max-width)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important}.landing-ticker-container,.landing-cta-banner{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.top-actions.screen-landing{width:calc(100% - 32px)!important;max-width:none!important;padding-left:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 12px)!important;padding-right:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 12px)!important;box-sizing:border-box!important;margin-left:16px!important;margin-right:16px!important}.landing-panel .app-footer{box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important;padding-left:0!important;padding-right:0!important}.landing-panel .footer-bottom-section{box-sizing:border-box!important;width:100%!important;padding-left:0!important;padding-right:0!important}.landing-panel .footer-top-section,.landing-panel .footer-bottom-inner{max-width:none!important;padding-left:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 12px)!important;padding-right:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 12px)!important;box-sizing:border-box!important}}@media (width<=640px){.main-card.is-landing{padding-bottom:0!important}}@media (width>=2048px){.landing-scrollable-content>:not(.landing-hero-container):not(.app-footer){padding-left:56px!important;padding-right:56px!important}.top-actions.screen-landing,.landing-panel .footer-top-section,.landing-panel .footer-bottom-inner{padding-left:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 40px)!important;padding-right:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 40px)!important}}@media (width>=2560px){.landing-scrollable-content>:not(.landing-hero-container):not(.app-footer){padding-left:76px!important;padding-right:76px!important}.top-actions.screen-landing,.landing-panel .footer-top-section,.landing-panel .footer-bottom-inner{padding-left:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 60px)!important;padding-right:calc((100% - min(var(--card-width), var(--card-max-width))) / 2 + 60px)!important}}@media (width<=768px){.roadmap-step{gap:14px}.roadmap-step:not(:last-child):after,.step-number{display:none}.step-content{padding:14px}.step-header h3{font-size:14px}.step-content p{font-size:12.5px}}.view-transition-wrapper{will-change:transform, opacity;flex-direction:column;flex-grow:1;width:100%;min-height:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards viewScaleFadeIn;display:flex;overflow:hidden}@keyframes viewScaleFadeIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.top-actions{will-change:transform, opacity}@keyframes topActionsEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left-animate,.header-right-animate{z-index:1;align-items:center;display:flex;position:relative}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-content-fade-in{will-change:opacity, transform;animation:.5s cubic-bezier(.16,1,.3,1) forwards viewScaleFadeIn}.cookie-link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:12px;font-weight:700;transition:color .15s;display:inline-flex}@media (hover:hover){.cookie-link-btn:hover{color:var(--brand)}}.cookie-link-btn svg{transition:transform .2s}@media (hover:hover){.cookie-link-btn:hover svg{transform:rotate(180deg)}}.cookie-categories{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cookie-category{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.cookie-category:hover{border-color:rgba(var(--brand-rgb), .3)}.cookie-category-disabled{opacity:.7;cursor:default}.cookie-category-disabled:hover{border-color:var(--line)}.cookie-cat-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cookie-cat-info strong{color:var(--ink);font-size:13px;font-weight:700}.cookie-cat-info span{color:var(--muted);font-size:11px;line-height:1.3}.cookie-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800}.cookie-badge-always{background:rgba(var(--brand-rgb), .08);color:var(--brand)}.cookie-actions{flex-direction:row;gap:8px;display:flex}.cookie-toggle{flex-shrink:0;position:relative}.cookie-toggle input{opacity:0;width:0;height:0;position:absolute}.cookie-toggle-track{background:var(--line);cursor:pointer;border-radius:99px;width:38px;height:22px;transition:background .2s;display:block;position:relative}.cookie-toggle input:checked+.cookie-toggle-track{background:var(--brand)}.cookie-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.cookie-toggle input:checked+.cookie-toggle-track .cookie-toggle-thumb{transform:translate(16px)}.cookie-content-fade{animation:.2s ease-out cookieFadeContent}@keyframes cookieFadeContent{0%{opacity:0}to{opacity:1}}.cookie-policy-link{text-align:center;width:100%;color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:10px 0 0;font-size:12px;font-weight:600;text-decoration:underline;transition:color .15s;display:block}.cookie-policy-link:hover{color:var(--brand)}.cookie-overlay-bottom{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding-bottom:0!important;animation:none!important;display:flex!important;overflow:hidden!important}.cookie-overlay-bottom:not(.is-closing){animation:.35s ease-out forwards cookieOverlayIn!important}.cookie-overlay-bottom.is-closing{animation:.2s ease-in forwards cookieOverlayOut!important}.cookie-modal-bottom{padding:20px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,16px))!important;border-radius:20px 20px 0 0!important;margin-top:auto!important;margin-bottom:0!important;animation:none!important}.cookie-overlay-bottom:not(.is-closing) .cookie-modal-bottom{animation:.35s cubic-bezier(.16,1,.3,1) forwards cookieSlideUp!important}.cookie-overlay-bottom.is-closing .cookie-modal-bottom{animation:.2s ease-in forwards cookieSlideDown!important}@keyframes cookieOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cookieOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cookieSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media (width<=640px){.cookie-modal-bottom{border-radius:16px 16px 0 0!important}}.cookie-floating-btn{z-index:9998;background:var(--panel);width:42px;height:42px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;animation:.3s ease-out .5s both statsFadeIn;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 16px #0000001f}.cookie-floating-btn:hover{color:var(--brand);box-shadow:0 6px 20px rgba(var(--brand-rgb), .2);transform:translateY(-2px)}.landing-panel{text-align:center;box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:flex-start;gap:0;width:100%;height:auto;min-height:100%;margin:0 auto;padding:0 0 clamp(12px,2vh,20px);display:flex;position:relative;overflow:hidden visible}.landing-scrollable-content{flex:1;min-height:0;overflow:hidden auto}@media (width>=641px){.landing-panel{padding-top:12px}}.landing-scrollable-content::-webkit-scrollbar{width:6px}.landing-scrollable-content::-webkit-scrollbar-track{background:var(--soft);border-radius:99px}.landing-scrollable-content::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.landing-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.landing-hero-container{text-align:center;box-sizing:border-box;background:0 0;border-radius:36px 36px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 32px);max-width:calc(100% - 32px);margin:0 16px;padding:65px 40px 130px;display:flex;position:relative;overflow:visible}.hero-bg-wrapper{background:var(--brand);z-index:1;pointer-events:none;border-radius:36px 36px 0 0;position:absolute;inset:0;-webkit-mask-image:url(/hero-bg.svg?v=2);mask-image:url(/hero-bg.svg?v=2);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width>=1601px){.hero-bg-wrapper{-webkit-mask-size:100% 120%;mask-size:100% 120%}}#city-left{aspect-ratio:520/195;background:rgba(var(--brand-contrast-rgb), .56);z-index:2;opacity:.7;background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:clamp(280px,30vw,650px);height:auto;position:absolute;bottom:25px;left:0;-webkit-mask-image:url(/city-left.svg);mask-image:url(/city-left.svg);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#city-right{aspect-ratio:850/320;background:rgba(var(--brand-contrast-rgb), .56);z-index:2;opacity:.7;background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:clamp(450px,44vw,1000px);height:auto;position:absolute;bottom:20px;right:0;-webkit-mask-image:url(/city-right.svg);mask-image:url(/city-right.svg);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#headerCurve{z-index:3;width:calc(100% + 2px);height:80px;position:absolute;bottom:-15px;left:-1px;display:block!important}@media (width<=850px){#city-left,#city-right{display:none!important}}@media (width<=768px){#headerCurve{display:none!important}}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.landing-hero-content{text-align:center;width:100%;max-width:700px;color:var(--brand-contrast);flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.landing-hero-content .landing-title{text-align:center;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(26px,4vw,36px);font-weight:850;line-height:1.05;color:var(--brand-contrast)!important}.landing-hero-content .landing-subtitle{text-align:center;max-width:800px;margin:12px auto 18px;font-size:clamp(13px,2vw,14.5px);font-weight:500;line-height:1.5;color:rgba(var(--brand-contrast-rgb), .92)!important}.landing-hero-content .landing-eyebrow-inverse{color:rgba(var(--brand-contrast-rgb), .88);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:900}.landing-hero-content .btn-primary{background:var(--brand-contrast);color:var(--brand);border-radius:999px;height:52px;padding:0 24px;font-size:15px;font-weight:800;box-shadow:none!important;border:none!important}.landing-hero-content .btn-primary:hover{background:rgba(var(--brand-contrast-rgb), .9)!important;color:var(--brand)!important;box-shadow:none!important;border:none!important;transform:translateY(-1px)!important}.landing-hero-content .landing-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.landing-hero-content .landing-cta-secondary{border:1px solid rgba(var(--brand-contrast-rgb), .35);height:52px;color:var(--brand-contrast);background:#00000026;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.landing-hero-content .landing-cta-secondary:hover{border-color:rgba(var(--brand-contrast-rgb), .45);color:var(--brand-contrast);background:#00000038;transform:translateY(-1px)}.landing-hero-content .landing-hero-note{color:rgba(var(--brand-contrast-rgb), .92);max-width:560px;margin:12px auto 0;font-size:12px;font-weight:600;line-height:1.45}.landing-hero-media{justify-content:center;align-items:flex-end;width:100%;height:clamp(120px,22vw,200px);margin-top:8px;display:flex;position:relative}.hero-student-img{z-index:5;width:clamp(280px,50vw,480px);max-width:95%;height:auto;box-shadow:none;pointer-events:none;border-radius:0;position:absolute;bottom:calc(-1*clamp(60px,11vw,100px));left:50%;transform:translate(-50%)}@media (width>=1025px){.hero-student-img{bottom:calc(-1*clamp(45px,7vw,70px))}}@media (width<=768px){.landing-hero-media{display:none!important}.landing-hero-content .landing-cta-row{gap:10px}.landing-hero-content .btn-primary,.landing-hero-content .landing-cta-secondary{box-sizing:border-box;width:100%}.hero-student-img{width:280px!important;max-width:280px!important;margin-top:12px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}}.landing-eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:11px;font-weight:900}.landing-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;max-width:680px;margin:0;font-size:clamp(26px,5vw,38px);font-weight:900;line-height:1.15}.landing-subtitle{color:var(--muted);max-width:580px;margin:12px auto 20px;font-size:clamp(13.5px,2.2vw,15px);font-weight:650;line-height:1.55}.landing-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.landing-hero-proof{flex-wrap:wrap;justify-content:center;gap:16px;margin:0 0 24px;display:flex}.landing-hero-proof-item{min-width:100px;color:rgba(var(--brand-contrast-rgb), .96);text-align:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:12px 16px;display:flex}.landing-hero-proof-item strong{font-size:20px;font-weight:900;line-height:1.1;display:block}.landing-hero-proof-item span{opacity:.85;margin-top:2px;font-size:11px;font-weight:600;display:block}.landing-grid-section{width:100%;max-width:1200px;margin:0 auto}.landing-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px;display:grid}.landing-card{border:1.5px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:0;transition:border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 30px #20283308}.landing-card:hover{border-color:rgba(var(--brand-rgb), .25);box-shadow:0 16px 40px rgba(var(--brand-rgb), .08);transform:translateY(-5px)}.landing-permits-grid .landing-card:active{box-shadow:0 10px 24px rgba(var(--brand-rgb), .1);transform:translateY(-1px)scale(.992)}.landing-card-media{border-bottom:1.5px solid var(--line);background:linear-gradient(135deg, rgba(var(--brand-rgb), .018) 0%, rgba(var(--brand-rgb), .035) 100%);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:160px;padding:8px;display:flex;position:relative;overflow:hidden}.dynamic-illustration{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.dynamic-illustration.illustration-saved-review svg{transform:scale(1.15)!important}.landing-card-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.landing-card:hover .landing-card-img{transform:scale(1.06)}.landing-permits-grid .landing-card-media{padding:0}.landing-permits-grid .landing-card-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.permit-card-b .landing-card-img{transform:scale(1.28)}.permit-card-b:hover .landing-card-img{transform:scale(1.36)}.permit-card-am .landing-card-img{transform:scale(1.15)}.permit-card-am:hover .landing-card-img{transform:scale(1.23)}.permit-card-a1a2 .landing-card-img{transform:scale(1.06)}.permit-card-a1a2:hover .landing-card-img{transform:scale(1.13)}.permit-card-e .landing-card-img{transform:scale(1.28)}.permit-card-e:hover .landing-card-img{transform:scale(1.36)}.permit-card-c .landing-card-img{transform:scale(1.12)}.permit-card-c:hover .landing-card-img{transform:scale(1.2)}.permit-card-d .landing-card-img{transform:scale(1.28)}.permit-card-d:hover .landing-card-img{transform:scale(1.36)}.landing-card-content{text-align:left;flex-direction:column;flex-grow:1;padding:20px;display:flex}.landing-card-header-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.landing-card-icon{background:rgba(var(--brand-rgb), .08);width:32px;height:32px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-card-content h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:15.5px;font-weight:850;line-height:1.2}.landing-card-content p{color:var(--muted);font-size:13px;font-weight:600;line-height:1.55}.landing-card-btn{color:var(--brand);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;margin-top:auto;padding:0;font-size:13.5px;font-weight:850;transition:color .2s;display:inline-flex}.landing-card-btn:hover{color:var(--brand-dark)}.landing-card-btn svg{transition:transform .2s}.landing-card-btn:hover svg{transform:translate(3px)}.landing-permits-section{width:100%;max-width:1200px;margin:0 auto}.landing-permits-section .landing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-section-heading{font-family:var(--font-display);color:var(--ink);margin:0 0 2px;font-size:clamp(18px,3.2vw,22px);font-weight:850}.landing-section-subheading{color:var(--muted);margin:0;font-size:13.5px;font-weight:650}.landing-permits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}@media (width>=769px) and (width<=980px){.landing-permits-grid>.landing-permit-card-btn:last-child:nth-child(odd){grid-column:span 2;justify-self:center;width:calc(50% - 6px)}}.landing-permit-card-btn{border:1.5px solid var(--line);cursor:pointer;box-sizing:border-box;text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:0;transition:border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 6px 18px #20283305}.landing-permit-card-btn:hover{border-color:rgba(var(--brand-rgb), .25);box-shadow:0 16px 35px rgba(var(--brand-rgb), .06);transform:translateY(-4px)}.permit-card-media{background:linear-gradient(135deg, rgba(var(--brand-rgb), .012) 0%, rgba(var(--brand-rgb), .028) 100%);border-bottom:1px solid var(--line);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:140px;padding:16px;display:flex;overflow:hidden}.permit-card-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1)}.landing-permit-card-btn:hover .permit-card-img{transform:scale(1.05)}.permit-card-info{flex-direction:column;flex-grow:1;align-items:center;padding:18px;display:flex}.permit-card-badge{background:rgba(var(--brand-rgb), .08);color:var(--brand);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;border-radius:6px;width:fit-content;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:950}.permit-card-info h3{font-family:var(--font-display);color:var(--ink);text-align:center;margin:0 0 4px;font-size:14.5px;font-weight:850}.permit-card-info p{color:var(--muted);text-align:center;margin:0 0 14px;font-size:12px;font-weight:600}.permit-card-action{color:var(--brand);font-family:var(--font-display);justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:850;transition:color .2s;display:inline-flex}.landing-permit-card-btn:hover .permit-card-action{color:var(--brand-dark)}.permit-card-action svg{transition:transform .2s}.landing-permit-card-btn:hover .permit-card-action svg{transform:translate(3px)}.landing-grid-section,.landing-steps-section,.landing-permits-section,.landing-stats-section,.landing-testimonials-section,.landing-faq-section,.landing-cta-banner{margin:clamp(48px,7vh,80px) auto!important}.landing-ticker-container{margin:0 auto!important}@media (width<=768px){.landing-panel{gap:12px;padding-top:12px}.landing-subtitle{margin:8px auto 12px}.landing-eyebrow-inverse{margin-bottom:10px;padding:7px 12px;font-size:10px}.landing-hero-container{border-radius:20px;width:100%;max-width:100%;margin:0;padding:24px 16px}.hero-bg-wrapper{border-radius:20px;-webkit-mask-image:none!important;mask-image:none!important}.landing-hero-content{align-items:center;margin-bottom:0}.landing-hero-content .landing-title{white-space:normal;font-size:clamp(25px,7vw,32px)}.landing-hero-proof{gap:8px;margin-bottom:14px}.landing-hero-proof-item{min-width:80px;padding:8px 12px}.landing-hero-proof-item strong{font-size:16px}.landing-hero-proof-item span{font-size:10px}.landing-hero-media,.landing-card-icon{display:none!important}.landing-card-content{padding:12px 14px}.landing-grid{grid-template-columns:repeat(2,1fr);gap:16px}.landing-card{padding:0}.landing-permits-grid{grid-template-columns:1fr;gap:12px}.landing-permits-grid .landing-card{min-height:80px;text-align:left!important;flex-direction:row!important;align-items:center!important;position:relative!important}.landing-permits-grid .landing-card-media{flex-shrink:0;justify-content:center;align-items:center;display:flex;border-bottom:none!important;border-right:1.5px solid var(--line)!important;width:100px!important;height:80px!important;padding:8px!important}.landing-permits-grid .landing-card-content{flex-direction:column;flex-grow:1;justify-content:center;gap:2px;display:flex;padding:10px 36px 10px 14px!important}.landing-permits-grid .landing-card-content h3{color:var(--ink);font-weight:850;margin:0!important;font-size:14px!important}.landing-permits-grid .landing-card-content p{color:var(--muted);line-height:1.35;margin:0!important;font-size:11.5px!important}.landing-permits-grid .landing-card-btn{color:var(--brand)!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important}.landing-permits-grid .landing-card-btn span{display:none!important}.landing-permits-grid .landing-card-btn svg{width:16px!important;height:16px!important}}.ad-slot{justify-content:center;width:100%;max-width:900px;min-height:90px;margin:0 auto;padding:16px 0;display:flex;overflow:hidden}.ad-slot ins{max-width:100%}.landing-faq-section{text-align:left;width:100%;max-width:1200px;margin:0 auto}.landing-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.landing-faq-item{border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:20px;transition:border-color .25s,box-shadow .25s;box-shadow:0 4px 12px #20283303}.landing-faq-item:hover{border-color:rgba(var(--brand-rgb), .25);box-shadow:0 8px 24px rgba(var(--brand-rgb), .05)}.landing-faq-item h3{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:14.5px;font-weight:850;line-height:1.35}.landing-faq-item p{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.6}@media (width<=768px){.landing-faq-grid{grid-template-columns:1fr;gap:14px}.landing-faq-item{padding:8px}}@media (width>=981px){.landing-grid-section,.landing-permits-section,.landing-stats-section,.landing-faq-section{max-width:1200px!important}.landing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.landing-permits-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.landing-cta-banner{background:linear-gradient(135deg, var(--brand) 0%, color-mix(in srgb, var(--brand), #000 12%) 100%);text-align:center;box-sizing:border-box;width:100%;max-width:900px;box-shadow:0 16px 40px rgba(var(--brand-rgb), .12);border:1px solid #ffffff1a;border-radius:28px;padding:56px 32px;position:relative}.cta-bg-wrapper{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}#cta-city-left{aspect-ratio:520/195;background:rgba(var(--brand-contrast-rgb), .56);opacity:.7;width:clamp(220px,26vw,380px);height:auto;position:absolute;bottom:0;left:0;-webkit-mask-image:url(/city-left.svg);mask-image:url(/city-left.svg);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#cta-city-right{aspect-ratio:850/320;background:rgba(var(--brand-contrast-rgb), .56);opacity:.7;width:clamp(340px,40vw,580px);height:auto;position:absolute;bottom:0;right:0;-webkit-mask-image:url(/city-right.svg);mask-image:url(/city-right.svg);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cta-banner-content{z-index:1;flex-direction:column;align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex;position:relative}.cta-banner-title{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(20px,3.5vw,26px);font-weight:900;line-height:1.25}.cta-banner-subtitle{color:#ffffffe6;white-space:nowrap;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.55}.cta-banner-btn{border-radius:999px;height:52px;padding:0 24px;font-size:15px;font-weight:800;transition:transform .2s,background .2s;background:var(--brand-contrast)!important;color:var(--brand)!important;box-shadow:none!important;border:none!important}.cta-banner-btn:hover{background:rgba(var(--brand-contrast-rgb), .9)!important;color:var(--brand)!important;box-shadow:none!important;border:none!important;transform:translateY(-1px)!important}@media (width<=768px){#cta-city-left,#cta-city-right{display:none!important}.landing-cta-banner{border-radius:20px;padding:32px 18px}.cta-banner-subtitle{white-space:normal}}.landing-panel .app-footer{box-sizing:border-box;flex-shrink:0;width:100%;max-width:none;margin-top:auto;margin-left:0;margin-right:0;padding:28px 0 0}@media (width<=640px){.landing-panel .app-footer{margin-top:auto;padding:20px 0 12px}}.hero-mini-quiz-card{border:1.5px solid var(--line);text-align:left;box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 16px 40px #2028330f}.mini-quiz-header{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:800;display:flex}.text-brand{color:var(--brand)}.mini-quiz-badge{background:rgba(var(--brand-rgb), .08);color:var(--brand);border-radius:6px;margin-left:auto;padding:3px 8px;font-size:10.5px;font-weight:900}.mini-quiz-question{font-family:var(--font-display);color:var(--ink);margin:0;font-size:15px;font-weight:850;line-height:1.4}.mini-quiz-options{flex-direction:column;gap:8px;display:flex}.mini-quiz-option{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.mini-quiz-option:hover:not(.is-disabled){border-color:rgba(var(--brand-rgb), .3);background:rgba(var(--brand-rgb), .01)}.mini-quiz-option.is-selected{border-color:var(--brand);background:rgba(var(--brand-rgb), .03)}.mini-quiz-option.is-correct{background:#00cc660f!important;border-color:#0c6!important}.mini-quiz-option.is-incorrect{background:#ef44440f!important;border-color:#ef4444!important}.mini-quiz-option.is-disabled{cursor:default}.option-letter{background:var(--soft);width:20px;height:20px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:850;display:inline-flex}.mini-quiz-option.is-selected .option-letter{background:var(--brand);color:#fff}.mini-quiz-option.is-correct .option-letter{color:#fff;background:#0c6}.mini-quiz-option.is-incorrect .option-letter{color:#fff;background:#ef4444}.option-text{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.4}.mini-quiz-submit-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:44px;font-size:13.5px;font-weight:850;transition:opacity .2s,transform .1s}.mini-quiz-submit-btn:hover:not(:disabled){opacity:.92}.mini-quiz-submit-btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.mini-quiz-feedback{border-top:1px dashed var(--line);flex-direction:column;gap:12px;padding-top:4px;animation:.3s slideFadeDown;display:flex}@keyframes slideFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback-result-row{justify-content:space-between;align-items:center;display:flex}.feedback-badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900}.feedback-badge.success{color:#084;background:#00cc661a}.feedback-badge.error{color:#c22;background:#ef44441a}.mini-quiz-reset-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;text-decoration:underline}.mini-quiz-reset-btn:hover{color:var(--ink)}.feedback-explanation{color:var(--muted);margin:0;font-size:12.5px;font-weight:550;line-height:1.5}.mini-quiz-go-btn{border:1.5px solid var(--brand);background:rgba(var(--brand-rgb), .04);width:100%;height:44px;color:var(--brand);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:850;transition:all .2s;display:flex}.mini-quiz-go-btn:hover{background:var(--brand);color:#fff}.landing-ticker-container{border:1.5px solid var(--line);box-sizing:border-box;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:900px;padding:8px 20px;display:flex;overflow:hidden}.landing-ticker-title{font-family:var(--font-display);color:var(--brand);flex-shrink:0;align-items:center;gap:6px;font-size:12.5px;font-weight:850;display:flex}.landing-ticker-wrapper{flex-grow:1;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.landing-ticker-track{white-space:nowrap;align-items:center;gap:0;padding:0;animation:20s linear infinite tickerScroll;display:flex}.landing-ticker-track:hover{animation-play-state:paused}.landing-ticker-item{color:var(--muted);align-items:center;gap:8px;padding-right:10px;font-size:12.5px;font-weight:650;display:flex}.ticker-check{color:var(--green,#22c55e);font-size:11.5px;font-weight:700}.ticker-bullet{color:var(--brand);font-size:16px;font-weight:700}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-faq-accordion-container{text-align:left;flex-direction:column;gap:12px;width:100%;margin:18px 0 0;display:flex}.landing-faq-accordion-item{border:1.5px solid var(--line);background:#fff;border-radius:18px;transition:all .25s;overflow:hidden}.landing-faq-accordion-item:hover{border-color:rgba(var(--brand-rgb), .2);box-shadow:0 8px 24px rgba(var(--brand-rgb), .03)}.landing-faq-accordion-item.is-open{border-color:rgba(var(--brand-rgb), .35);box-shadow:0 12px 30px rgba(var(--brand-rgb), .05)}.accordion-trigger-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;display:flex}.accordion-trigger-btn span{font-family:var(--font-display);color:var(--ink);font-size:14.5px;font-weight:850;line-height:1.35;transition:color .2s}.accordion-icon-wrap{width:28px;height:28px;color:var(--ink);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.accordion-content-outer{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1);display:grid}.landing-faq-accordion-item.is-open .accordion-content-outer{grid-template-rows:1fr}.accordion-content-inner{overflow:hidden}.accordion-content-inner p{color:var(--muted);margin:0;padding:0 22px 18px;font-size:13px;font-weight:600;line-height:1.6}@media (width<=768px){.hero-mini-quiz-card{max-width:100%;padding:16px}.landing-ticker-container{flex-direction:row;align-items:center;gap:0;max-width:100%;margin:20px auto;padding:10px 14px}.landing-ticker-title{display:none}.landing-ticker-wrapper{width:100%}.landing-ticker-track{animation-duration:28s}.accordion-trigger-btn{padding:14px 16px}.accordion-content-inner p{padding:0 16px 14px}}@media (width>=981px){.landing-faq-accordion-container{max-width:100%!important}}.landing-partners-logos{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1200px;margin:16px auto 32px;padding:0 16px;display:flex}.partners-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:13px;font-weight:700}.partners-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4vw,40px);display:flex}.partner-logo{font-family:var(--font-display);color:var(--muted);opacity:.5;-webkit-user-select:none;user-select:none;font-size:clamp(15px,2.5vw,19px);font-weight:800;transition:opacity .2s,color .2s}.partner-logo:hover{opacity:.8;color:var(--brand)}.landing-steps-section{box-sizing:border-box;width:100%;max-width:1200px;margin:24px auto;padding:0 16px}.landing-steps-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.landing-step-card{border:1.5px solid var(--line);box-sizing:border-box;background:#fff;border-radius:20px;width:100%;padding:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;box-shadow:0 10px 30px #20283308}.landing-step-card:hover{border-color:rgba(var(--brand-rgb), .25);box-shadow:0 16px 40px rgba(var(--brand-rgb), .08);transform:translateY(-5px)}.landing-step-card-inner{flex-direction:column;gap:12px;display:flex}.landing-step-left{align-items:center;width:100%;display:flex}.landing-step-number{font-family:var(--font-display);color:rgba(var(--brand-rgb), .45);font-size:32px;font-weight:900;line-height:1}.landing-step-right{flex-direction:column;gap:6px;display:flex}.landing-step-card h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:850}.landing-step-card p{color:var(--muted);margin:0;font-size:13.5px;font-weight:600;line-height:1.5}.landing-testimonials-section{box-sizing:border-box;width:100%;max-width:1200px;margin:24px auto;padding:0 16px}.testimonials-slider-shell{width:100%;position:relative;overflow:hidden}.testimonials-grid-track{width:100%;margin-top:24px;display:flex}@media (width>=769px){.testimonials-slider-shell{overflow:visible}.testimonials-grid-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;display:grid!important}}.landing-testimonial-card{border:1px solid rgba(var(--brand-rgb), .08);background:#fff;border-radius:20px;flex-direction:column;gap:14px;padding:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex}.landing-testimonial-card:hover{border-color:rgba(var(--brand-rgb), .2);box-shadow:0 16px 35px rgba(var(--brand-rgb), .06);transform:translateY(-5px)}.testimonial-rating{gap:3px;display:flex}.testimonial-text{color:var(--ink);text-align:left;flex-grow:1;margin:0;font-size:13.5px;font-style:italic;font-weight:550;line-height:1.6}.testimonial-footer{border-top:1px solid rgba(var(--brand-rgb), .06);align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.testimonial-avatar{border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.testimonial-avatar-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;width:100%;height:100%}.testimonial-info{flex-direction:column;gap:2px;display:flex}.testimonial-name{color:var(--ink);text-align:left;font-size:13.5px;font-weight:800}.testimonial-permit{color:var(--muted);font-size:11.5px;font-weight:600}.testimonials-slider-dots{display:none}@media (width<=768px){.testimonials-grid-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:4px;display:flex;overflow-x:auto}.testimonials-grid-track::-webkit-scrollbar{display:none}.landing-testimonial-card{box-sizing:border-box;scroll-snap-align:start;border:1px solid rgba(var(--brand-rgb), .08);flex-shrink:0;gap:12px;width:100%;min-width:100%;max-width:100%;padding:20px}.landing-testimonial-card:hover{box-shadow:none;border-color:rgba(var(--brand-rgb), .08);transform:none}.testimonial-text{font-size:13px}.testimonials-slider-dots{justify-content:center;gap:10px;margin-top:12px;display:flex}.testimonials-slider-dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.testimonials-slider-dot.active{background:var(--brand);border-radius:6px;width:40px}}.hero-social-proof{border:1px solid rgba(var(--brand-contrast-rgb), .35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000026;border-radius:999px;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:8px 24px;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.hero-social-proof:hover{border-color:rgba(var(--brand-contrast-rgb), .45);background:#00000038;transform:translateY(-1px)}.social-proof-avatars{align-items:center;display:flex}.sp-avatar{border:2.5px solid var(--brand);-o-object-fit:cover;object-fit:cover;background-color:var(--brand);border-radius:50%;width:32px;height:32px;margin-left:-8px}.sp-avatar:first-child{margin-left:0}.sp-avatar-more{background:var(--brand-dark);color:var(--brand-contrast);border:2.5px solid var(--brand);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.hero-social-proof-top{align-items:center;gap:16px;display:flex}.sp-stars{color:#ffb800;gap:2px;font-size:18px;line-height:1;display:flex}.sp-text{color:#fff;margin:0;font-size:13px;font-weight:600}.sp-text strong{color:var(--brand-contrast);font-weight:750}@media (width<=768px){.landing-steps-grid,.landing-testimonials-grid{grid-template-columns:1fr;gap:16px}.landing-steps-section,.landing-testimonials-section{padding:0}.landing-steps-section,.landing-permits-section,.landing-stats-section,.landing-testimonials-section,.landing-faq-section,.landing-ticker-container,.landing-cta-banner{margin:clamp(28px,5vh,48px) auto!important}.landing-grid-section{margin:0 auto clamp(28px,5vh,48px)!important}.landing-step-card{border-radius:16px;padding:16px 20px}.hero-social-proof{box-sizing:border-box;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:320px;padding:12px 16px;display:flex}.hero-social-proof-top{justify-content:center;align-items:center;gap:16px;display:flex}.sp-text{text-align:center;width:100%}.testimonials-grid-track{margin-top:8px}.landing-step-card-inner{flex-direction:row;align-items:flex-start;gap:20px}.landing-step-left{flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:auto;display:flex}.landing-step-number{font-size:32px}.landing-step-right{text-align:left;flex-grow:1;gap:4px}.landing-step-card h3{font-size:15px}.landing-step-card p{font-size:13px}.landing-stat-card{padding:20px 16px}}.dynamic-illustration svg{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.chat-fab{border:2px solid var(--brand);color:#000;cursor:pointer;z-index:100;width:52px;height:52px;box-shadow:0 4px 16px rgba(var(--brand-rgb), .15);background:#fff;border-radius:999px;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.35s cubic-bezier(.34,1.56,.64,1) fabScaleIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes fabScaleIn{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-fab:hover{background:var(--soft);box-shadow:0 8px 24px rgba(var(--brand-rgb), .25);transform:translateY(-2px)scale(1.05)}.chat-fab-icons{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.chat-fab-icon{justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;position:absolute}.chat-fab-icon-msg{opacity:1;transform:rotate(0)scale(1)}.chat-fab-icon-msg.hidden{opacity:0;transform:rotate(90deg)scale(.5)}.chat-fab-icon-x{opacity:0;transform:rotate(-90deg)scale(.5)}.chat-fab-icon-x.visible{opacity:1;transform:rotate(0)scale(1)}.chat-window{background:var(--panel);border:1px solid rgba(var(--brand-rgb), .15);z-index:100;text-align:left;-webkit-backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;width:370px;height:min(560px,100dvh - 100px);max-height:calc(100dvh - 100px);transition:transform .25s,opacity .25s;animation:.3s cubic-bezier(.16,1,.3,1) chatWindowFadeIn;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 16px 40px #0000001f}@keyframes chatWindowFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-support-dropdown-menu.closing{pointer-events:none;animation:.15s ease-out forwards dropdownFadeOutCentered}@keyframes chatWindowFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.chat-window-closing{pointer-events:none;animation:.25s cubic-bezier(.16,1,.3,1) forwards chatWindowFadeOut}.chat-header{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:64px;padding:0 18px;display:flex;position:relative}.chat-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.chat-header:hover .chat-header-avatar,.chat-header:hover .ChatbotMascotAvatar{transform:scale(1.05)rotate(2deg)}.chat-header-avatar{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.chat-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header-info h4{letter-spacing:-.01em;margin:0 0 2px;font-size:14.5px;font-weight:750}.chat-status-text{opacity:.9;align-items:center;gap:6px;font-size:11px;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite statusPulse;display:inline-block;box-shadow:0 0 0 2px #10b98166}@keyframes statusPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.chat-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;padding:6px;transition:all .2s;display:flex}.chat-close-btn:hover{background:#fff3;transform:scale(1.08)}.chat-messages-container{background-image:radial-gradient(circle at 10% 10%, rgba(var(--brand-rgb), .015) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(var(--brand-rgb), .02) 0%, transparent 50%);flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 18px;display:flex;overflow-y:auto}.chat-bottom-area{flex-shrink:0}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:0 0}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:var(--muted)}.chat-message-bubble{word-break:break-word;max-width:85%;padding:11px 15px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.chat-message-bubble.bot{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:18px 18px 18px 4px;align-self:flex-start}.chat-message-bubble.user{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-rgb), .15);border-radius:18px 18px 4px;align-self:flex-end}.chat-message-bubble p{margin:0}.btn-chat-support{border:1px solid var(--line);color:var(--brand);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;margin-top:10px;padding:9px 18px;font-size:12.5px;font-weight:750;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #0000000a}.btn-chat-support:hover{background:var(--soft);border-color:var(--brand);box-shadow:0 6px 14px rgba(var(--brand-rgb), .14);transform:translateY(-1.5px)}.chat-quick-options{background:var(--soft);border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.chat-quick-options button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;width:100%;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.chat-quick-options button:hover{border-color:var(--brand);color:var(--brand);background:rgba(var(--brand-rgb), .02)}.chat-quick-options-toggle{background:rgba(var(--brand-rgb), .05);border:1px dashed rgba(var(--brand-rgb), .25);color:var(--brand);cursor:pointer;text-align:center;border-radius:99px;width:max-content;margin:4px auto 0;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:block}.chat-quick-options-toggle:hover{background:rgba(var(--brand-rgb), .09);border-color:rgba(var(--brand-rgb), .35);transform:translateY(-1px)}.chat-input-bar{background:var(--soft);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;height:46px;margin:10px 16px 16px;padding:0 4px 0 16px;transition:all .2s;display:flex}.chat-input-bar:focus-within{background:var(--panel);border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .12)}.chat-input-bar input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.chat-input-bar button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.chat-input-bar button svg{transform:rotate(45deg)}.chat-input-bar button:hover:not(:disabled){background:var(--brand-dark);transform:scale(1.08)}.chat-input-bar button:active:not(:disabled){transform:scale(.95)}.chat-input-bar button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5;background:0 0}.chat-support-form{z-index:20;background:var(--panel);box-sizing:border-box;flex-direction:column;gap:10px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) both formSlideUp;display:flex;position:absolute;inset:60px 0 0}.chat-support-form.closing{animation:.28s cubic-bezier(.16,1,.3,1) forwards formSlideDown}@keyframes formSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.chat-support-field-group-grow{flex:1;min-height:0}@keyframes formSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-support-form-header{margin-bottom:4px}.chat-support-form-header h5{color:var(--ink);margin:0 0 2px;font-size:13.5px;font-weight:800}.chat-support-form-header p{color:var(--muted);margin:0;font-size:11px}.chat-support-field-group{flex-direction:column;gap:5px;display:flex}.chat-support-field-group label,.chat-support-field-group .chat-support-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10.5px;font-weight:750}.chat-support-dropdown{z-index:10;width:100%;font-size:14px;font-weight:700;position:relative}.chat-support-dropdown-trigger{border:1px solid var(--line);background:var(--soft);width:100%;height:auto;color:var(--ink);cursor:pointer;border-radius:10px;outline:none;justify-content:flex-start;align-items:center;padding:10px 38px 10px 14px;font-size:13px;font-weight:700;line-height:1.5;transition:all .2s;display:flex;position:relative}.chat-support-dropdown-trigger:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2366707d' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:14px;height:14px;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.chat-support-dropdown.open .chat-support-dropdown-trigger:after{transform:translateY(-50%)rotate(180deg)}.chat-support-dropdown-trigger:hover{background-color:var(--line);border-color:var(--muted)}.chat-support-dropdown.open .chat-support-dropdown-trigger{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .1);background-color:#fff}.chat-support-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-support-dropdown-menu{z-index:100;border:1px solid var(--line);background:#fff;border-radius:16px;width:max-content;min-width:100%;max-width:min(92vw,480px);max-height:min(70vh,560px);margin:0;padding:6px;list-style:none;animation:.15s ease-out dropdownFadeInCentered;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 30px #2028331f}.chat-support-dropdown-menu li{cursor:pointer;text-align:center;color:var(--ink);white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.chat-support-dropdown-menu li:hover{background:var(--soft)}.chat-support-dropdown-menu li.active{background:rgba(var(--brand-rgb), .08);color:var(--brand);font-weight:700}.chat-support-form textarea:not(.support-field-input),.chat-support-form input[type=email]:not(.support-field-input){background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.chat-support-form textarea:not(.support-field-input){resize:none}.chat-support-form textarea:focus,.chat-support-form input[type=email]:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .06)}.chat-support-form-actions{gap:8px;margin-top:4px;display:flex}.chat-support-form-actions button{border-radius:99px;flex:1;min-width:0;height:38px;font-size:12.5px}.chat-support-form-actions .btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff}.chat-support-form-actions .btn-ghost:hover{background:var(--soft);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.chat-support-form-actions .btn-primary{background:var(--brand);border:1px solid var(--brand);color:#fff}.chat-support-form-actions .btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 6px 16px rgba(var(--brand-rgb), .16);transform:translateY(-1px)}.chat-support-form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.support-field-wrap{align-items:center;width:100%;display:flex;position:relative}.support-field-wrap-grow{flex-direction:column;flex:1;min-height:0;display:flex}.support-field-input{background:var(--soft);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 36px 10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.support-field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .06)}.support-field-input.at-limit{box-shadow:0 0 0 3px #ef44441f;border-color:#ef4444!important}.support-field-input.limit-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both supportLimitShake;box-shadow:0 0 0 3px #ef444426;border-color:#ef4444!important}.support-field-textarea{resize:none;min-height:80px;padding-right:46px}.support-field-wrap-grow .support-field-textarea{height:100%!important}.support-char-counter{color:var(--muted);pointer-events:none;opacity:.5;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;transition:color .2s,opacity .2s,transform .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.support-char-counter.at-limit{color:#ef4444;opacity:1;transform:translateY(-50%)scale(1.1)}.support-char-counter-textarea{top:14px;right:12px}@keyframes supportLimitShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}.chat-message-row{align-items:flex-end;gap:8px;margin:6px 0;animation:.35s cubic-bezier(.16,1,.3,1) both messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-quick-options button{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.chat-quick-options button:hover{box-shadow:0 2px 6px rgba(var(--brand-rgb), .08);transform:translate(3px)}.chat-quick-grid{background:var(--soft);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.chat-quick-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:4px;height:34px;padding:0 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.chat-quick-card span{white-space:nowrap;font-size:11px;font-weight:700;line-height:1}.chat-quick-card:hover{background:var(--soft);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}@media (height<=900px) and (width>=981px){.chat-window{border-radius:18px;width:360px;height:min(540px,100dvh - 120px);max-height:calc(100dvh - 100px);bottom:78px;right:20px}.chat-fab{bottom:20px;right:20px}}@media (width<=768px){.chat-window{border-radius:16px;width:auto;max-width:none;height:calc(100dvh - 100px);bottom:72px;left:4px;right:4px}.chat-fab{bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px;right:18px}}@media (width<=480px){.chat-window{border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-width:none;height:calc(100dvh - 56px);bottom:0;left:0;right:0}.chat-fab{bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px;right:16px}}@media (height<=1020px) and (width>=981px){.chat-window{width:340px;height:min(480px,100dvh - 118px);max-height:calc(100dvh - 100px);bottom:76px;right:20px}}.pwa-install-content{flex:1;align-items:flex-start;gap:12px;min-width:0;padding-right:24px;display:flex}.pwa-install-icon{background:rgba(var(--brand-rgb), .1);color:var(--brand);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;display:flex}.dark .pwa-install-icon{background:rgba(var(--brand-rgb), .15);color:var(--brand)}.pwa-install-text{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.pwa-install-text strong{color:#111;font-size:14px;font-weight:800;font-family:var(--font-display,sans-serif)}.pwa-install-text span{color:var(--muted,#66707d);font-size:12px;line-height:1.45}.pwa-install-actions{width:100%;margin-top:12px;display:flex}.pwa-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:16px;right:16px}@media (hover:hover){.pwa-close-btn:hover{color:var(--brand);background:rgba(var(--brand-rgb), .12);transform:scale(1.15)}}.dark .pwa-close-btn{color:var(--muted)}.dark .pwa-close-btn:hover{color:#fff;background:#ffffff1a}.ios-share-inline-icon{vertical-align:middle;color:#2563eb;margin:0 2px;display:inline}@media (width<=480px){.pwa-install-content{padding-right:20px}.pwa-close-btn{width:28px;height:28px;top:8px;right:8px}.pwa-install-icon{border-radius:10px;width:32px;height:32px}.pwa-install-text span{font-size:11px}.pwa-desktop-only-text{display:none}}