*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;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}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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{outline-style:solid}.blur{--tw-blur: blur(8px);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 rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-deep: #0B0D17;--bg-primary: #111327;--bg-elevated: #1A1D35;--bg-surface: #232747;--bg-hover: #2C3059;--text-primary: #E8EAF6;--text-secondary: #8B90B8;--text-muted: #4A4F73;--text-accent: #C4B5FD;--accent-primary: #7C5CFC;--accent-secondary: #5B8DEF;--accent-gradient: linear-gradient(135deg, #7C5CFC 0%, #5B8DEF 50%, #38BDF8 100%);--success: #34D399;--success-glow: rgba(52, 211, 153, .4);--error: #F87171;--error-glow: rgba(248, 113, 113, .4);--warning: #FBBF24;--finger-l-pinky: #FF6B8A;--finger-l-ring: #FFA06C;--finger-l-middle: #FFD166;--finger-l-index: #06D6A0;--finger-r-index: #4CC9F0;--finger-r-middle: #9D7BF7;--finger-r-ring: #F472B6;--finger-r-pinky: #2DD4BF;--finger-thumb: #94A3B8;--glass-bg: rgba(26, 29, 53, .6);--glass-border: rgba(124, 92, 252, .15);--glass-blur: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(124, 92, 252, .3);--shadow-glow-lg: 0 0 40px rgba(124, 92, 252, .4);--key-bg-top: #2A2E4A;--key-bg-bottom: #1E2240;--key-border-mix: rgba(255, 255, 255, .06);--key-shadow-base: rgba(0, 0, 0, .3);--key-shadow-deep: rgba(0, 0, 0, .2);--key-inset-highlight: rgba(255, 255, 255, .06)}:root{--glass-panel-bg: rgba(17, 19, 39, .7);--glass-modal-bg: rgba(11, 13, 23, .92);--glass-modal-border: rgba(124, 92, 252, .2);--glass-modal-glow: rgba(124, 92, 252, .15);--glass-keyboard-from: rgba(17, 19, 39, .85);--glass-keyboard-to: rgba(11, 13, 23, .92);--glass-keyboard-border: rgba(124, 92, 252, .1);--glass-header-bg: rgba(11, 13, 23, .8);--glass-header-border: rgba(124, 92, 252, .08);--glass-input-bg: rgba(35, 39, 71, .6);--glass-input-border: rgba(124, 92, 252, .12);--glass-input-focus-border: rgba(124, 92, 252, .4);--glass-input-focus-shadow: rgba(124, 92, 252, .08);--glass-hover-bg: rgba(26, 29, 53, .75);--glass-hover-border: rgba(124, 92, 252, .35)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#root{height:100%;display:flex;flex-direction:column}body{min-height:100vh;font-family:Outfit,sans-serif;font-weight:400;color:var(--text-primary);background-color:var(--bg-deep);background-image:radial-gradient(ellipse at 20% 50%,rgba(124,92,252,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(56,189,248,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(91,141,239,.05) 0%,transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}#root{min-height:100vh;display:flex;flex-direction:column}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-mono{font-family:JetBrains Mono,monospace}.tabular-nums{font-variant-numeric:tabular-nums}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease!important}[data-theme=ocean]{--bg-deep: #060E18;--bg-primary: #0D1E30;--bg-elevated: #163050;--bg-surface: #1E4068;--bg-hover: #265080;--text-primary: #D8F0FF;--text-secondary: #80B8D8;--text-muted: #4A8AAA;--text-accent: #5EEEFF;--accent-primary: #00C8D4;--accent-secondary: #0088C8;--accent-gradient: linear-gradient(135deg, #00C8D4 0%, #0088C8 50%, #00D4C0 100%);--success: #2DD4BF;--success-glow: rgba(45, 212, 191, .4);--error: #FF8A80;--error-glow: rgba(255, 138, 128, .4);--warning: #FFD060;--glass-bg: rgba(22, 48, 80, .68);--glass-border: rgba(0, 200, 212, .22);--glass-blur: 14px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(0, 200, 212, .35);--shadow-glow-lg: 0 0 40px rgba(0, 200, 212, .45);--glass-panel-bg: rgba(13, 30, 48, .8);--glass-modal-bg: rgba(6, 14, 24, .94);--glass-modal-border: rgba(0, 200, 212, .25);--glass-modal-glow: rgba(0, 200, 212, .15);--glass-keyboard-from: rgba(13, 30, 48, .9);--glass-keyboard-to: rgba(6, 14, 24, .94);--glass-keyboard-border: rgba(0, 200, 212, .15);--glass-header-bg: rgba(6, 14, 24, .88);--glass-header-border: rgba(0, 200, 212, .12);--glass-input-bg: rgba(30, 64, 104, .65);--glass-input-border: rgba(0, 200, 212, .18);--glass-input-focus-border: rgba(0, 200, 212, .5);--glass-input-focus-shadow: rgba(0, 200, 212, .1);--glass-hover-bg: rgba(22, 48, 80, .82);--glass-hover-border: rgba(0, 200, 212, .45)}[data-theme=ocean] body{background-image:radial-gradient(ellipse at 20% 50%,rgba(0,200,212,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,136,200,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,212,192,.06) 0%,transparent 50%)}[data-theme=forest]{--bg-deep: #060E08;--bg-primary: #0C1C12;--bg-elevated: #162C1E;--bg-surface: #1E3C28;--bg-hover: #264E32;--text-primary: #D0F0D8;--text-secondary: #78B890;--text-muted: #4A8860;--text-accent: #60F098;--accent-primary: #3CC96E;--accent-secondary: #D4A843;--accent-gradient: linear-gradient(135deg, #3CC96E 0%, #2DA85C 50%, #D4A843 100%);--success: #5AE07A;--success-glow: rgba(90, 224, 122, .4);--error: #E87040;--error-glow: rgba(232, 112, 64, .4);--warning: #D4A843;--glass-bg: rgba(22, 44, 30, .68);--glass-border: rgba(60, 201, 110, .22);--glass-blur: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(60, 201, 110, .35);--shadow-glow-lg: 0 0 40px rgba(60, 201, 110, .45);--glass-panel-bg: rgba(12, 28, 18, .8);--glass-modal-bg: rgba(6, 14, 8, .94);--glass-modal-border: rgba(60, 201, 110, .25);--glass-modal-glow: rgba(60, 201, 110, .15);--glass-keyboard-from: rgba(12, 28, 18, .9);--glass-keyboard-to: rgba(6, 14, 8, .94);--glass-keyboard-border: rgba(60, 201, 110, .15);--glass-header-bg: rgba(6, 14, 8, .88);--glass-header-border: rgba(60, 201, 110, .12);--glass-input-bg: rgba(30, 60, 40, .65);--glass-input-border: rgba(60, 201, 110, .18);--glass-input-focus-border: rgba(60, 201, 110, .5);--glass-input-focus-shadow: rgba(60, 201, 110, .1);--glass-hover-bg: rgba(22, 44, 30, .82);--glass-hover-border: rgba(60, 201, 110, .45)}[data-theme=forest] body{background-image:radial-gradient(ellipse at 20% 50%,rgba(60,201,110,.09) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,168,67,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(45,168,92,.06) 0%,transparent 50%)}[data-theme=sunset]{--bg-deep: #110810;--bg-primary: #1C1022;--bg-elevated: #2A1838;--bg-surface: #3A2250;--bg-hover: #4A2C68;--text-primary: #F8EAE0;--text-secondary: #C890A0;--text-muted: #906070;--text-accent: #FFA870;--accent-primary: #F07040;--accent-secondary: #E84880;--accent-gradient: linear-gradient(135deg, #F07040 0%, #E84880 50%, #D040A0 100%);--success: #90C840;--success-glow: rgba(144, 200, 64, .4);--error: #F040A0;--error-glow: rgba(240, 64, 160, .4);--warning: #D4A044;--glass-bg: rgba(42, 24, 56, .68);--glass-border: rgba(240, 112, 64, .22);--glass-blur: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(240, 112, 64, .35);--shadow-glow-lg: 0 0 40px rgba(240, 112, 64, .45);--glass-panel-bg: rgba(28, 16, 34, .8);--glass-modal-bg: rgba(17, 8, 16, .94);--glass-modal-border: rgba(240, 112, 64, .25);--glass-modal-glow: rgba(240, 112, 64, .15);--glass-keyboard-from: rgba(28, 16, 34, .9);--glass-keyboard-to: rgba(17, 8, 16, .94);--glass-keyboard-border: rgba(240, 112, 64, .15);--glass-header-bg: rgba(17, 8, 16, .88);--glass-header-border: rgba(240, 112, 64, .12);--glass-input-bg: rgba(58, 34, 80, .65);--glass-input-border: rgba(240, 112, 64, .18);--glass-input-focus-border: rgba(240, 112, 64, .5);--glass-input-focus-shadow: rgba(240, 112, 64, .1);--glass-hover-bg: rgba(42, 24, 56, .82);--glass-hover-border: rgba(240, 112, 64, .45)}[data-theme=sunset] body{background-image:radial-gradient(ellipse at 20% 50%,rgba(240,112,64,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(232,72,128,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(208,64,160,.06) 0%,transparent 50%)}[data-theme=ocean]{--bg-deep: #050C13;--bg-primary: #081525;--bg-elevated: #0C1E30;--bg-surface: #112538;--bg-hover: #162D44;--text-primary: #BAE6F5;--text-secondary: #5B9DB5;--text-muted: #2B5A70;--text-accent: #7DDCE8;--accent-primary: #00C8D4;--accent-secondary: #0088C8;--accent-gradient: linear-gradient(135deg, #00C8D4 0%, #0088C8 50%, #0055A0 100%);--success: #2DD4BF;--success-glow: rgba(45, 212, 191, .4);--error: #FF8080;--error-glow: rgba(255, 128, 128, .4);--warning: #FBD24B;--glass-bg: rgba(8, 21, 37, .65);--glass-border: rgba(0, 200, 212, .14);--glass-blur: 14px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(0, 200, 212, .28);--shadow-glow-lg: 0 0 40px rgba(0, 200, 212, .38);--glass-panel-bg: rgba(8, 21, 37, .72);--glass-modal-bg: rgba(5, 12, 20, .92);--glass-modal-border: rgba(0, 200, 212, .18);--glass-modal-glow: rgba(0, 200, 212, .12);--glass-keyboard-from: rgba(8, 21, 37, .88);--glass-keyboard-to: rgba(5, 12, 20, .95);--glass-keyboard-border: rgba(0, 200, 212, .1);--glass-header-bg: rgba(5, 12, 20, .82);--glass-header-border: rgba(0, 200, 212, .07);--glass-input-bg: rgba(17, 37, 56, .65);--glass-input-border: rgba(0, 200, 212, .12);--glass-input-focus-border: rgba(0, 200, 212, .42);--glass-input-focus-shadow: rgba(0, 200, 212, .08);--glass-hover-bg: rgba(12, 30, 48, .78);--glass-hover-border: rgba(0, 200, 212, .32)}[data-theme=ocean] body{background-color:#050c13;background-image:radial-gradient(ellipse at 15% 50%,rgba(0,200,212,.09) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(0,136,200,.08) 0%,transparent 55%),radial-gradient(ellipse at 50% 85%,rgba(45,212,191,.06) 0%,transparent 50%)}[data-theme=forest]{--bg-deep: #0E1A10;--bg-primary: #142214;--bg-elevated: #1C2E1C;--bg-surface: #243824;--bg-hover: #2E4830;--text-primary: #D8F0D0;--text-secondary: #88BF90;--text-muted: #4A6E50;--text-accent: #A0E89C;--accent-primary: #48D878;--accent-secondary: #E0B850;--accent-gradient: linear-gradient(135deg, #48D878 0%, #30B860 45%, #E0B850 100%);--success: #60E888;--success-glow: rgba(96, 232, 136, .4);--error: #F08050;--error-glow: rgba(240, 128, 80, .4);--warning: #E0B850;--glass-bg: rgba(20, 34, 20, .65);--glass-border: rgba(72, 216, 120, .14);--glass-blur: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .42);--shadow-glow: 0 0 20px rgba(72, 216, 120, .25);--shadow-glow-lg: 0 0 40px rgba(72, 216, 120, .35);--glass-panel-bg: rgba(20, 34, 20, .72);--glass-modal-bg: rgba(14, 26, 16, .92);--glass-modal-border: rgba(72, 216, 120, .18);--glass-modal-glow: rgba(72, 216, 120, .12);--glass-keyboard-from: rgba(20, 34, 20, .88);--glass-keyboard-to: rgba(14, 26, 16, .95);--glass-keyboard-border: rgba(72, 216, 120, .11);--glass-header-bg: rgba(14, 26, 16, .82);--glass-header-border: rgba(72, 216, 120, .08);--glass-input-bg: rgba(36, 56, 36, .65);--glass-input-border: rgba(72, 216, 120, .14);--glass-input-focus-border: rgba(72, 216, 120, .44);--glass-input-focus-shadow: rgba(72, 216, 120, .1);--glass-hover-bg: rgba(28, 46, 28, .78);--glass-hover-border: rgba(72, 216, 120, .32)}[data-theme=forest] body{background-color:#0e1a10;background-image:radial-gradient(ellipse at 20% 55%,rgba(72,216,120,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 15%,rgba(224,184,80,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(48,184,96,.07) 0%,transparent 50%)}[data-theme=sunset]{--bg-deep: #1C1018;--bg-primary: #261620;--bg-elevated: #321E2A;--bg-surface: #402838;--bg-hover: #503248;--text-primary: #F8F0E0;--text-secondary: #C09098;--text-muted: #7A5060;--text-accent: #F8C888;--accent-primary: #F48050;--accent-secondary: #E0B050;--accent-gradient: linear-gradient(135deg, #F89058 0%, #F05888 50%, #C850B0 100%);--success: #98D050;--success-glow: rgba(152, 208, 80, .4);--error: #F850B0;--error-glow: rgba(248, 80, 176, .4);--warning: #E0B050;--glass-bg: rgba(38, 22, 32, .65);--glass-border: rgba(244, 128, 80, .16);--glass-blur: 13px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .38);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .46);--shadow-glow: 0 0 20px rgba(244, 128, 80, .3);--shadow-glow-lg: 0 0 40px rgba(244, 128, 80, .4);--glass-panel-bg: rgba(38, 22, 32, .72);--glass-modal-bg: rgba(28, 16, 24, .93);--glass-modal-border: rgba(244, 128, 80, .2);--glass-modal-glow: rgba(244, 128, 80, .14);--glass-keyboard-from: rgba(38, 22, 32, .88);--glass-keyboard-to: rgba(28, 16, 24, .95);--glass-keyboard-border: rgba(244, 128, 80, .11);--glass-header-bg: rgba(28, 16, 24, .82);--glass-header-border: rgba(244, 128, 80, .09);--glass-input-bg: rgba(64, 40, 56, .65);--glass-input-border: rgba(244, 128, 80, .16);--glass-input-focus-border: rgba(244, 128, 80, .46);--glass-input-focus-shadow: rgba(244, 128, 80, .1);--glass-hover-bg: rgba(50, 30, 42, .78);--glass-hover-border: rgba(244, 128, 80, .34)}[data-theme=sunset] body{background-color:#1c1018;background-image:radial-gradient(ellipse at 20% 50%,rgba(244,128,80,.11) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(240,88,136,.09) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(200,80,176,.07) 0%,transparent 50%)}[data-theme=school]{--bg-deep: #F0F2F5;--bg-primary: #F5F7FA;--bg-elevated: #FFFFFF;--bg-surface: #FFFFFF;--bg-hover: #E8EBF0;--text-primary: #1A1D2E;--text-secondary: #5A5F7A;--text-muted: #9CA3B8;--text-accent: #2860C8;--accent-primary: #2860C8;--accent-secondary: #1A9E5C;--accent-gradient: linear-gradient(135deg, #2860C8 0%, #1A9E5C 50%, #2BA0D4 100%);--success: #1A9E5C;--success-glow: rgba(26, 158, 92, .25);--error: #D03040;--error-glow: rgba(208, 48, 64, .25);--warning: #D49A20;--finger-l-pinky: #D83060;--finger-l-ring: #E07030;--finger-l-middle: #C8A000;--finger-l-index: #08945C;--finger-r-index: #1880C8;--finger-r-middle: #6848C8;--finger-r-ring: #C04080;--finger-r-pinky: #0898A0;--finger-thumb: #6880A0;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(40, 96, 200, .15);--glass-blur: 12px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 2px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1);--shadow-glow: 0 0 16px rgba(40, 96, 200, .12);--shadow-glow-lg: 0 0 32px rgba(40, 96, 200, .18);--glass-panel-bg: rgba(255, 255, 255, .8);--glass-modal-bg: rgba(245, 247, 250, .96);--glass-modal-border: rgba(40, 96, 200, .18);--glass-modal-glow: rgba(40, 96, 200, .08);--glass-keyboard-from: rgba(235, 238, 245, .95);--glass-keyboard-to: rgba(225, 228, 238, .98);--glass-keyboard-border: rgba(40, 96, 200, .1);--glass-header-bg: rgba(245, 247, 250, .9);--glass-header-border: rgba(40, 96, 200, .08);--glass-input-bg: rgba(255, 255, 255, .9);--glass-input-border: rgba(40, 96, 200, .18);--glass-input-focus-border: rgba(40, 96, 200, .5);--glass-input-focus-shadow: rgba(40, 96, 200, .1);--glass-hover-bg: rgba(240, 243, 250, .85);--glass-hover-border: rgba(40, 96, 200, .3);--key-bg-top: #E8ECF4;--key-bg-bottom: #DDE2EE;--key-border-mix: rgba(0, 0, 0, .08);--key-shadow-base: rgba(0, 0, 0, .08);--key-shadow-deep: rgba(0, 0, 0, .06);--key-inset-highlight: rgba(255, 255, 255, .6)}[data-theme=school] body{background-color:#f0f2f5;background-image:radial-gradient(ellipse at 20% 50%,rgba(40,96,200,.04) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(26,158,92,.03) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(43,160,212,.03) 0%,transparent 50%)}[data-theme=school2]{--bg-deep: #D8DCE4;--bg-primary: #E0E4EC;--bg-elevated: #EAECF2;--bg-surface: #F0F2F6;--bg-hover: #CDD2DC;--text-primary: #1A1D2E;--text-secondary: #4A5068;--text-muted: #8890A8;--text-accent: #3060B0;--accent-primary: #3060B0;--accent-secondary: #188858;--accent-gradient: linear-gradient(135deg, #3060B0 0%, #188858 50%, #2890B8 100%);--success: #188858;--success-glow: rgba(24, 136, 88, .25);--error: #C02838;--error-glow: rgba(192, 40, 56, .25);--warning: #C89018;--finger-l-pinky: #D83060;--finger-l-ring: #E07030;--finger-l-middle: #C8A000;--finger-l-index: #08945C;--finger-r-index: #1880C8;--finger-r-middle: #6848C8;--finger-r-ring: #C04080;--finger-r-pinky: #0898A0;--finger-thumb: #607088;--glass-bg: rgba(234, 236, 242, .75);--glass-border: rgba(48, 96, 176, .15);--glass-blur: 12px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .12);--shadow-glow: 0 0 16px rgba(48, 96, 176, .14);--shadow-glow-lg: 0 0 32px rgba(48, 96, 176, .2);--glass-panel-bg: rgba(234, 236, 242, .8);--glass-modal-bg: rgba(224, 228, 236, .96);--glass-modal-border: rgba(48, 96, 176, .18);--glass-modal-glow: rgba(48, 96, 176, .08);--glass-keyboard-from: rgba(216, 220, 228, .95);--glass-keyboard-to: rgba(208, 212, 222, .98);--glass-keyboard-border: rgba(48, 96, 176, .1);--glass-header-bg: rgba(224, 228, 236, .9);--glass-header-border: rgba(48, 96, 176, .08);--glass-input-bg: rgba(240, 242, 246, .9);--glass-input-border: rgba(48, 96, 176, .18);--glass-input-focus-border: rgba(48, 96, 176, .5);--glass-input-focus-shadow: rgba(48, 96, 176, .1);--glass-hover-bg: rgba(225, 228, 238, .85);--glass-hover-border: rgba(48, 96, 176, .3);--key-bg-top: #D8DCE8;--key-bg-bottom: #CCD0DE;--key-border-mix: rgba(0, 0, 0, .1);--key-shadow-base: rgba(0, 0, 0, .1);--key-shadow-deep: rgba(0, 0, 0, .08);--key-inset-highlight: rgba(255, 255, 255, .5)}[data-theme=school2] body{background-color:#d8dce4;background-image:radial-gradient(ellipse at 20% 50%,rgba(48,96,176,.05) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(24,136,88,.04) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(40,144,184,.04) 0%,transparent 50%)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md)}.glass-card-interactive{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.glass-card-interactive:hover{border-color:var(--glass-hover-border);box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-3px);background:var(--glass-hover-bg)}.glass-card-interactive:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.glass-panel{background:var(--glass-panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-sm)}.glass-modal{background:var(--glass-modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-modal-border);border-radius:24px;box-shadow:var(--shadow-lg),0 0 60px var(--glass-modal-glow)}.glass-keyboard{background:linear-gradient(180deg,var(--glass-keyboard-from) 0%,var(--glass-keyboard-to) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-keyboard-border);border-radius:20px;padding:24px 32px;box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-border)}.glass-header{background:var(--glass-header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-header-border)}.glass-input{background:var(--glass-input-bg);border:1px solid var(--glass-input-border);border-radius:10px;color:var(--text-primary);font-family:JetBrains Mono,monospace;transition:border-color .2s ease,box-shadow .2s ease}.glass-input:focus{outline:none;border-color:var(--glass-input-focus-border);box-shadow:0 0 0 3px var(--glass-input-focus-shadow)}.glass-pill{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:500;color:var(--text-accent);letter-spacing:.05em;text-transform:uppercase}@keyframes bg-shift{0%,to{background-position:20% 50%,80% 20%,50% 80%;opacity:1}33%{background-position:25% 45%,75% 25%,55% 75%;opacity:.9}66%{background-position:15% 55%,85% 15%,45% 85%;opacity:.95}}@keyframes float-particle{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}5%{opacity:.6;transform:translateY(90vh) translate(10px) scale(1)}95%{opacity:.3}to{transform:translateY(-10vh) translate(-20px) scale(.5);opacity:0}}@keyframes key-glow-breathe{0%,to{opacity:.1}50%{opacity:.38}}.key-active-glow{animation:key-glow-breathe 2.6s ease-in-out infinite}@keyframes flash-correct{0%{background:var(--success);transform:scale(1.08);box-shadow:0 0 20px var(--success-glow),0 4px 8px #0003}to{background:inherit;transform:scale(1);box-shadow:inherit}}.key-flash-correct{animation:flash-correct .3s ease forwards}@keyframes shake-wrong{0%,to{transform:translate(0)}15%{transform:translate(-5px);background:var(--error);box-shadow:0 0 15px var(--error-glow)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.key-shake-wrong{animation:shake-wrong .45s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes key-press{0%{transform:translateY(0) scale(1)}30%{transform:translateY(2px) scale(.97)}to{transform:translateY(0) scale(1)}}.key-press-anim{animation:key-press .12s ease}@keyframes points-float{0%{opacity:1;transform:translateY(0) scale(1)}20%{opacity:1;transform:translateY(-15px) scale(1.05)}60%{opacity:.9;transform:translateY(-40px) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(.8)}}.points-popup{animation:points-float .8s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes points-float-big{0%{opacity:1;transform:translateY(0) scale(1.1)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}60%{opacity:.9;transform:translateY(-55px) scale(1.15)}to{opacity:0;transform:translateY(-90px) scale(.9)}}.points-popup-big{animation:points-float-big 1s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(-2deg);filter:brightness(1)}25%{transform:scale(1.05) rotate(1deg);filter:brightness(1.1)}50%{transform:scale(.98) rotate(-1deg);filter:brightness(.95)}75%{transform:scale(1.03) rotate(2deg);filter:brightness(1.05)}}.flame-flicker{animation:flame-flicker .8s ease-in-out infinite;display:inline-block}@keyframes flame-extinguish{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(1.2);opacity:.8;filter:brightness(.7) grayscale(.3)}to{transform:scale(.6);opacity:0;filter:brightness(.3) grayscale(1)}}.flame-extinguish{animation:flame-extinguish .4s ease forwards}@keyframes streak-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}.streak-bump{animation:streak-bump .3s cubic-bezier(.34,1.56,.64,1)}@keyframes star-drop-in{0%{transform:translateY(-60px) scale(.3) rotate(-30deg);opacity:0}60%{transform:translateY(8px) scale(1.15) rotate(5deg);opacity:1}80%{transform:translateY(-4px) scale(.95) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.star-drop-in{animation:star-drop-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes btn-pulse{0%,to{box-shadow:0 4px 12px #7c5cfc4d}50%{box-shadow:0 4px 20px #7c5cfc80,0 0 30px #7c5cfc33}}.btn-pulse{animation:btn-pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer{background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(124,92,252,.15) 50%,var(--bg-elevated) 100%);background-size:200% auto;animation:shimmer 1.5s linear infinite}@keyframes progress-glow{0%,to{box-shadow:0 0 6px #7c5cfc4d}50%{box-shadow:0 0 12px #7c5cfc99,0 0 20px #5b8def4d}}.progress-fill-animated{background:var(--accent-gradient);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);animation:progress-glow 2s ease-in-out infinite}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0;filter:blur(8px)}40%{transform:scale(1.15);opacity:1;filter:blur(0)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.countdown-pop{animation:countdown-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes countdown-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5);filter:blur(4px)}}.countdown-fade{animation:countdown-fade .3s ease forwards}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}to{transform:translateY(120vh) rotate(720deg) scale(.5);opacity:0}}@keyframes confetti-sway{0%,to{transform:translate(0)}25%{transform:translate(20px)}75%{transform:translate(-20px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .3s cubic-bezier(.4,0,.2,1) both}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-out-up{animation:fade-out-up .2s ease forwards}@keyframes key-introduce{0%{transform:scale(.7) translateY(-10px);opacity:0;filter:brightness(3)}40%{transform:scale(1.15) translateY(0);opacity:1;filter:brightness(1.5)}70%{transform:scale(.97);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1);opacity:1}}.key-introduce{animation:key-introduce .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.template-cursor{position:relative}.template-cursor:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background-color:var(--accent-primary);border-radius:1.5px;animation:cursor-blink 1s ease-in-out infinite}@keyframes heatmap-pulse{0%,to{opacity:.7}50%{opacity:1}}.heatmap-pulse{animation:heatmap-pulse 2s ease-in-out infinite}