@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400: oklch(76.5% .177 163.223);--color-indigo-500: oklch(58.5% .233 277.117);--color-slate-400: oklch(70.4% .04 256.788);--color-white: #fff;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl: 24px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-brand: #6366f1;--color-brand-2: #a855f7}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-1\/2{top:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.inline{display:inline}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.min-h-\[calc\(100vh-170px\)\]{min-height:calc(100vh - 170px)}.w-72{width:calc(var(--spacing) * 72)}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-linear-to-br{--tw-gradient-position: to bottom right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position: to bottom right in oklab}}.from-brand{--tw-gradient-from: var(--color-brand);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-2{--tw-gradient-to: var(--color-brand-2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\!p-0{padding:0!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-7{padding-block:calc(var(--spacing) * 7)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-1{padding-left:var(--spacing)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.text-\[17px\]{font-size:17px}.leading-none{--tw-leading: 1;line-height:1}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-brand{color:var(--color-brand)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-indigo-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(58.5% .233 277.117) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-indigo-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur-xl{--tw-backdrop-blur: blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(width<64rem){.max-lg\:order-last{order:9999}.max-lg\:ml-0{margin-left:0}.max-lg\:h-auto{height:auto}.max-lg\:w-full{width:100%}.max-lg\:flex-wrap{flex-wrap:wrap}.max-lg\:py-3{padding-block:calc(var(--spacing) * 3)}}@media(width>=64rem){.lg\:gap-6{gap:calc(var(--spacing) * 6)}}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}:root{--bg: #f5f6fb;--surface: #ffffff;--card: #ffffff;--card-hover: #fafbff;--border: #e2e5f0;--border-strong: #cfd3e3;--text: #0f172a;--text-soft: #475569;--label: #334155;--muted: #64748b;--accent: #6366f1;--accent-2: #a855f7;--grad: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--green: #15803d;--amber: #b45309;--red: #be123c;--badge-bg: #eef0f7;--badge-fg: #475569;--code-bg: #0f172a;--game-l: 38%;--glass: rgba(255, 255, 255, .82);--glow-1: rgba(99, 102, 241, .12);--glow-2: rgba(168, 85, 247, .08);--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 14px 32px -18px rgba(15, 23, 42, .14);--shadow-lift: 0 22px 44px -24px rgba(79, 70, 229, .4);--grid-line: rgba(15, 23, 42, .035);--ambient-orb-opacity: .15;color-scheme:light}:root[data-theme=dark]{--bg: #1a2035;--surface: #222942;--card: #252d4a;--card-hover: #2d3656;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--text: #f1f3fa;--text-soft: #cbd2e8;--label: #b6c0dc;--muted: #96a0c2;--accent: #818cf8;--accent-2: #c084fc;--green: #4ade80;--amber: #fbbf24;--red: #f87171;--badge-bg: rgba(255, 255, 255, .08);--badge-fg: #d2d7ee;--code-bg: #151a2c;--game-l: 74%;--glass: rgba(26, 32, 53, .82);--glow-1: rgba(129, 140, 248, .22);--glow-2: rgba(192, 132, 252, .14);--shadow: 0 16px 36px -18px rgba(0, 0, 0, .45);--shadow-lift: 0 22px 44px -24px rgba(99, 102, 241, .5);--grid-line: rgba(255, 255, 255, .038);--ambient-orb-opacity: .35;color-scheme:dark}@layer components{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;background-color:var(--bg);min-height:100vh;transition:background-color .25s,color .25s}.ambient-glow{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.ambient-glow .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:var(--ambient-orb-opacity, .35);animation:floatOrb 18s ease-in-out infinite alternate;will-change:transform;pointer-events:none}.ambient-glow .orb-1{width:600px;height:600px;background:radial-gradient(circle,#6366f1 0%,transparent 70%);top:-120px;left:10%}.ambient-glow .orb-2{width:480px;height:480px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-100px;right:12%;animation-duration:22s;animation-delay:-6s}.ambient-glow .orb-3{width:420px;height:420px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);top:35%;right:5%;animation-duration:26s;animation-delay:-11s}.ambient-glow .orb-4{width:440px;height:440px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);bottom:12%;left:4%;animation-duration:20s;animation-delay:-15s}.ambient-glow .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse 85% 75% at 50% 50%,#000 65%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 50%,#000 65%,transparent 100%)}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(45px,-35px) scale(1.08)}to{transform:translate(-35px,45px) scale(.95)}}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}h1{font-size:30px;font-weight:800}h2{font-size:19px;font-weight:700}::selection{background:#6366f14d}.container{max-width:1180px;margin:0 auto;padding-inline:20px}.muted{color:var(--muted)}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 14px;font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,select::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}textarea{width:100%;resize:vertical}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;padding:0}select{cursor:pointer}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 8px 18px -10px #6366f1cc;transition:transform .12s,filter .15s,box-shadow .15s,background .15s}button:hover,.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button.ghost,.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:none}button.ghost:hover,.btn.ghost:hover{background:var(--card-hover);border-color:var(--border-strong);filter:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.row-head{display:flex;align-items:center;justify-content:space-between;margin:44px 0 18px}.row-head h2{margin:0;display:flex;align-items:center;gap:10px}.row-head h2:before{content:"";width:4px;height:20px;border-radius:4px;background:var(--grad)}.row-head a{color:var(--muted);font-size:14px;font-weight:500;transition:color .15s}.row-head a:hover{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:13.5px;font-weight:500;box-shadow:none}.chip:hover{color:var(--text);border-color:var(--border-strong);background:var(--card-hover);transform:none;filter:none}.chip.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 6px 16px -8px #6366f1e6}.badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:6px;background:var(--badge-bg);color:var(--badge-fg)}.badge.key{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber)}.badge.open{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.badge.mobile{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.badge.paid,.badge.admin{background:color-mix(in srgb,var(--red) 13%,transparent);color:var(--red)}.badge.verified{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.state{padding:56px 20px;text-align:center;color:var(--muted)}.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:32px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.roblox-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:grid;gap:12px}.roblox-header{display:flex;justify-content:space-between;align-items:center}.roblox-tag{display:inline-flex;align-items:center;gap:6px;color:#818cf8;font-size:12px;font-weight:700;background:#818cf81f;border:1px solid rgba(129,140,248,.3);padding:3px 9px;border-radius:999px}.switch-back{background:none;border:none;box-shadow:none;color:var(--muted);font-size:12.5px;padding:0;cursor:pointer;text-decoration:underline}.switch-back:hover{color:var(--text);transform:none;filter:none}.roblox-input-wrap{display:flex;gap:10px}.roblox-input-wrap input{flex:1;height:44px;font-size:14px}.detect-btn{flex:none;height:44px;padding:0 16px;font-size:13px;white-space:nowrap}.err-box{margin:0;padding:8px 12px;border-radius:8px;background:#ff6b7d1a;border:1px solid rgba(255,107,125,.3);color:#ff6b7d;font-size:13px}.roblox-help{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.roblox-help code{background:#ffffff0f;padding:1px 4px;border-radius:4px;color:var(--text-soft)}.detected-box{display:flex;align-items:center;gap:12px;background:#4ade8014;border:1px solid rgba(74,222,128,.35);border-radius:12px;padding:10px 12px}.detected-thumb{width:48px;height:48px;border-radius:9px;overflow:hidden;flex:none;display:grid;place-items:center;background:#1e2439}.detected-thumb img{width:100%;height:100%;object-fit:cover}.detected-details{display:grid;gap:2px;flex:1}.detected-title{display:flex;align-items:center;gap:7px;font-size:14.5px}.detected-title b{color:var(--text);font-weight:700}.ok-badge{background:#4ade8033;color:#4ade80;font-size:11px;padding:2px 6px;border-radius:5px}.detected-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.detected-meta code{font-family:monospace;color:var(--text-soft);background:#ffffff0f;padding:1px 4px;border-radius:3px}.playing-pill{color:#f59e0b;font-weight:600}.exists-pill{font-size:11px;color:#818cf8;font-weight:500}.clear-detected{padding:5px;border-radius:7px;color:var(--muted);margin-left:auto}.clear-detected:hover{color:var(--text)}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.prefix-wrap{display:flex;align-items:center;border-radius:8px;background:#020617b3;border:1px solid rgba(255,255,255,.12);overflow:hidden;flex:1;min-width:200px}.prefix-wrap:focus-within{border-color:#7c83ff;box-shadow:0 0 0 2px #7c83ff40}.prefix-addon{background:#7c83ff2e;color:#a5b4fc;padding:8px 12px;font-weight:700;font-family:monospace;font-size:14px;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.08)}.edit-input.with-prefix{border:none!important;background:transparent!important;box-shadow:none!important;padding-left:10px!important}.personas-section{margin:28px 0;padding:22px;background:#161c30a6;border:1px solid rgba(124,131,255,.25);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px -10px #0006}.personas-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.personas-head h2{font-size:19px;font-weight:800;color:#fff;margin:0 0 4px}.personas-head p{font-size:13px;color:var(--muted);margin:0}.btn-gen-rand{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(124,131,255,.45);color:#c7d2fe;font-weight:700;font-size:13px;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .2s}.btn-gen-rand:hover:not(:disabled){background:linear-gradient(135deg,#6366f159,#a855f759);border-color:#818cf8;color:#fff;transform:translateY(-1px)}.custom-persona-row{display:flex;align-items:center;gap:8px;margin:16px 0;max-width:480px}.persona-feedback{font-size:13px;font-weight:600;padding:6px 12px;border-radius:7px;margin-bottom:12px;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.persona-feedback.is-error{color:#f87171;background:#f871711f;border-color:#f871714d}.personas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:14px;margin-top:14px}.persona-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#1c233cb3;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s;min-width:0}.persona-card.is-active{border-color:#34d399a6;background:#10b98117;box-shadow:0 0 16px #34d3991f}.persona-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.persona-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0}.persona-info{min-width:0;flex:1}.persona-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.persona-name b{font-size:14px;color:#fff;word-break:break-all}.badge-active{color:#34d399;font-size:11px;font-weight:700;background:#34d39933;padding:2px 7px;border-radius:999px;white-space:nowrap}.persona-count{font-size:11.5px;color:var(--muted);display:block;margin-top:2px;white-space:nowrap}.persona-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-switch{background:#7c83ff2e;border:1px solid rgba(124,131,255,.4);color:#c7d2fe;font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-switch:hover:not(:disabled){background:linear-gradient(135deg,#7c83ff,#6366f1);color:#fff}.btn-del-persona{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-size:12px;transition:all .15s}.btn-del-persona:hover:not(:disabled){color:#f87171;background:#f871712e;border-color:#f8717166}.admin-stats-card{margin:18px 0 24px;padding:20px 22px;background:linear-gradient(135deg,#1e2945bf,#0f172ad9);border:1px solid rgba(124,131,255,.3);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px -12px #00000080}.admin-stats-card .admin-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.admin-stats-card .admin-stats-title{display:flex;align-items:center;gap:12px}.admin-stats-card .admin-stats-title .crown-ico{font-size:26px;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.admin-stats-card .admin-stats-title h3{margin:0;font-size:17px;font-weight:700;color:#fff}.admin-stats-card .btn-refresh-stats{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#cbd5e1;font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .15s ease;box-shadow:none}.admin-stats-card .btn-refresh-stats:hover:not(:disabled){background:#7c83ff33;border-color:#7c83ff66;color:#fff}.admin-stats-card .admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.admin-stats-card .metric-box{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:transform .15s,border-color .15s}.admin-stats-card .metric-box:hover{transform:translateY(-2px);border-color:#7c83ff66}.admin-stats-card .metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.admin-stats-card .metric-icon.users-icon{background:#6366f126;border:1px solid rgba(99,102,241,.35)}.admin-stats-card .metric-icon.scripts-icon{background:#10b98126;border:1px solid rgba(16,185,129,.35)}.admin-stats-card .metric-icon.games-icon{background:#f59e0b26;border:1px solid rgba(245,158,11,.35)}.admin-stats-card .metric-icon.views-icon{background:#ec489926;border:1px solid rgba(236,72,153,.35)}.admin-stats-card .metric-data{display:flex;flex-direction:column;min-width:0}.admin-stats-card .metric-val{font-size:22px;font-weight:800;color:#fff;line-height:1.1}.admin-stats-card .metric-lbl{font-size:12px;color:#94a3b8;margin-top:3px;font-weight:500}.admin-stats-card .metric-sub{font-size:10.5px;color:#34d399;font-weight:600;margin-top:2px}.author-selector-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:10px;background:#6366f11f;border:1px solid rgba(124,131,255,.25);margin-bottom:18px;font-size:13.5px;color:#c7d2fe}.author-selector-banner strong{color:#fff;font-weight:700}.author-selector-banner .change-author-link{color:#818cf8;font-weight:600;text-decoration:underline}.author-selector-banner .change-author-link:hover{color:#fff}.pwd-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pwd-rules .rule{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);transition:all .15s ease}.pwd-rules .rule .dot{width:5px;height:5px;border-radius:50%;background:var(--muted);transition:all .15s ease}.pwd-rules .rule.ok{background:#4ade801f;border-color:#4ade8059;color:var(--green)}.pwd-rules .rule.ok .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.check-wrap{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.check-wrap input{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.check-wrap a{color:var(--accent);font-weight:600}.thumbnail-field{border:1px solid var(--border);border-radius:12px;padding:16px;background:#ffffff05}.thumbnail-field .field-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.thumbnail-field .thumb-tabs{display:flex;gap:6px;background:#0000004d;padding:3px;border-radius:8px}.thumbnail-field .thumb-tab{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:none;transition:all .15s ease}.thumbnail-field .thumb-tab.active{background:var(--accent);color:#fff}.thumbnail-field .upload-dropzone{border:2px dashed rgba(124,131,255,.35);border-radius:10px;padding:24px;text-align:center;cursor:pointer;background:#7c83ff0a;transition:all .2s}.thumbnail-field .upload-dropzone:hover{border-color:var(--accent);background:#7c83ff14}.thumbnail-field .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.thumbnail-field .dropzone-icon{font-size:28px}.thumbnail-field .upload-loading{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;color:#9da4ff}.thumbnail-field .upload-preview-wrap{display:flex;align-items:center;gap:16px;text-align:left}.thumbnail-field .custom-thumb-preview{width:140px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.thumbnail-field .upload-preview-actions{display:flex;flex-direction:column;gap:8px}.thumbnail-field .btn-remove-thumb{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;box-shadow:none}.thumbnail-field .btn-remove-thumb:hover{background:#ef444433;border-color:#ef4444;color:#fff}.thumbnail-field .url-input-wrap{display:grid;gap:10px}.thumbnail-field .url-preview img{width:140px;height:80px;object-fit:cover;border-radius:8px}.thumbnail-field .default-thumb-info{display:flex;align-items:center;gap:14px;padding:8px 12px;background:#ffffff08;border-radius:8px}.thumbnail-field .default-preview-img{width:70px;height:70px;border-radius:8px;object-fit:cover}.thumbnail-field .default-meta{display:flex;flex-direction:column;gap:3px}.thumbnail-field .success-box{margin:8px 0 0;padding:8px 12px;border-radius:8px;background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#34d399;font-size:13px}.admin-sections-nav{display:flex;align-items:center;gap:8px;margin:22px 0 18px;padding:6px;background:#0f172abf;border:1px solid rgba(124,131,255,.2);border-radius:14px;overflow-x:auto;scrollbar-width:none}.admin-sections-nav::-webkit-scrollbar{display:none}.admin-sections-nav .admin-sec-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.admin-sections-nav .admin-sec-tab:hover{color:#fff;background:#ffffff0d}.admin-sections-nav .admin-sec-tab.active{background:#7c83ff33;color:#fff;box-shadow:0 4px 12px #7c83ff40;border-color:#7c83ff66}.admin-sections-nav .admin-sec-tab .sec-icon{font-size:16px}.admin-sections-nav .admin-sec-tab .sec-count{font-size:11px;padding:2px 7px;border-radius:999px;background:#ffffff14;color:#cbd5e1}.admin-sections-nav .admin-sec-tab .sec-count.highlight{background:#10b98133;color:#34d399;font-weight:700}.admin-users-card{margin:20px 0;padding:22px;background:#0f172ab3;border:1px solid rgba(124,131,255,.25);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-users-card .admin-users-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.admin-users-card .admin-users-header h2{margin:0;font-size:19px;font-weight:700;color:#fff}.admin-users-card .admin-users-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.admin-users-card .admin-users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.admin-users-card .users-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-users-card .filter-pill{padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:500;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s ease}.admin-users-card .filter-pill:hover{color:#fff;background:#ffffff14}.admin-users-card .filter-pill.active{color:#fff;background:#7c83ff33;border-color:#7c83ff66;font-weight:600}.admin-users-card .users-controls-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-users-card .select-limit{padding:7px 10px;border-radius:8px;background:#020617b3;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:12.5px;outline:none;cursor:pointer}.admin-users-card .admin-users-search input{background:#020617b3;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 14px;color:#fff;font-size:13.5px;width:260px;outline:none;transition:border-color .2s}.admin-users-card .admin-users-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c83ff33}.admin-users-card .admin-users-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.admin-users-card .admin-users-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-users-card .admin-users-table th{background:#ffffff0a;padding:10px 14px;color:var(--muted);font-weight:600;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.admin-users-card .admin-users-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0;white-space:nowrap}.admin-users-card .admin-users-table tr:last-child td{border-bottom:none}.admin-users-card .admin-users-table tr:hover td{background:#ffffff05}.admin-users-card .id-col{color:var(--muted);font-size:12px}.admin-users-card .u-cell{display:inline-flex;align-items:center;gap:8px}.admin-users-card .u-cell b{color:#fff;font-weight:600}.admin-users-card .u-av{width:26px;height:26px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:11px;color:#fff}.admin-users-card .email-col .email-text{color:#93c5fd;font-family:ui-monospace,monospace;font-size:12px}.admin-users-card .scripts-badge{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:600}.admin-users-card .date-col{color:var(--muted);font-size:12px}.admin-users-card .btn-view-user{color:var(--accent);text-decoration:none;font-weight:600;font-size:12px;padding:4px 10px;border-radius:6px;background:#7c83ff1a;transition:all .15s}.admin-users-card .btn-view-user:hover{background:var(--accent);color:#fff}.admin-users-card .admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.admin-users-card .admin-pagination .pagination-info{font-size:12.5px;color:var(--muted)}.admin-users-card .admin-pagination .pagination-info b{color:#fff}.admin-users-card .admin-pagination .pagination-btns{display:flex;align-items:center;gap:6px}.admin-users-card .admin-pagination .btn-page{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.admin-users-card .admin-pagination .btn-page:hover:not(:disabled){background:#7c83ff33;border-color:#7c83ff66;color:#fff}.admin-users-card .admin-pagination .btn-page:disabled{opacity:.35;cursor:not-allowed}.admin-users-card .admin-pagination .page-indicator{font-size:12px;color:#94a3b8;padding:0 6px;font-weight:600}.admin-users-card .users-loading{padding:24px;text-align:center;color:var(--muted)}.admin-users-card .empty-users{padding:20px;text-align:center;color:var(--muted);margin:0}}
