@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:210 40% 96.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}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.left-1\/2{left:50%}.left-1\/4{left:25%}.right-1\/4{right:25%}.right-3{right:.75rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.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}.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-9{width:2.25rem;height:2.25rem}.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-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-2xl{border-radius:1rem}.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-5{padding-bottom:1.25rem}.pr-10{padding-right:2.5rem}.pt-6{padding-top:1.5rem}.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}.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}.duration-700{transition-duration:.7s}.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}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\[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;font-family:inherit}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{color:#fff;background:#3b82f5}::selection{color:#fff;background:#3b82f5}.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))}.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\:right-6{right:1.5rem}.sm\:top-6{top:1.5rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mt-4{margin-top:1rem}.sm\:size-11{width:2.75rem;height:2.75rem}.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\:pr-11{padding-right:2.75rem}.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\:block{display:block}.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\:block{display:block}.xl\:scale-100{--tw-scale-x:1;--tw-scale-y: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))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=2560px){.min-\[2560px\]\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;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))}}*,:before,:after{box-sizing:border-box}.preload .view-transition-wrapper,.preload .app-footer,.preload .header-left-animate,.preload .header-right-animate,.preload .header-center,.preload .home-greeting-animate,.preload .top-actions{transition:none!important;animation:none!important}.preload .view-transition-wrapper,.preload .app-footer,.preload .header-center,.preload .header-left-animate,.preload .header-right-animate,.preload .home-greeting-animate,.preload .top-actions{opacity:0}:root{--brand:#2563eb;--brand-dark:#1d4ed8;--ink:#202833;--muted:#66707d;--muted-dark:#4b5563;--line:#eceff3;--panel:#fff;--soft:#f6f7f8;--green:#047857;--danger:#be123c;--card-width:72%;--card-max-width:76vw;--card-height:86dvh;--card-max-height:89dvh}.app-shell{background:var(--brand);color:var(--ink);justify-content:center;align-items:center;min-height:100dvh;padding:24px 24px 8px;display:flex;position:relative}.main-card{background:var(--panel);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:24px 28px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #2563eb1f}.main-card.is-transitioning{overflow:hidden!important}.main-card.no-footer{padding:18px 28px 10px}@media (height<=900px) and (width>=981px){:root{--card-height:88dvh;--card-max-height:88dvh}.app-shell{padding:10px}.main-card{border-radius:20px;padding:24px 28px 10px}.main-card.no-footer{padding:18px 28px 10px}.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:6px}.home-panel .brand-mark svg{width:36px;height:36px}.home-panel .brand-text span{font-size:27px}.home-panel h1{margin:10px 0 6px;font-size:28px}.access-copy,.leader-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{width:56px;height:56px;font-size:24px}.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}}.top-actions{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding-bottom:8px;display:grid;position:relative}.top-actions.home-header{pointer-events:none;position:absolute;top:32px;left:40px;right:40px}.top-actions.home-header *{pointer-events:auto}.header-left{grid-column:1;justify-content:flex-start;align-items:center;display:flex}.header-left-row{align-items:center;gap:6px;display:flex}.header-center{pointer-events:auto;will-change:opacity, transform;cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s;animation:.5s cubic-bezier(.16,1,.3,1) forwards headerCenterFadeScale;display:flex;position:absolute;left:50%;transform:translate(-50%)scale(1)}.header-center:hover .brand-mark{transform:scale(1.02)}@keyframes headerCenterFadeScale{0%{opacity:0;transform:translate(-50%,-12px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.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:136px;height:38px;animation:1.2s ease-in-out infinite accountSlotPulse}.header-elo-pill{background:var(--soft);border:1px solid var(--line);height:38px;color:var(--ink);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.header-elo-sep{background:var(--line);width:1.5px;height:14px;display:inline-block}@keyframes accountSlotPulse{0%{background-position:0%}to{background-position:200%}}.account-actions{align-items:center;gap:10px;display:flex}.account-summary-btn{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.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}.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(12px,3vh,24px);width:100%;max-width:100%;min-height:0;margin:0 auto;padding:clamp(8px,2.5vh,32px) 0 clamp(6px,1.2vh,12px);display:flex;position:relative;overflow:hidden}.home-brand-group{flex-direction:column;align-items:center;gap:clamp(4px,1vh,8px);width:min(100%,960px);display:flex}.home-permit-group{flex-direction:column;align-items:center;gap:clamp(2px,.5vh,4px);width:min(100%,960px);margin-top:clamp(8px,2vh,16px);display:flex}.home-modes-group{flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,10px);width:min(100%,960px);margin-top:clamp(10px,2.5vh,20px);display:flex}.home-progreso-group{flex-direction:column;align-items:center;gap:clamp(6px,1.5vh,12px);width:min(100%,960px);margin-top:clamp(10px,2.5vh,20px);display:flex}.home-progreso-group .secondary-row .small-button,.profile-quick-section .secondary-row .small-button{min-width:200px;height:52px;padding:0 28px}.home-brand-group .access-copy,.home-permit-group .permit-rule,.home-modes-group .mode-buttons{margin-bottom:0}@media (width>=981px){.home-panel{gap:clamp(12px,3vh,24px);padding:clamp(8px,2vh,16px) 0}.profile-panel{justify-content:center;gap:clamp(10px,2.2vh,20px);padding:clamp(8px,2vh,16px) 0 clamp(4px,1vh,8px)}}.results-panel,.leaderboard-panel,.profile-panel{text-align:center;flex-direction:column;align-items:center;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,12px);width:min(100%,540px);max-width:540px;min-height:0;padding:clamp(8px,2vh,16px) 0 clamp(4px,1vh,8px);overflow:hidden}.profile-avatar{background:var(--brand);color:#fff;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin:0;font-size:28px;font-weight:850;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:flex}.profile-avatar.editing{box-shadow:0 0 0 3px var(--brand), 0 0 12px #2563eb40;transform:scale(.88)}.profile-user-summary{justify-content:center;align-items:center;gap:16px;width:100%;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}.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:#fff;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);outline:none;box-shadow:0 0 0 3px #2563eb1f}.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);border-radius:50%;flex-shrink:0;width:30px;height:30px;transition:color .25s,background .25s,transform .25s cubic-bezier(.16,1,.3,1)}.profile-edit-icon:hover{color:var(--brand);background:#60a5fa1f;transform:scale(1.15)}.profile-edit-icon.is-saving{color:#22c55e}.profile-edit-icon.is-saving:hover{color:#16a34a;background:#22c55e1a}.mini-pill{align-items:center;gap:6px;height:34px;padding:0 12px;display:inline-flex}.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-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(3,minmax(0,1fr));gap:clamp(6px,1.5vh,14px);width:100%;margin-top:0;display:grid}.profile-stats div{background:var(--soft);border-radius:14px;padding:clamp(4px,1vh,8px) clamp(6px,1.5vh,12px)}.profile-stats .stat-label{color:var(--muted);margin-bottom:clamp(2px,.5vh,4px);font-size:12px;font-weight:700;display:block}.profile-stats strong{font-size:20px;font-weight:850}.profile-stats .elo-level-badge{min-width:unset!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:2px 8px!important;font-size:11px!important;line-height:1.2!important;display:inline-flex!important}.elo-help-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s,transform .2s;display:flex;position:absolute;top:4px;right:4px}.elo-help-btn:hover{color:var(--brand);background:#60a5fa1f;transform:scale(1.15)}.mode-title .elo-help-btn{position:static}.mode-title .elo-help-btn svg{color:var(--muted)}.mode-title .elo-help-btn:hover svg{color:var(--brand)}.profile-metrics{grid-template-columns:repeat(2,1fr);gap:clamp(6px,1.5vh,14px);width:100%;max-width:100%;display:grid}.profile-metrics>div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:clamp(4px,1vh,8px) clamp(6px,1.5vh,12px)}.metric-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;padding:clamp(4px,1vh,8px) clamp(6px,1.2vh,10px);position:relative}.metric-head{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.metric-bar{background:#e2e6ea;border-radius:999px;height:clamp(6px,1vh,8px);margin:clamp(4px,.8vh,6px) 0 clamp(2px,.5vh,4px);position:relative;overflow:visible}.metric-bar span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#1d4ed8);height:100%;display:block}.metric-bar.pass span{background:#2563eb}.metric-card strong{font-size:14px}.profile-chart-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;margin-top:0;padding:clamp(6px,1vh,8px) clamp(8px,1.2vh,10px);overflow:visible}.chart-title{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;margin:0 0 clamp(6px,1.2vh,10px);font-size:12px;font-weight:800}.sparkline{grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(4px,.8vh,6px);height:clamp(48px,8.5vh,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}.profile-user-summary{gap:10px}.profile-avatar{width:40px;height:40px;font-size:16px}.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:16px}.profile-metrics{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(#2563eb,#1d4ed8);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,.spark-col[data-tip]:after{opacity:0;pointer-events:none;z-index:9999;transition:opacity .2s,transform .2s;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.spark-col[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}.spark-col[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%}.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)}.profile-quick-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.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-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}@keyframes brandMarkEntrance{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.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:16px 0 10px;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.1}.home-greeting-animate{will-change:opacity, transform;animation:.5s cubic-bezier(.16,1,.3,1) forwards homeGreetingFade}@keyframes homeGreetingFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home-greeting-name{opacity:0;vertical-align:bottom;max-width:0;line-height:inherit;white-space:nowrap;transition:max-width .28s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-block;overflow:hidden}.home-greeting-name.is-visible{opacity:1;max-width:16ch}.home-greeting-loading{justify-content:center;display:flex}.home-greeting-skeleton{background:linear-gradient(90deg, var(--soft) 0%, #f3f4f6 50%, var(--soft) 100%);background-size:200% 100%;border-radius:10px;width:min(420px,80vw);height:1.1em;animation:1.2s ease-in-out infinite accountSlotPulse}.access-copy,.leader-copy,.result-note{display:none}.access-copy{color:var(--muted);margin-top:-18px;font-size:18px;font-weight:600;line-height:1.3;display:block}.permit-dropdown{z-index:10;width:min(340px,100%);margin:0 auto;font-size:15px;font-weight:700;position:relative}.permit-dropdown-trigger{border:1px solid var(--line);background:var(--soft);width:100%;height:52px;color:var(--ink);cursor:pointer;font:inherit;border-radius:99px;outline:none;justify-content:center;align-items:center;padding:0 44px 0 24px;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)}.permit-dropdown-trigger:hover{background-color:var(--line);border-color:var(--muted)}.permit-dropdown.open .permit-dropdown-trigger{border-color:var(--brand);background-color:#fff;box-shadow:0 0 0 2px #2563eb1a}.test-topbar .permit-dropdown-trigger{width:auto;height:auto;color:var(--ink);background:0 0;border:none;border-radius:0;gap:6px;padding:4px 0;display:inline-flex}.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='%23202833' 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;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}.permit-dropdown-menu li{cursor:pointer;text-align:center;color:var(--ink);white-space:nowrap;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.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}.permit-dropdown-menu li:hover{background:var(--soft)}.permit-dropdown-menu li.active{color:var(--brand);background:#2563eb14;font-weight:700}.permit-rule{color:var(--muted);letter-spacing:0;text-transform:none;margin:0;font-size:13px;font-weight:500}@keyframes dropdownFadeInCentered{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes dropdownFadeInLeft{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeOutCentered{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}@keyframes dropdownFadeOutLeft{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.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:16px;margin-bottom:24px;display:flex}.btn-primary,.btn-ghost{cursor:pointer;text-transform:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;min-width:200px;height:52px;padding:0 28px;font-size:15px;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}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb29}.btn-primary-compact{min-width:auto;padding:0 22px}.btn-secondary{cursor:pointer}.btn-secondary:hover{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:hover{background:var(--soft);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.mode-title{justify-content:center;align-items:center;gap:8px;margin:0 0 10px;font-size:18px;font-weight:700;display:inline-flex}.mode-title svg{color:var(--brand)}.mid-button{min-width:240px;margin-bottom:20px}.secondary-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.small-button{min-width:200px;height:52px;font-size:15px}.home-data-row{grid-template-columns:repeat(3,1fr);gap:12px;width:min(540px,100%);margin-top:24px;display:grid}.home-data-row div,.side-stat{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 14px;transition:all .2s}.home-data-row div:first-child,.test-side div:first-child{color:var(--brand)!important;background:#2563eb0d!important;border-color:#2563eb26!important}.home-data-row div:first-child span,.test-side div:first-child span{color:#2563ebb3!important}.home-data-row div:nth-child(2),.test-side div:nth-child(2){color:var(--green)!important;background:#0478570d!important;border-color:#04785726!important}.home-data-row div:nth-child(2) span,.test-side div:nth-child(2) span{color:#047857b3!important}.home-data-row div:nth-child(3),.test-side div:nth-child(3){color:#d97706!important;background:#d977060d!important;border-color:#d9770626!important}.home-data-row div:nth-child(3) span,.test-side div:nth-child(3) span{color:#d97706b3!important}.home-data-row span,.side-stat span,.mini-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.home-data-row strong,.side-stat strong{font-size:18px}.home-content-container{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.home-main-content{flex-direction:column;flex:1;align-items:center;gap:24px;max-width:580px;display:flex}.home-characters-sidebar{display:none}@media (width>=981px){.home-characters-sidebar{flex-shrink:0;width:380px;height:380px;display:block}.access-copy{font-size:22px}}.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{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:12px;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{white-space:nowrap;color:var(--ink)!important}.test-score-counter.text-danger{color:var(--danger)!important}.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}.field-error{animation:.25s cubic-bezier(.16,1,.3,1) both fieldErrorIn}@keyframes fieldErrorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 10px 25px #2028330d}.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;transition:all .2s;display:flex;overflow:hidden}.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}.no-image-placeholder span{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.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}.btn-save-question:hover{background:var(--soft);border-color:var(--muted);transform:translateY(-.5px)}.btn-save-question.active{border-color:var(--brand);color:var(--brand);background:#2563eb14}.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:60px;padding:10px 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}.answer-card:hover{background:var(--soft);border-color:var(--muted)}.answer-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb14}.answer-card.selected span{border-color:var(--brand);color:var(--brand);background:#2563eb0f}.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-explain{color:var(--ink);text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:4px;padding:12px 16px;font-size:13px;line-height:1.45}.answer-explain strong{color:#1e40af}.answer-explain p{color:#1e3a8a;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);max-height:180px;margin-top:4px;padding-top:12px;overflow-y:auto}.question-dots{grid-template-columns:repeat(10,1fr);gap:8px;width:100%;display:grid}.dot-btn{border:1px solid var(--line);background:var(--soft);height:32px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .15s;display:flex}.dot-btn:hover{background:var(--line)}.dot-btn.active{border-color:var(--brand);color:var(--brand);background:#fff;box-shadow:0 0 0 2px #2563eb1a}.dot-btn.answered{border-color:var(--brand);color:var(--brand);background:#fff}.centered-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:340px;display:flex}.loading-overlay{background:var(--panel);z-index:10;opacity:1;pointer-events:auto;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.loading-overlay.fade-out{opacity:0;pointer-events:none}.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;font-size:clamp(28px,4vw,36px)}.results-panel .leaderboard-list-wrap{flex-grow:0}.result-status-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;justify-content:center;align-items:center;margin:6px 0 10px;padding:6px 18px;font-size:15px;font-weight:850;display:inline-flex}.result-status-tag.passed{color:var(--green);border:1.5px solid var(--green);background:#04785714}.result-status-tag.failed{color:var(--danger);border:1.5px solid var(--danger);background:#be123c14}.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}.btn-link-icon:hover{text-underline-offset:2px;text-decoration:underline}.leaderboard-list-wrap{flex-grow:1;width:100%;min-height:0;padding-right:8px;overflow-y:auto}.elo-up{color:var(--green);font-size:13px;font-weight:850;font-family:var(--font-display)}.elo-down{color:var(--danger);font-size:13px;font-weight:850;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}.empty-board{color:var(--muted);text-align:center;margin-top:10px;font-weight:800}.self-left{align-self:flex-start}.modal-backdrop{z-index:20;background:#20283370;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:420px;padding:24px;display:flex}.auth-heading{justify-content:space-between;align-items:center;display:flex}.auth-heading h2{margin:0;font-size:28px}.auth-card label{color:var(--muted);letter-spacing:.12em;text-align:left;text-transform:uppercase;flex-direction:column;gap:7px;font-size:11px;font-weight:900;display:flex}.auth-card input{border:1px solid var(--line);color:var(--ink);border-radius:14px;outline:none;height:46px;padding:0 14px;font-size:16px;font-weight:800}.auth-card input:focus{border-color:var(--brand)}.primary-wide{width:100%;min-width:0}.btn-google{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.btn-google:hover{border-color:var(--brand);background:#f8f8f8}.auth-divider{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:900;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.plain-switch{color:var(--brand);cursor:pointer;background:0 0;border:0;height:36px;font-weight:900}.auth-error{color:var(--danger);background:#fff0f0;border-radius:12px;margin:0;padding:10px;font-size:13px;font-weight:800}.auth-username-wrap{align-items:center;width:100%;display:flex;position:relative}.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 #2563eb1f;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;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: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:62px!important}@media (width>=640px){.auth-password-input{padding-right:70px!important}}.auth-char-counter-pw{right:38px!important}@media (width>=640px){.auth-char-counter-pw{right:42px!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)}}@media (width<=1200px) and (width>=981px){.test-main{grid-template-columns:3fr 7fr;gap:20px}}@media (width<=980px){.app-shell{padding:20px}.main-card{border-radius:28px;flex-direction:column;height:auto;padding:40px 28px 32px;display:flex;width:88%!important;max-width:88vw!important}.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:18px;padding:10px 0 4px}.home-panel.is-scrollable,.profile-panel.is-scrollable{justify-content:flex-start!important;overflow-y:auto!important}.home-brand-group{gap:6px}.home-panel .brand-mark svg{width:36px;height:36px}.home-panel .brand-text span{font-size:27px}.home-panel h1{margin:8px 0 6px;font-size:26px}.mode-buttons,.quick-actions,.result-buttons{margin-bottom:14px}.profile-panel{justify-content:center;gap:20px;padding:6px 0 4px}.profile-avatar{width:44px;height:44px;font-size:18px}.profile-user-summary{gap:12px}.profile-name-row h2{height:26px;padding:0 8px;font-size:16px}.profile-stats{gap:6px;margin-top:0}.profile-stats div{padding:6px 10px}.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}}.mobile-only-br{display:none}@media (width<=640px){.mobile-only-br{display:block}.mobile-only{display:inline!important}.desktop-only{display:none!important}.app-shell{padding:6px 8px}.main-card{border-radius:16px;flex-direction:column;height:calc(100dvh - 28px);max-height:none;padding:8px 16px 4px;display:flex;overflow:hidden auto;width:96%!important;max-width:96%!important}.main-card.no-footer{padding:18px 16px}.top-actions{padding-bottom:16px}.test-layout{flex:none!important;height:auto!important;min-height:auto!important;padding:0 0 16px!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,.profile-panel,.leaderboard-panel{justify-content:flex-start!important;padding-top:10px!important}.results-panel{justify-content:center!important;padding-top:10px!important;overflow-y:auto!important}.top-actions.home-header{top:20px;left:20px;right:20px}.home-panel{overflow-x:hidden;gap:clamp(8px,1.8vh,16px)!important;padding-top:0!important}.home-brand-group{gap:2px}.home-panel h1{margin:8px 0 2px;font-size:clamp(28px,7vw,48px);line-height:1.1}.home-panel h1.home-greeting{margin-top:clamp(10px,2.5vh,22px)}.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:8px}.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,.leader-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:2px 0}.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}.secondary-stack .small-button svg{width:22px!important;height:22px!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}.mid-button{height:44px;margin-bottom:16px;flex:100%!important;width:100%!important}.secondary-stack{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.secondary-stack .small-button{width:100%!important;min-width:0!important;height:52px!important;margin-bottom:0!important;font-size:15px!important}.mode-title{margin:2px 0 6px;font-size:16px}.home-data-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.home-data-row div{border-radius:10px;padding:8px}.home-data-row span{margin-bottom:2px;font-size:9px}.home-data-row strong{font-size:15px}.test-topbar span,.test-timer{font-size:14px}.test-layout{gap:12px;padding:0 0 6px}.test-topbar{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:2px;padding-bottom:2px}.test-topbar-saved{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;padding-top:6px;padding-bottom:2px}.test-topbar-saved .test-timer{justify-content:flex-end}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-trigger{text-align:center;justify-content:center}.test-topbar .permit-dropdown:not(.saved-filter){width:100%}.test-topbar .permit-dropdown-trigger{justify-content:flex-start;width:100%;padding:2px 0}.test-topbar .permit-dropdown.saved-filter .permit-dropdown-menu{animation:.15s ease-out dropdownFadeInCentered;left:50%;transform:translate(-50%)}.test-main{grid-template-columns:1fr;gap:14px}.test-left{border-right:none;padding-right:0}.question-image-v2{max-height:220px}.btn-save-question{height:52px!important;font-size:15px!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}.answer-card{border-radius:10px;grid-template-columns:24px minmax(0,1fr);gap:10px;min-height:54px;padding:8px 12px;font-size:13px}.answer-card span{width:22px;height:22px;font-size:10px}.question-nav{gap:10px;margin-top:12px;padding-top:12px}.question-nav button{flex:1 1 0!important;min-width:0!important;height:52px!important;font-size:15px!important}.test-bottom{max-height:none;margin-top:8px;padding-top:10px;padding-bottom:2px;overflow:visible}.dot-btn{border-radius:6px;height:36px;font-size:12px}.question-dots{grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:2px}.results-panel,.leaderboard-panel,.history-panel{min-height:0;padding:16px 0 0}.results-panel h2,.leaderboard-panel h2{font-size:24px;font-weight:700}.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 .leader-stat-val.elo-val{font-size:18px}.auth-card{border-radius:16px;gap:10px;padding:16px}.auth-heading h2{font-size:20px}.auth-card input{border-radius:10px;height:40px;font-size:14px}.legal-document-content{margin-top:16px;padding-right:4px}.profile-panel{justify-content:center!important;gap:clamp(4px,1.2vh,10px)!important;padding:clamp(4px,1vh,8px) 0 clamp(1px,.4vh,4px)!important;overflow-y:visible!important}.profile-progress-section{flex-direction:column!important;gap:clamp(4px,1vh,8px)!important;width:100%!important;display:flex!important}.profile-user-summary{justify-content:center!important;gap:12px!important;width:auto!important;max-width:100%!important}.profile-avatar{width:48px!important;height:48px!important;font-size:20px!important}.profile-name-row h2{height:auto!important;font-size:20px!important;line-height:1.2!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-date{display:none!important}.profile-edit-icon{flex-shrink:0!important;margin-left:0!important}.profile-panel .mode-title{margin:8px 0 4px!important}.profile-stats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.profile-stats div{width:100%;border-radius:12px!important;padding:10px 8px!important}.profile-stats .stat-label{margin-bottom:2px!important;font-size:10px!important}.profile-stats strong{text-align:center;min-width:48px;font-size:17px!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{grid-template-columns:1fr!important;gap:10px!important}.profile-metrics>div{border-radius:12px!important;width:100%!important;padding:10px 14px!important}.metric-card{border-radius:12px!important;padding:8px 12px!important}.metric-head{font-size:11px!important}.metric-bar{height:6px!important;margin:6px 0 4px!important}.profile-chart-card{border-radius:12px!important;padding:12px 14px!important}.sparkline{gap:4px!important;height:68px!important}.spark-col span{border-radius:4px 4px 0 0!important;width:16px!important;margin:0 auto!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}.home-panel .mis-row,.profile-quick-section .mis-row,.home-panel .secondary-row:last-of-type,.home-panel .mode-buttons{flex-direction:row!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:flex!important}.home-panel .mis-row button.small-button,.profile-quick-section .mis-row button.small-button,.home-panel .secondary-row:last-of-type .small-button,.home-panel .mode-buttons button{text-align:center!important;flex:1 1 0!important;justify-content:center!important;width:calc(50% - 5px)!important;min-width:0!important;max-width:100%!important;height:52px!important;padding:0 8px!important;font-size:13px!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<=412px){.home-panel h1.home-greeting{font-size:clamp(25px,6.75vw,36px)}}.app-footer{border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding:8px 0 4px;display:flex;position:relative}.footer-credits{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.footer-credits a{color:var(--brand);font-weight:700;text-decoration:none;transition:color .2s}.footer-credits a:hover{color:var(--brand-dark);text-decoration:underline}.footer-credits-author a{color:var(--muted-dark)}.footer-credits-author a:hover{color:var(--ink)}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.footer-link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-size:12px;font-weight:600;transition:all .2s}.footer-link-btn:hover{color:var(--brand)}.footer-separator{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:12px}@media (width<=980px){.app-footer{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 12px 0}.footer-credits{text-align:center;white-space:normal;margin:0}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}}@media (width<=640px){.app-footer{border-top:1px solid var(--line)!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;margin-top:4px!important;padding:6px 0 4px!important}.footer-credits{text-align:center!important;white-space:normal!important;font-size:10px!important}.footer-links{justify-content:center!important;gap:2px!important}.footer-link-btn{padding:2px 4px!important;font-size:10px!important}.footer-separator{font-size:10px!important}.hide-mobile{display:none}}.nav-btn{background:var(--soft);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:38px;padding:8px 14px;font-size:13px;font-weight:750;transition:all .2s;display:inline-flex}.nav-btn svg{flex-shrink:0;display:block}.nav-btn:hover{background:var(--line);border-color:var(--muted)}.nav-btn-danger{color:var(--danger)}.nav-btn-danger:hover{background:#be123c14;border-color:#be123c33}.header-right-actions{align-items:center;gap:12px;display:flex}.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;width:40px!important;min-width:40px!important;padding:0!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{padding:4px 10px;font-size:9px;top:44px;right:10px}.header-right-actions{gap:6px}.account-pill{display:none}.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{gap:0;width:40px;padding:0}.header-left-row .account-summary-btn{display:none}}.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:auto;min-width:200px;max-width:100%;margin-bottom:0;height:52px!important;font-size:15px!important}@media (width<=640px){.secondary-row{gap:12px!important;width:100%!important}.secondary-row .small-button{flex:calc(50% - 6px)!important;width:auto!important;min-width:0!important;max-width:100%!important;height:52px!important;font-size:15px!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;position:relative;align-items:stretch!important}.history-card-left{width:100%;padding-right:32px}.history-card-right{border-top:1px solid var(--line);justify-content:center;gap:12px;padding-top:6px;display:flex;width:100%!important}.history-card-stats{justify-content:center;gap:12px;display:flex}.history-card-right .stat-item,.history-card-right .btn-review-result{min-width:0}.history-card-right .stat-item{text-align:center;align-items:center;min-width:75px}.history-card-right .btn-review-result{justify-content:flex-end}.history-card-right .stat-item.mobile-hidden{display:none}.history-card-right .stat-label{font-size:8px}.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}.history-card-right .btn-review-result{height:28px}.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:6px!important;padding:9px 12px!important}.leader-row-left{gap:7px!important;width:100%!important}.leader-row-right{border-top:1px solid var(--line)!important;justify-content:space-between!important;width:100%!important;padding-top:6px!important}.leader-card-stats{flex:1!important;justify-content:space-around!important;gap:8px!important}.leader-card-stats .stat-item{align-items:center!important;gap:0!important}.leader-row .leader-card-meta{gap:0!important}.leader-row .leader-card-meta strong{font-size:13px!important;line-height:1.15!important}.leader-row .leader-card-meta small{font-size:10px!important;line-height:1.1!important}.leader-row .stat-label{font-size:8px!important;line-height:1!important}.leader-row .stat-val{font-size:12px!important;line-height:1.1!important}.leader-row .stat-val.elo-val{font-size:14px!important}.leader-row .rank-badge{width:26px!important;height:26px!important;font-size:11px!important}.leader-row .elo-level-badge{min-width:78px!important;padding:2px 8px!important;font-size:11px!important}.leader-row.rank-1 .rank-badge,.leader-row.rank-2 .rank-badge,.leader-row.rank-3 .rank-badge{font-size:12px!important;transform:none!important}}@media (height<=1020px) and (width>=981px){:root{--card-max-width:74vw;--card-max-height:90dvh;--card-height:88dvh}.app-shell{padding:12px}.main-card{padding:18px 28px 14px}.top-actions.home-header{top:18px;left:28px;right:28px}.home-panel{justify-content:center;gap:18px;padding:10px 0 4px}.home-panel h1{margin:8px 0 4px}.access-copy,.leader-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}.app-footer{gap:4px;padding-top:8px}}.app-shell{flex-direction:column}.app-shell.has-banner{padding-top:66px!important}@media (width<=980px){.app-shell.has-banner{padding-top:62px!important}}@media (width<=640px){.app-shell.has-banner{padding-top:58px!important}}@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}.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:8px!important}.home-panel h1{margin:0!important;font-size:clamp(28px,2.5vw,40px)!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:14px 0 10px!important}.profile-user-summary{gap:10px!important;width:auto!important;max-width:100%!important}.profile-avatar{width:50px!important;height:50px!important;font-size:24px!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:0!important;margin-bottom:0!important}.profile-quick-section .mode-title{margin-top:0!important;margin-bottom:0!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:10px!important}.profile-stats,.profile-metrics{gap:16px!important}.profile-metrics{margin-top:8px!important}.profile-stats div,.profile-metrics>div,.metric-card,.profile-chart-card{border-radius:12px!important}.profile-stats div,.profile-metrics>div,.profile-chart-card{padding:12px 14px!important}.sparkline{gap:8px!important;height: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:58vw;--card-max-height:78dvh}.main-card{margin-top:12px}.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}.home-panel .secondary-row .small-button,.profile-quick-section .secondary-row .small-button{height:52px!important}.profile-progress-section,.profile-quick-section{flex-direction:column!important;gap:1.2dvh!important;width:100%!important;display:flex!important}.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!important}.test-main{grid-template-columns:3fr 7fr;gap:28px}.test-left{padding-right:28px}}@media (width>=1920px){:root{--card-max-width:54vw;--card-max-height:74dvh;--card-height:72dvh}.main-card,.main-card.no-footer{padding:18px 28px 14px}.top-actions.home-header{top:44px;left:56px;right:56px}.home-panel,.profile-panel{gap:1.5dvh!important;padding:2.5dvh 0!important}.home-modes-group,.home-progreso-group,.profile-stats,.profile-metrics{gap:1.5dvh!important}.home-panel .secondary-row .small-button,.profile-quick-section .secondary-row .small-button{height:52px!important}.profile-progress-section,.profile-quick-section{flex-direction:column!important;gap:1.5dvh!important;width:100%!important;display:flex!important}.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!important}.test-main{grid-template-columns:3fr 7fr;gap:32px}.test-left{padding-right:32px}}@media (width>=2560px){:root{--card-max-width:48vw;--card-max-height:62dvh;--card-height:58dvh}}.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:12px!important}@media (height<=800px) and (width>=981px){:root{--card-height:88dvh;--card-max-height:650px}.results-panel .secondary-row .small-button,.test-layout .small-button,.is-api-dashboard .small-button{height:52px!important}}.results-panel .secondary-row .small-button,.test-layout .small-button,.is-api-dashboard .small-button{height:52px!important}.test-layout .question-nav .small-button{min-width:140px}.test-layout .btn-save-question.small-button{width:100%;min-width:0}.typing-dots{align-items:center;gap:4px;height:18px;padding:0 4px;display:flex}.typing-dot{background-color:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.3)}40%{opacity:1;transform:scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.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)}}.test-content-fade-in{will-change:transform, opacity;animation:.5s cubic-bezier(.16,1,.3,1) forwards viewScaleFadeIn}.top-actions{will-change:transform, opacity;transition:padding .5s cubic-bezier(.16,1,.3,1),margin .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),left .5s cubic-bezier(.16,1,.3,1),right .5s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards topActionsEntrance}@keyframes topActionsEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left-animate,.header-right-animate{will-change:opacity, transform;align-items:center;animation:.5s cubic-bezier(.16,1,.3,1) forwards headerElementFade;display:flex}@keyframes headerElementFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-footer{will-change:opacity, transform;animation:.6s cubic-bezier(.16,1,.3,1) forwards footerFadeIn}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.viewScaleFadeIn-auth{will-change:transform, opacity;animation:.35s cubic-bezier(.16,1,.3,1) forwards viewScaleFadeIn}.not-found-panel{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;max-width:480px;min-height:400px;margin:0 auto;padding:24px 16px;display:flex}.not-found-content{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.not-found-icon-container{margin-bottom:8px;position:relative}.not-found-icon{color:var(--danger,#be123c)}.not-found-panel h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(24px,4vw,30px);font-weight:800}.not-found-code{font-family:var(--font-display);color:var(--danger);letter-spacing:.1em;background:#be123c14;border-radius:99px;margin:0;padding:4px 12px;font-size:13px;font-weight:800}.not-found-text{color:var(--muted);max-width:380px;margin:0 0 12px;font-size:14px;line-height:1.5}.not-found-btn{justify-content:center;align-items:center;gap:8px;width:auto;min-width:200px;display:inline-flex}.history-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}.history-panel h2{font-size:clamp(28px,4vw,36px);font-family:var(--font-display);font-weight:800}.history-header-card{background:var(--soft);border:1px solid var(--line);text-align:left;border-radius:16px;width:100%;margin-bottom:24px;padding:18px 24px}.account-info-box{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.account-avatar-details{flex-direction:column;gap:2px;display:flex}.account-avatar-details strong{color:var(--ink);font-size:18px;font-weight:750}.account-avatar-details small{color:var(--muted);font-size:13px}.account-elo-badge{color:var(--brand);background:#2563eb14;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:flex}.guest-info-box{flex-direction:column;gap:12px;display:flex}.guest-info-box p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.guest-action-buttons{gap:12px;display:flex}.guest-action-buttons button{height:40px;font-size:13px}.history-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}.history-list-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:750}.btn-clear-history{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:750;transition:all .2s;display:flex}.btn-clear-history:hover{background:#be123c14}.history-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.history-empty p{max-width:320px;margin:0;font-size:15px;line-height:1.5}.history-list{flex-direction:column;flex-grow:1;gap:12px;width:100%;min-height:0;padding-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:var(--soft);border-radius:99px}.history-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}.history-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.history-card:hover{border-color:var(--muted);box-shadow:0 8px 20px #2028330a}.history-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.badge-status{letter-spacing:.05em;text-align:center;border-radius:6px;min-width:60px;padding:3px 8px;font-size:11px;font-weight:800}.badge-status.passed{color:#065f46;background:#d1fae5}.badge-status.failed{color:#991b1b;background:#fee2e2}.results-panel .badge-status{border-radius:8px;min-width:80px;padding:5px 14px;font-size:14px}.history-card-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.history-card-meta strong{color:var(--ink);font-size:15px;font-weight:750}.history-card-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.history-card-meta small{color:var(--muted);opacity:.8;font-size:11px}.history-card-right{align-items:center;gap:16px;display:flex}.history-card-stats{align-items:stretch;gap:24px;display:flex}.stat-item{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.history-card-stats .stat-item{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width>=641px){.history-card-stats .stat-item{justify-content:space-between;height:44px}.history-card .elo-stat>div{align-items:center;height:22px;display:flex}.history-card .stat-item:not(.elo-stat) .stat-val{align-items:center;height:22px;display:inline-flex}}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.stat-val{color:var(--ink);font-size:14px;font-weight:700;font-family:var(--font-display)}.stat-val.elo-val{font-family:var(--font-display)!important;color:var(--ink)!important;font-size:18px!important;font-weight:800!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--green)!important}.btn-delete-result{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-delete-result:hover{color:var(--danger);background:#be123c14}.btn-review-result{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-review-result:hover{color:var(--brand);background:#2563eb14}.btn-review-result,.btn-delete-result{position:relative}.btn-review-result[data-tip]:before,.btn-review-result[data-tip]:after{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.btn-review-result[data-tip]:before{content:attr(data-tip);z-index:9999;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}.btn-review-result[data-tip]:after{content:"";z-index:9998;border-top:6px solid #202833f2;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;bottom:calc(100% + 2px)}.btn-review-result:hover[data-tip]:before,.btn-review-result:hover[data-tip]:after{opacity:1;transform:translate(-50%)translateY(0)}.leaderboard-list-wrap{padding-right:6px!important}.leaderboard-list-wrap::-webkit-scrollbar{width:6px}.leaderboard-list-wrap::-webkit-scrollbar-track{background:var(--soft);border-radius:99px}.leaderboard-list-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.leaderboard-list-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted)}.leader-list{flex-direction:column!important;gap:12px!important;width:100%!important;margin-top:0!important;padding-bottom:12px!important;display:flex!important}.leader-row{border:1px solid var(--line)!important;text-align:left!important;background:#fff!important;border-radius:20px!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:10px 24px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #00000003,0 2px 4px -1px #00000003!important}.leader-row:hover{border-color:var(--muted)!important;box-shadow:0 8px 20px #2028330a!important}.leader-row.is-self{border-color:var(--brand)!important;background:#2563eb05!important;box-shadow:0 4px 12px #2563eb0f!important}.leader-row-left{flex:1!important;align-items:center!important;gap:16px!important;min-width:0!important;display:flex!important}.leader-row-right{align-items:center!important;gap:16px!important;display:flex!important}.leader-card-meta{flex-direction:column!important;gap:2px!important;min-width:0!important;display:flex!important}.leader-card-meta strong{color:var(--ink)!important;white-space:nowrap!important;text-overflow:ellipsis!important;align-items:center!important;gap:4px!important;font-size:15px!important;font-weight:750!important;line-height:1.2!important;display:inline-flex!important;overflow:hidden!important}.leader-card-meta small{color:var(--muted)!important;opacity:.8!important;font-size:11px!important;line-height:1.2!important}.leader-card-stats{align-items:stretch!important;gap:24px!important;display:flex!important}.elo-delta-item .stat-val{font-size:14px!important;font-weight:700!important}.elo-delta-neutral{color:var(--muted)!important}.leader-row.placeholder{opacity:.72!important}.rank-badge{background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--muted)!important;font-family:var(--font-display)!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:15px!important;font-weight:900!important;display:flex!important;box-shadow:0 2px 4px #00000005!important}.leader-row.rank-1 .rank-badge{color:#b45309!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#fbbf24!important;font-size:16px!important;transform:scale(1.08)!important;box-shadow:0 4px 10px #fbbf2440!important}.leader-row.rank-2 .rank-badge{color:#334155!important;background:linear-gradient(135deg,#f1f5f9,#cbd5e1)!important;border-color:#94a3b8!important;font-size:16px!important;transform:scale(1.04)!important;box-shadow:0 4px 10px #94a3b833!important}.leader-row.rank-3 .rank-badge{color:#c2410c!important;background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;border-color:#f97316!important;font-size:16px!important;transform:scale(1.02)!important;box-shadow:0 4px 10px #f9731633!important}.leader-stat-val.elo-val{font-family:var(--font-display)!important;color:var(--brand)!important;font-size:20px!important;font-weight:800!important}.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:80px!important;padding:2px 8px!important;font-size:11px!important;font-weight:850!important;line-height:1!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}.user-tags{align-items:center!important;gap:3px!important;margin-left:5px!important;display:inline-flex!important}.user-tag{text-transform:uppercase!important;letter-spacing:.03em!important;border-radius:3px!important;align-items:center!important;height:16px!important;padding:0 6px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.user-tag.tag-creador{color:#92400e!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:1px solid #fbbf24!important}.user-tag.tag-vip{color:#3730a3!important;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;border:1px solid #a5b4fc!important}.user-tag.tag-tester{color:#065f46!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border:1px solid #34d399!important}.user-tag.tag-admin{color:#991b1b!important;background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border:1px solid #f87171!important}.user-tag.tag-moderador{color:#6b21a8!important;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)!important;border:1px solid #c084fc!important}.leader-card-stats .stat-item{flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}@media (width>=641px){.leader-card-stats .stat-item{justify-content:space-between!important;height:44px!important}.leader-row .elo-level-badge{height:22px!important;line-height:20px!important}.leader-row .elo-stat-item>div{align-items:center!important;height:22px!important}.leader-row .stat-item:last-child .stat-val{align-items:center!important;height:22px!important;display:inline-flex!important}}.leaderboard-user-sticky{flex-grow:0!important;flex-shrink:0!important;width:100%!important;margin-top:14px!important;padding-right:6px!important}.admin-fab{-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-family:var(--font-display);z-index:80;text-transform:uppercase;letter-spacing:.05em;background:#ffffffd9;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:10px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:48px;right:14px;box-shadow:0 4px 12px #20283314}.admin-fab:hover{border-color:var(--muted);background:#fff;transform:translateY(-.5px);box-shadow:0 6px 16px #2028331f}.admin-fab:active{transform:translateY(.5px)}.admin-dock-backdrop{z-index:90;pointer-events:none;position:fixed;inset:0}.admin-dock-backdrop>*{pointer-events:auto}.admin-panel{-webkit-backdrop-filter:blur(14px);text-align:left;will-change:top, left, width, height;z-index:100;min-width:320px;max-width:480px;height:480px;min-height:380px;font-family:var(--font-sans);background:#ffffffe0;border:1px solid #eceff3cc;border-radius:16px;flex-direction:column;transition:box-shadow .2s;display:flex;position:absolute;top:60px;left:20px;overflow:hidden;box-shadow:0 20px 40px -10px #11182726,0 10px 20px -8px #11182714}.admin-panel:hover{box-shadow:0 25px 50px -12px #11182733}.admin-heading{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);background:#f6f7f899;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.admin-heading:active{cursor:grabbing}.admin-heading-title-group{color:var(--ink);align-items:center;gap:8px;display:flex}.admin-heading-icon{opacity:.7}.admin-panel h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:800;line-height:1}.admin-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.admin-close-btn:hover{color:var(--ink);background:#0000000d}.admin-tabs{border-bottom:1px solid var(--line);background:#f6f7f8cc;gap:2px;padding:2px;display:flex}.admin-tab-btn{font-family:var(--font-display);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.admin-tab-btn:hover{color:var(--ink);background:#ffffff80}.admin-tab-btn.is-active{color:var(--brand);background:#fff;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.admin-tab-content{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.admin-tab-pane{flex-direction:column;gap:10px;animation:.15s ease-out adminFadeIn;display:flex}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.admin-section-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #00000005}.admin-section-subtitle{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-top:0;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.admin-select-wrap{width:100%;position:relative}.admin-select,.admin-input-text{background:var(--soft);border:1px solid var(--line);width:100%;height:34px;color:var(--ink);font-family:var(--font-sans);border-radius:8px;outline:none;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s}.admin-select:focus,.admin-input-text:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.admin-segmented-control{background:var(--soft);border:1px solid var(--line);border-radius:8px;gap:2px;margin-top:8px;padding:2px;display:flex}.segmented-item{font-family:var(--font-display);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;height:26px;font-size:11px;font-weight:700;transition:all .15s}.segmented-item:hover{color:var(--ink)}.segmented-item.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000000a}.admin-action-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.admin-btn{font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:var(--brand);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--brand-dark)}.admin-btn-secondary{background:var(--soft);border-color:var(--line);color:var(--ink)}.admin-btn-secondary:hover:not(:disabled){background:var(--line)}.admin-btn-success{color:#fff;background:#10b981}.admin-btn-success:hover:not(:disabled){background:#059669}.admin-btn-danger{background:var(--danger);color:#fff}.admin-btn-danger:hover:not(:disabled){background:#9f1239}.admin-btn-outline-danger{color:var(--danger);background:0 0;border-color:#be123c33}.admin-btn-outline-danger:hover:not(:disabled){border-color:var(--danger);background:#be123c0d}.admin-user-input-group{gap:6px;display:flex}.admin-user-input-group .admin-input-text{flex:1}.admin-user-input-group .admin-btn{flex-shrink:0}.admin-tags-container{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.tag-remove{opacity:.6;margin-left:2px;font-weight:800}.admin-empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#f6f7f880;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.admin-empty-state p{margin:0;font-size:11px;line-height:1.4}.admin-nav-list{flex-direction:column;gap:4px;display:flex}.admin-nav-item{background:var(--soft);width:100%;font-family:var(--font-sans);color:var(--ink);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.admin-nav-item:hover{border-color:var(--line);color:var(--brand);background:#fff;transform:translate(2px)}.admin-nav-item svg{opacity:.5;transition:transform .15s}.admin-nav-item:hover svg{opacity:1;transform:translate(1px)}.d1-usage-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.d1-refresh-btn{background:var(--soft);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.d1-refresh-btn:hover{background:var(--line);color:var(--ink)}.d1-spin{animation:.8s linear infinite d1spin}@keyframes d1spin{to{transform:rotate(360deg)}}.d1-usage-body{flex-direction:column;gap:8px;display:flex}.d1-usage-row{flex-direction:column;gap:4px;display:flex}.d1-usage-label{justify-content:space-between;align-items:center;font-size:11px;display:flex}.d1-label-text{color:var(--ink);font-weight:700}.d1-usage-nums{color:var(--muted);font-weight:600}.d1-usage-slash{opacity:.5;margin:0 1px}.d1-usage-bar-container{align-items:center;gap:8px;display:flex}.d1-usage-bar-track{background:var(--soft);border-radius:99px;flex:1;height:8px;overflow:hidden}.d1-usage-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.d1-usage-pct{text-align:right;width:32px;font-size:11px;font-weight:800}.d1-usage-period{color:var(--muted);text-align:right;margin:2px 0 0;font-size:9px}.d1-usage-note{color:#713f12;background:#fef9c3;border:1px solid #fef08a;border-radius:8px;margin:4px 0 0;padding:6px 8px;font-size:9px;line-height:1.4}.d1-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-top:4px;padding:6px 8px;font-size:10px}.d1-loading{text-align:center;color:var(--muted);padding:10px 0;font-size:11px}.admin-resize-handle{cursor:nwse-resize;opacity:.3;justify-content:flex-end;align-items:flex-end;width:14px;height:14px;padding:3px;transition:opacity .15s;display:flex;position:absolute;bottom:0;right:0}.admin-panel:hover .admin-resize-handle,.admin-resize-handle:active{opacity:.8}.admin-resize-handle:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:6px;height:6px}@media (width<=640px){.admin-dock-backdrop{pointer-events:auto;background:#0006;justify-content:center;align-items:flex-end;display:flex}.admin-panel{border-bottom:none;border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) adminSlideUp;box-shadow:0 -10px 25px #00000026;width:100%!important;max-width:100%!important;height:80dvh!important;max-height:80dvh!important;position:relative!important;top:auto!important;left:auto!important}@keyframes adminSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.admin-resize-handle{display:none}.admin-heading{cursor:default;padding:14px 16px}}.chat-fab{color:#000;cursor:pointer;z-index:100;background:#fff;border:2px solid #3b82f6;border-radius:999px;outline:none;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 8px #00000014}.chat-fab:hover{background:var(--soft);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.chat-fab-icons{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.chat-fab-icon{backface-visibility:hidden;will-change:transform, opacity;background:0 0;border:none;outline:none;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 var(--brand);z-index:100;text-align:left;border-radius:20px;flex-direction:column;width:360px;height:min(520px,100dvh - 100px);max-height:calc(100dvh - 100px);animation:.25s cubic-bezier(.16,1,.3,1) chatWindowFadeIn;display:flex;position:fixed;bottom:86px;right:24px;overflow:hidden;box-shadow:0 12px 36px #20283326}@keyframes chatWindowFadeIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)}}.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(12px)scale(.95)}}.chat-window-closing{pointer-events:none;animation:.25s cubic-bezier(.16,1,.3,1) forwards chatWindowFadeOut}.chat-header{background:var(--brand);color:#fff;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:relative}.chat-header-avatar{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header-info h4{margin:0;font-size:14px;font-weight:750}.chat-header-info span{opacity:.85;font-size:11px}.chat-close-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:0;padding:6px;transition:opacity .2s;display:flex}.chat-close-btn:hover{opacity:1}.chat-messages-container{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.chat-bottom-area{flex-shrink:0}.chat-messages-container::-webkit-scrollbar{width:5px}.chat-messages-container::-webkit-scrollbar-track{background:0 0}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.chat-message-bubble{word-break:break-word;border-radius:14px;max-width:85%;padding:10px 14px;font-size:13.5px;line-height:1.45}.chat-message-bubble.bot{background:var(--soft);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start}.chat-message-bubble.user{background:var(--brand);color:#fff;border-bottom-right-radius: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:10px 22px;font-size:13px;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-chat-support:hover{background:var(--soft);border-color:var(--brand);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb29}.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:#2563eb05}.chat-quick-options-toggle{background:var(--soft);border:0;border-top:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:center;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:color .15s}.chat-quick-options-toggle:hover{color:var(--brand)}.chat-input-bar{border-top:1px solid var(--line);align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.chat-input-bar input{background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.chat-input-bar button{color:var(--brand);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex}.chat-input-bar button svg{transform:rotate(45deg)}.chat-input-bar button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.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);background-color:#fff;box-shadow:0 0 0 2px #2563eb1a}.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{color:var(--brand);background:#2563eb14;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 #2563eb0f}.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);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb29}.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 #2563eb0f}.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}.chat-quick-options button{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.chat-quick-options button:hover{transform:translate(3px);box-shadow:0 2px 6px #2563eb14}.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{width:46px;height:46px;bottom:12px;right:12px}}@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{width:44px;height:44px;bottom:10px;right:10px}}@media (height<=1020px) and (width>=981px){.chat-window{width:340px;height:min(480px,100dvh - 118px);max-height:calc(100dvh - 100px);bottom:76px;right:20px}}.legal-panel{text-align:left;flex-direction:column;flex-grow:1;align-items:flex-start;width:100%;min-height:0;display:flex}.auth-page-panel{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;margin-top:16px;display:grid}.info-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px 12px #20283308}.info-card:hover{border-color:#2563eb33;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb14}.info-card-header{align-items:center;gap:12px;display:flex}.info-card-header h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:750;line-height:1.3}.info-icon{flex-shrink:0}.info-icon.text-brand{color:var(--brand)}.info-icon.text-green{color:var(--green)}.info-icon.text-yellow{color:#d97706}.info-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.info-links-list{flex-direction:column;gap:12px;display:flex;margin:0!important;padding:0!important;list-style:none!important}.info-links-list li{color:var(--muted);font-size:14px;line-height:1.55;margin:0!important}.info-links-list a{color:var(--brand);border-bottom:1.5px solid #0000;align-items:center;gap:4px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.info-links-list a:hover{color:var(--brand-dark);border-bottom-color:var(--brand-dark)}.faq-accordion{flex-direction:column;gap:12px;width:100%;margin-top:14px;display:flex}.faq-item{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:12px;transition:all .2s;overflow:hidden}.faq-item:hover{background:#fff;border-color:#2563eb4d;box-shadow:0 4px 12px #2028330a}.faq-item.active{border-color:var(--brand);background:#fff;box-shadow:0 4px 16px #2563eb0f}.faq-question{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.faq-toggle-arrow{color:var(--muted);font-size:10px;transition:transform .2s}.faq-item.active .faq-toggle-arrow{color:var(--brand);transform:rotate(180deg)}.faq-answer{border-top:1px dashed var(--line);padding:0 20px 16px;animation:.2s ease-out slideDown}.faq-answer p{color:var(--muted);margin:12px 0 0;font-size:13.5px;line-height:1.6}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-section-group{width:100%;margin-top:24px;margin-bottom:8px}.info-section-title{border-bottom:2px solid var(--line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;display:flex}.info-section-title h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px;font-weight:800}.title-icon{color:var(--brand)}.info-tables-grid{grid-template-columns:1fr;gap:24px;width:100%;display:grid}@media (width>=800px){.info-tables-grid{grid-template-columns:1fr 1fr}}.info-table-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:20px;box-shadow:0 4px 12px #20283308}.info-table-card h4{font-family:var(--font-display);color:var(--ink);border-left:4px solid var(--brand);margin:0 0 16px;padding-left:10px;font-size:15px;font-weight:750}.custom-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.custom-info-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.custom-info-table.text-center th,.custom-info-table.text-center td{text-align:center!important}.custom-info-table th,.custom-info-table td{border-bottom:1px solid var(--line);padding:10px 12px}.custom-info-table th{color:var(--muted);font-weight:750;font-family:var(--font-display);background:var(--soft)}.custom-info-table td{color:var(--ink)}.custom-info-table tr:last-child td{border-bottom:none}.highlight-cell{font-family:var(--font-mono);font-weight:750;color:var(--brand)!important}.info-link-btn-action{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.info-link-btn-action:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.info-link-btn-action svg{transition:transform .2s}.info-link-btn-action:hover svg{transform:translate(1px,-1px)}.instructions-roadmap{flex-direction:column;gap:20px;width:100%;margin-top:16px;margin-bottom:8px;display:flex;position:relative}.roadmap-step{align-items:flex-start;gap:16px;min-width:0;display:flex;position:relative}.roadmap-step:not(:last-child):after{content:"";border-left:2px dashed var(--line);z-index:-1;position:absolute;top:21px;bottom:-20px;left:20px}.step-number{background:var(--brand);color:#fff;border:4px solid var(--panel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex}.step-content{border:1px solid var(--line);background:#fff;border-radius:16px;flex-grow:1;min-width:0;padding:16px 20px;box-shadow:0 4px 12px #20283308}.step-content p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.step-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.step-header h3{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.badge-new{background:var(--brand);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.4;animation:.4s cubic-bezier(.16,1,.3,1) both badgePopIn}@keyframes badgePopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.step-icon{flex-shrink:0}.mode-explain-grid{grid-template-columns:1fr;gap:16px;width:100%;margin-top:16px;display:grid}@media (width>=768px){.mode-explain-grid{grid-template-columns:1fr 1fr}}.mode-explain-card{background:var(--soft);border:1px solid var(--line);text-align:left;border-radius:12px;padding:16px}.mode-explain-card h5{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:750}.mode-explain-card p{font-size:13px!important;line-height:1.5!important}.elo-levels-list{flex-direction:column;gap:12px;width:100%;margin-top:16px;display:flex}.elo-level-item{background:var(--soft);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.level-badge{font-family:var(--font-display);text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-shrink:0;min-width:auto;padding:4px 8px;font-size:12px;font-weight:800}@media (width<=640px){.roadmap-step:not(:last-child):after,.step-number{display:none}.elo-level-item{gap:10px;padding:10px 12px}.level-badge{white-space:normal;word-break:break-word;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:55px;height:auto;padding:3px 6px;font-size:10px;line-height:1.3;display:inline-flex}.range-sep{display:none}.range-line{display:block}.range-unit{display:none}}.level-novice .level-badge{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#f97316}.level-ready .level-badge{color:#334155;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border-color:#94a3b8}.level-expert .level-badge{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.level-aprobado .level-badge{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#38bdf8}.level-text{color:var(--muted);font-size:13px;line-height:1.45}.level-text strong{color:var(--ink);margin-right:4px;display:inline-block}.info-bullets-list{flex-direction:column;gap:10px;display:flex;margin:16px 0 0!important;padding:0!important;list-style:none!important}.info-bullets-list li{color:var(--muted);text-align:left;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex;margin:0!important}.bullet-check{color:var(--green);flex-shrink:0;margin-top:2px}.legal-document-content{flex-grow:1;width:100%;min-height:0;margin-top:24px;padding-right:12px;overflow:hidden auto}.legal-document-content h2{font-family:var(--font-display);color:var(--ink);margin-bottom:12px;font-size:clamp(22px,3vw,30px);font-weight:800}.legal-intro{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.5}.legal-section{margin-bottom:24px}.legal-section h3{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:700}.legal-section p{color:var(--ink);margin-bottom:8px;font-size:14px;line-height:1.6}.legal-section a{color:var(--ink);text-decoration:none;transition:color .15s}.legal-section a:hover{text-decoration:underline}.legal-section ul{margin-bottom:12px;margin-left:20px;list-style-type:disc}.legal-section li{color:var(--ink);margin-bottom:6px;font-size:14px;line-height:1.6}.legal-section .legal-update{color:var(--muted);margin-top:8px;margin-bottom:0;font-weight:500;line-height:1.6;font-size:14px!important}.legal-document-content::-webkit-scrollbar{width:6px}.legal-document-content::-webkit-scrollbar-track{background:var(--soft);border-radius:99px}.legal-document-content::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.legal-document-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.api-guide-roadmap .step-content{border-radius:18px}.api-guide-roadmap .step-header h3{font-size:18px}.api-guide-table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px}@media (width<=768px){.legal-document-content{padding-right:4px}.api-guide-roadmap{gap:18px}.api-guide-roadmap .roadmap-step{gap:0}.api-guide-roadmap .step-content{border-radius:14px;padding:16px}.api-guide-roadmap .step-header{gap:8px;margin-bottom:10px}.api-guide-roadmap .step-header h3{font-size:16px;line-height:1.25}.api-guide-roadmap .legal-section h3{font-size:15px}.api-guide-roadmap .legal-section p,.api-guide-roadmap .step-content p{font-size:13px;line-height:1.5}.api-guide-roadmap .custom-info-table{min-width:520px;font-size:12px}.api-guide-roadmap .api-guide-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.api-guide-roadmap .custom-info-table th,.api-guide-roadmap .custom-info-table td{white-space:normal;word-break:break-word;padding:8px 10px}}.elo-table{border-collapse:collapse;border:1px solid var(--line);border-radius:10px;width:100%;margin-top:12px;font-size:13px;overflow:hidden}.elo-table th{background:var(--soft);color:var(--muted);font-weight:750;font-family:var(--font-display);text-align:center;border-bottom:2px solid var(--line);padding:10px 14px}.elo-table td{text-align:center;border-bottom:1px solid var(--line);font-family:var(--font-display);padding:8px 14px;font-weight:700}.elo-table tr:last-child td{border-bottom:none}.elo-table tr td:first-child{color:var(--muted);font-family:inherit;font-weight:600}.elo-up{color:var(--green)}.elo-down{color:#dc2626}@media (width<=640px){.custom-info-table,.elo-table{min-width:580px!important;display:table!important}}