*,: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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}:root{--background: 0 0% 100%;--foreground: 224 71.4% 4.1%;--card: 0 0% 100%;--card-foreground: 224 71.4% 4.1%;--popover: 0 0% 100%;--popover-foreground: 224 71.4% 4.1%;--primary: 220.9 39.3% 11%;--primary-foreground: 210 20% 98%;--secondary: 220 14.3% 95.9%;--secondary-foreground: 220.9 39.3% 11%;--muted: 220 14.3% 95.9%;--muted-foreground: 220 8.9% 46.1%;--accent: 220 14.3% 95.9%;--accent-foreground: 220.9 39.3% 11%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 20% 98%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 224 71.4% 4.1%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 224 71.4% 4.1%;--foreground: 210 20% 98%;--card: 224 71.4% 4.1%;--card-foreground: 210 20% 98%;--popover: 224 71.4% 4.1%;--popover-foreground: 210 20% 98%;--primary: 210 20% 98%;--primary-foreground: 220.9 39.3% 11%;--secondary: 215 27.9% 16.9%;--secondary-foreground: 210 20% 98%;--muted: 215 27.9% 16.9%;--muted-foreground: 217.9 10.6% 64.9%;--accent: 215 27.9% 16.9%;--accent-foreground: 210 20% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 20% 98%;--border: 215 27.9% 16.9%;--input: 215 27.9% 16.9%;--ring: 216 12.2% 83.9%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.\!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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-2{bottom:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-7{top:-1.75rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[2000\]{z-index:2000}.z-\[999\]{z-index:999}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-6{margin-top:-1.5rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[6px\]{margin-bottom:6px}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.aspect-\[850\/1100\]{aspect-ratio:850/1100}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[56px\]{height:56px}.h-\[60vh\]{height:60vh}.h-\[calc\(100\%-100px\)\]{height:calc(100% - 100px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-\[2\.8rem\]{max-height:2.8rem}.max-h-\[320px\]{max-height:320px}.max-h-\[4\.2rem\]{max-height:4.2rem}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-16{min-height:4rem}.min-h-\[24px\]{min-height:24px}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-28{width:7rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[240px\]{width:240px}.w-\[260px\]{width:260px}.w-\[90\%\]{width:90%}.w-\[92\%\]{width:92%}.w-\[98vw\]{width:98vw}.w-\[min\(320px\,40\%\)\]{width:min(320px,40%)}.w-\[min\(420px\,60\%\)\]{width:min(420px,60%)}.w-\[min\(96vw\,1250px\)\]{width:min(96vw,1250px)}.w-\[min\(96vw\,42rem\)\]{width:min(96vw,42rem)}.w-\[min\(96vw\,720px\)\]{width:min(96vw,720px)}.w-\[min\(96vw\,900px\)\]{width:min(96vw,900px)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[250px\]{min-width:250px}.min-w-\[56px\]{min-width:56px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[280px\]{max-width:280px}.max-w-\[340px\]{max-width:340px}.max-w-\[70\%\]{max-width:70%}.max-w-\[8rem\]{max-width:8rem}.max-w-\[900px\]{max-width:900px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-screen-md{max-width:768px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-\[300px\]{flex-basis:300px}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-0{--tw-translate-x: 0px;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.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))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scroll-mx-4{scroll-margin-left:1rem;scroll-margin-right:1rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-cols-\[minmax\(80px\,1fr\)\]{grid-auto-columns:minmax(80px,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.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}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.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-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-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-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))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--fg-800\)\]{border-color:var(--fg-800)}.border-\[var\(--help-border\)\]{border-color:var(--help-border)}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-purple-700{--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/25{border-color:#ffffff40}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--card\)\]{background-color:var(--card)}.bg-\[var\(--card-alt\)\]{background-color:var(--card-alt)}.bg-\[var\(--cta-neutral-bg\)\]{background-color:var(--cta-neutral-bg)}.bg-\[var\(--cta-primary-bg\)\]{background-color:var(--cta-primary-bg)}.bg-\[var\(--cta-secondary-bg\)\]{background-color:var(--cta-secondary-bg)}.bg-\[var\(--danger-bg\)\]{background-color:var(--danger-bg)}.bg-\[var\(--help-bg\)\]{background-color:var(--help-bg)}.bg-\[var\(--pill-bg\)\]{background-color:var(--pill-bg)}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/10{background-color:#0000001a}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-fuchsia-600{--tw-gradient-to: #c026d3 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-fun{font-family:Comic Neue", Baloo 2",sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.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-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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)}.leading-\[16px\]{line-height:16px}.leading-\[24px\]{line-height:24px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--cta-neutral-text\)\]{color:var(--cta-neutral-text)}.text-\[var\(--cta-primary-text\)\]{color:var(--cta-primary-text)}.text-\[var\(--cta-secondary-text\)\]{color:var(--cta-secondary-text)}.text-\[var\(--danger-text\)\]{color:var(--danger-text)}.text-\[var\(--fg\)\]{color:var(--fg)}.text-\[var\(--fg-600\)\]{color:var(--fg-600)}.text-\[var\(--fg-700\)\]{color:var(--fg-700)}.text-\[var\(--fg-800\)\]{color:var(--fg-800)}.text-\[var\(--fg-900\)\]{color:var(--fg-900)}.text-\[var\(--help-text\)\]{color:var(--help-text)}.text-\[var\(--help-text-hover\)\]{color:var(--help-text-hover)}.text-\[var\(--hero-text\)\]{color:var(--hero-text)}.text-\[var\(--link\)\]{color:var(--link)}.text-\[var\(--link-600\)\]{color:var(--link-600)}.text-\[var\(--link-800\)\]{color:var(--link-800)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--muted-400\)\]{color:var(--muted-400)}.text-\[var\(--muted-500\)\]{color:var(--muted-500)}.text-\[var\(--muted-600\)\]{color:var(--muted-600)}.text-\[var\(--muted-700\)\]{color:var(--muted-700)}.text-\[var\(--muted-800\)\]{color:var(--muted-800)}.text-\[var\(--pill-text\)\]{color:var(--pill-text)}.text-\[var\(--why-heading\)\]{color:var(--why-heading)}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-purple-500\/25{--tw-shadow-color: rgb(168 85 247 / .25);--tw-shadow: var(--tw-shadow-colored)}.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-1{--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(1px + 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-2{--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)}.ring-4{--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(4px + 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-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-green-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.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)}.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-sm{--tw-backdrop-blur: blur(4px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.\[oaicite\:3\]{oaicite:3}body{margin:0}svg{display:block}.selected-shape{cursor:grabbing;filter:drop-shadow(0 0 6px var(--accent));transform:scale(1.1);transition:transform .15s ease}.shape-picked{transform-box:fill-box;transform-origin:center;transform:scale(1.08);filter:drop-shadow(0 0 6px var(--accent, #5aa7ff));transition:transform .12s ease}:root,:root[data-theme=light]{--fg-900: #111827;--fg-800: #1f2937;--fg-700: #374151;--fg-600: #4b5563;--fg-500: #6b7280;--fg-400: #9ca3af;--fg: var(--fg-800);--muted: var(--fg-600);--muted-500: var(--fg-500);--muted-600: var(--fg-600);--muted-400: var(--fg-400);--muted-700: var(--fg-700);--muted-800: var(--fg-800);--muted-900: var(--fg-900);--bg: #ffffff;--card: #ffffff;--border: #e5e7eb;--brand: #2563eb;--brand-contrast: #ffffff;--hero-bg: #fefce8;--hero-text: #1e3a8a;--hero-highlight: #fef08a;--cta-primary-bg: #fde047;--cta-primary-text: #78350f;--cta-secondary-bg: #a855f7;--cta-secondary-text: #ffffff;--cta-neutral-bg: #f3f4f6;--cta-neutral-text: #111827;--hero-bg-img: url(/thumbs/hero-bg.webp);--hero-bg-color: #fefce8;--why-bg: linear-gradient(to bottom, #faf5ff, #ffffff);--why-heading: #6d28d9;--card-alt: #f9fafb;--link-600: #2563eb;--link-800: var(--hero-text);--panel-accent: #faf5ff;--panel-try-bg: #faf5ff;--badge-bg: #ffffff;--badge-text: #9333ea;--panel-edu-bg: #eff6ff;--pill-bg: #2421e2;--pill-text: #e5e7eb;--toolbar-bg: linear-gradient(to bottom, #fdfbfb, #ebedee);--toolbar-border: #d1d5db;--help-text: #6b21a8;--help-text-hover: #581c87;--help-bg: #fef9c3;--help-border: #fde68a;--page-bg: linear-gradient(to bottom, #f9fafb, #ffffff);--cta-amazon-bg: #fef9c3;--cta-amazon-text: #854d0e;--cta-amazon-border: #fde68a;--cta-etsy-bg: #fce7f3;--cta-etsy-text: #9d174d;--cta-etsy-border: #f9a8d4;--cta-sample-bg: #3b82f6;--cta-sample-text: #ffffff;--cta-sample-border: #2563eb;--cta-activity-bg: #8b5cf6;--cta-activity-text: #ffffff;--cta-activity-border: #7c3aed;--cta-gallery-bg: #e5e7eb;--cta-gallery-text: #1f2937;--cta-gallery-border: #d1d5db;--danger-bg: #dc2626;--danger-bg-hover: #b91c1c;--danger-text: #ffffff;--danger-link: #dc2626;--picker-overlay: rgba(0, 0, 0, .5);--picker-card: var(--card);--picker-fg: var(--fg);--picker-muted: var(--muted);--picker-border: var(--border);--picker-chip-bg: #eee;--picker-chip-border: #ddd;--picker-chip-active-bg: #cceeff;--picker-chip-active-border: #8bd3ff;--picker-dir-bg: #f5f5f5;--picker-dir-border: #ddd;--picker-dir-active-bg: #e0f7ff;--picker-dir-active-border: #00bfff;--picker-link-muted: #888;--picker-link-primary: var(--link);--picker-link-fav: #ffaa00;--tool-neutral-bg: #d1fae5;--tool-neutral-border: #10b981;--tool-neutral-hover: #a7f3d0;--tool-neutral-text: #065f46;--tool-warning-bg: #fef9c3;--tool-warning-text: #111827;--tool-warning-border: #fde68a;--tool-danger-bg: #ef4444;--tool-danger-text: #ffffff;--tool-danger-border: #dc2626;--tool-toggle-bg: #60a5fa;--tool-toggle-text: #ffffff;--tool-toggle-border: #3b82f6;--tool-success-bg: #22c55e;--tool-success-text: #ffffff;--tool-success-border: #16a34a;--board-bg: #f8fafc;--board-border: #e5e7eb;--board-shadow: 0 8px 24px rgba(2, 6, 23, .06), inset 0 1px 0 rgba(255, 255, 255, .6);--board-slot-bg: #ffffff;--board-slot-border: #cbd5e1;--board-slot-hover: rgba(2, 6, 23, .06);--board-slot-ring: #60a5fa;--chat-card-bg: var(--card);--chat-card-inner: var(--card-alt, #f9fafb);--cta-tutor-bg: #7c3aed;--cta-tutor-text: #ffffff;--cta-tutor-border: #6d28d9}:root[data-theme=dark]{--fg-900: #e5e7eb;--fg-800: #d1d5db;--fg-700: #cbd5e1;--fg-600: #9ca3af;--fg-500: #8b96a5;--fg-400: #6b7280;--fg: var(--fg-900);--muted: var(--fg-600);--muted-500: var(--fg-500);--muted-600: var(--fg-600);--muted-400: var(--fg-400);--muted-700: var(--fg-700);--muted-800: var(--fg-800);--muted-900: var(--fg-900);--bg: #0b1020;--card: #0f152a;--border: #1f2937;--brand: #60a5fa;--brand-contrast: #0b1020;--hero-bg: #1f2937;--hero-text: #fef9c3;--hero-highlight: #374151;--cta-primary-bg: #facc15;--cta-primary-text: #1e1e1e;--cta-secondary-bg: #c084fc;--cta-secondary-text: #0b1020;--cta-neutral-bg: #374151;--cta-neutral-text: #e5e7eb;--hero-bg-img: url(/thumbs/hero-bg-dark.webp);--hero-bg-color: #1f2937;--why-bg: linear-gradient(to bottom, #111827, #1f2937);--why-heading: #c084fc;--card-alt: #111827;--link-600: #60a5fa;--link-800: var(--hero-text);--panel-accent: #111827;--panel-try-bg: #111827;--badge-bg: #1f2937;--badge-text: #c084fc;--panel-edu-bg: #0f172a;--pill-bg: #2421e2;--pill-text: #e5e7eb;--toolbar-bg: linear-gradient(to bottom, #1e293b, #0f172a);--toolbar-border: #334155;--help-text: #c084fc;--help-text-hover: #a855f7;--help-bg: #292524;--help-border: #44403c;--page-bg: linear-gradient(to bottom, #0f172a, #1e293b);--cta-amazon-bg: #78350f;--cta-amazon-text: #fef9c3;--cta-amazon-border: #a16207;--cta-etsy-bg: #831843;--cta-etsy-text: #fce7f3;--cta-etsy-border: #9d174d;--cta-sample-bg: #2563eb;--cta-sample-text: #ffffff;--cta-sample-border: #1e40af;--cta-activity-bg: #7c3aed;--cta-activity-text: #ffffff;--cta-activity-border: #6d28d9;--cta-gallery-bg: #374151;--cta-gallery-text: #f3f4f6;--cta-gallery-border: #4b5563;--danger-bg: #b91c1c;--danger-bg-hover: #991b1b;--danger-text: #fee2e2;--danger-link: #f87171;--picker-overlay: rgba(0, 0, 0, .55);--picker-card: #0b1220;--picker-fg: #e5e7eb;--picker-muted: #9ca3af;--picker-border: #334155;--picker-chip-bg: #0f172a;--picker-chip-border: #1f2937;--picker-chip-active-bg: #0b2a36;--picker-chip-active-border: #00a3cc;--picker-dir-bg: #111827;--picker-dir-border: #1f2937;--picker-dir-active-bg: #0b2a36;--picker-dir-active-border: #00a3cc;--picker-link-muted: #9ca3af;--picker-link-primary: #60a5fa;--picker-link-fav: #f59e0b;--tool-neutral-bg: #065f46;--tool-neutral-border: #059669;--tool-neutral-hover: #047857;--tool-neutral-text: #ecfeff;--tool-warning-bg: #f59e0b;--tool-warning-text: #0b1020;--tool-warning-border: #d97706;--tool-danger-bg: #b91c1c;--tool-danger-text: #fee2e2;--tool-danger-border: #991b1b;--tool-toggle-bg: #8b5cf6;--tool-toggle-text: #0b1020;--tool-toggle-border: #7c3aed;--tool-success-bg: #16a34a;--tool-success-text: #e5e7eb;--tool-success-border: #15803d;--board-bg: #0f152a;--board-border: #1f2937;--board-shadow: 0 8px 28px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .03);--board-slot-bg: #0b1220;--board-slot-border: #334155;--board-slot-hover: rgba(148, 163, 184, .16);--board-slot-ring: #60a5fa;--chat-card-bg: var(--card);--chat-card-inner: #0f172a;--cta-tutor-bg: #8b5cf6;--cta-tutor-text: #ffffff;--cta-tutor-border: #7c3aed}:root[data-theme=forest]{--fg-900: #e5f4ef;--fg-800: #cde6de;--fg-700: #b6d5cc;--fg-600: #98b0a8;--fg-500: #86a29a;--fg-400: #6f8d86;--fg: var(--fg-900);--muted: var(--fg-600);--muted-500: var(--fg-500);--muted-600: var(--fg-600);--muted-400: var(--fg-400);--muted-700: var(--fg-700);--muted-800: var(--fg-800);--muted-900: var(--fg-900);--bg: #0e1512;--card: #0f1b17;--border: #1b2a25;--brand: #2dd4bf;--brand-contrast: #0e1512;--hero-bg: #064e3b;--hero-text: #bbf7d0;--hero-highlight: #047857;--cta-primary-bg: #22c55e;--cta-primary-text: #0f172a;--cta-secondary-bg: #14b8a6;--cta-secondary-text: #0e1512;--cta-neutral-bg: #14532d;--cta-neutral-text: #e5f4ef;--hero-bg-img: url(/thumbs/hero-bg-forest.webp);--hero-bg-color: #064e3b;--why-bg: linear-gradient(to bottom, #064e3b, #0f1b17);--why-heading: #22c55e;--card-alt: #0f1b17;--link-600: #2dd4bf;--link-800: var(--hero-text);--panel-accent: #0f1b17;--panel-try-bg: #0f1b17;--badge-bg: #064e3b;--badge-text: #22c55e;--panel-edu-bg: #0f1b17;--pill-bg: #047857;--pill-text: #cde6de;--toolbar-bg: linear-gradient(to bottom, #14532d, #166534);--toolbar-border: #064e3b;--help-text: #22c55e;--help-text-hover: #16a34a;--help-bg: #ecfdf5;--help-border: #a7f3d0;--page-bg: linear-gradient(to bottom, #064e3b, #022c22);--cta-amazon-bg: #ecfccb;--cta-amazon-text: #365314;--cta-amazon-border: #bef264;--cta-etsy-bg: #fdf2f8;--cta-etsy-text: #9d174d;--cta-etsy-border: #f9a8d4;--cta-sample-bg: #0d9488;--cta-sample-text: #ffffff;--cta-sample-border: #0f766e;--cta-activity-bg: #15803d;--cta-activity-text: #ffffff;--cta-activity-border: #166534;--cta-gallery-bg: #064e3b;--cta-gallery-text: #d1fae5;--cta-gallery-border: #10b981;--danger-bg: #991b1b;--danger-bg-hover: #7f1d1d;--danger-text: #fee2e2;--danger-link: #ef4444;--picker-overlay: rgba(0, 20, 10, .45);--picker-card: #062e24;--picker-fg: #d1fae5;--picker-muted: #86efac;--picker-border: #065f46;--picker-chip-bg: #0b3a2f;--picker-chip-border: #115e49;--picker-chip-active-bg: #0a6a52;--picker-chip-active-border: #22d3a0;--picker-dir-bg: #0b3a2f;--picker-dir-border: #115e49;--picker-dir-active-bg: #0a6a52;--picker-dir-active-border: #22d3a0;--picker-link-muted: #86efac;--picker-link-primary: #34d399;--picker-link-fav: #fbbf24;--tool-neutral-bg: #14532d;--tool-neutral-border: #22c55e;--tool-neutral-hover: #166534;--tool-neutral-text: #ecfeff;--tool-warning-bg: #ecfccb;--tool-warning-text: #0f172a;--tool-warning-border: #bef264;--tool-danger-bg: #991b1b;--tool-danger-text: #fee2e2;--tool-danger-border: #7f1d1d;--tool-toggle-bg: #14b8a6;--tool-toggle-text: #0e1512;--tool-toggle-border: #0f766e;--tool-success-bg: #22c55e;--tool-success-text: #0f172a;--tool-success-border: #166534;--board-bg: #0f1b17;--board-border: #1b2a25;--board-shadow: 0 8px 24px rgba(0, 32, 20, .35), inset 0 1px 0 rgba(255, 255, 255, .03);--board-slot-bg: #0b3a2f;--board-slot-border: #115e49;--board-slot-hover: rgba(34, 197, 94, .1);--board-slot-ring: #22c55e;--chat-card-bg: var(--card);--chat-card-inner: #0f1b17;--cta-tutor-bg: #8b5cf6;--cta-tutor-text: #ffffff;--cta-tutor-border: #6d28d9}:root[data-theme=summer]{--bg: #fffbea;--card: #fffdf5;--border: #fde68a;--fg: #1f2937;--muted: #6b7280;--muted-contrast: #111827;--link: #b45309;--brand: #f97316;--brand-contrast: #ffffff;--hero-bg-img: url(/thumbs/hero-bg_summer.webp);--hero-bg-color: #fffbeb;--hero-text: #b45309;--hero-highlight: #fde68a;--why-bg: linear-gradient(to bottom, #fff7ed, #ffffff);--why-heading: #b45309;--panel-accent: rgba(253, 230, 138, .25);--page-bg: linear-gradient(to bottom, #fef9c3, #fffbea);--toolbar-bg: linear-gradient(to right, #fef3c7, #fcd34d);--toolbar-border: #f59e0b;--help-text: #b45309;--help-text-hover: #92400e;--help-bg: #fffbeb;--help-border: #fde68a;--cta-primary-bg: #facc15;--cta-primary-text: #78350f;--cta-primary-border: #c49036;--cta-secondary-bg: #fb7185;--cta-secondary-text: #ffffff;--cta-secondary-border: #f43f5e;--cta-neutral-bg: #f3f4f6;--cta-neutral-text: #111827;--cta-neutral-border: #e5e7eb;--cta-amazon-bg: #fef9c3;--cta-amazon-text: #854d0e;--cta-amazon-border: #fde68a;--cta-etsy-bg: #fce7f3;--cta-etsy-text: #9d174d;--cta-etsy-border: #f9a8d4;--cta-sample-bg: #38bdf8;--cta-sample-text: #ffffff;--cta-sample-border: #0ea5e9;--cta-activity-bg: #f97316;--cta-activity-text: #ffffff;--cta-activity-border: #ea580c;--cta-gallery-bg: #e5e7eb;--cta-gallery-text: #1f2937;--cta-gallery-border: #d1d5db;--danger-bg: #dc2626;--danger-bg-hover: #b91c1c;--danger-text: #ffffff;--danger-link: #dc2626;--picker-overlay: rgba(0, 0, 0, .5);--picker-card: var(--card);--picker-fg: var(--fg);--picker-muted: var(--muted);--picker-border: var(--border);--picker-chip-bg: #fff7ed;--picker-chip-border: #fde68a;--picker-chip-active-bg: #fde68a;--picker-chip-active-border: #f59e0b;--picker-dir-bg: #fff7ed;--picker-dir-border: #fde68a;--picker-dir-active-bg: #fde68a;--picker-dir-active-border: #f59e0b;--picker-link-muted: #9ca3af;--picker-link-primary: var(--link);--picker-link-fav: #f59e0b;--tool-neutral-bg: #d1fae5;--tool-neutral-border: #059669;--tool-neutral-hover: #a7f3d0;--tool-neutral-text: #064e3b;--tool-warning-bg: #fef9c3;--tool-warning-text: #111827;--tool-warning-border: #534611;--tool-danger-bg: #ef4444;--tool-danger-text: #ffffff;--tool-danger-border: #dc2626;--tool-toggle-bg: #60a5fa;--tool-toggle-text: #ffffff;--tool-toggle-border: #3b82f6;--tool-success-bg: #22c55e;--tool-success-text: #ffffff;--tool-success-border: #16a34a;--board-bg: #fffdf5;--board-border: #fde68a;--board-shadow: 0 8px 24px rgba(191, 148, 17, .18), inset 0 1px 0 rgba(255, 255, 255, .6);--board-slot-bg: #fff7ed;--board-slot-border: #fcd34d;--board-slot-hover: rgba(251, 191, 36, .12);--board-slot-ring: #f59e0b;--chat-card-bg: var(--card);--chat-card-inner: #fffbea;--cta-tutor-bg: #db2777;--cta-tutor-text: #ffffff;--cta-tutor-border: #be185d}:root[data-theme=winter]{--bg: #f8fafc;--card: #f1f5f9;--border: #cbd5e1;--fg: #0f172a;--muted: #475569;--muted-contrast: #ffffff;--link: #0369a1;--brand: #0ea5e9;--brand-contrast: #ffffff;--hero-bg-img: url(/thumbs/hero-bg_winter.webp);--hero-bg-color: #e0f2fe;--hero-text: #0369a1;--hero-highlight: #bae6fd;--why-bg: linear-gradient(to bottom, #e2e8f0, #ffffff);--why-heading: #0369a1;--panel-accent: rgba(148, 163, 184, .18);--page-bg: linear-gradient(to bottom, #f1f5f9, #e0f2fe);--toolbar-bg: linear-gradient(to right, #e0f2fe, #c7d2fe);--toolbar-border: #60a5fa;--help-text: #0ea5e9;--help-text-hover: #0284c7;--help-bg: #eef2ff;--help-border: #bfdbfe;--cta-primary-bg: #38bdf8;--cta-primary-text: #0c4a6e;--cta-primary-border: #0ea5e9;--cta-secondary-bg: #6366f1;--cta-secondary-text: #ffffff;--cta-secondary-border: #4f46e5;--cta-neutral-bg: #e5e7eb;--cta-neutral-text: #1f2937;--cta-neutral-border: #d1d5db;--cta-amazon-bg: #fef9c3;--cta-amazon-text: #854d0e;--cta-amazon-border: #fde68a;--cta-etsy-bg: #fce7f3;--cta-etsy-text: #9d174d;--cta-etsy-border: #f9a8d4;--cta-sample-bg: #38bdf8;--cta-sample-text: #ffffff;--cta-sample-border: #0ea5e9;--cta-activity-bg: #6366f1;--cta-activity-text: #ffffff;--cta-activity-border: #4f46e5;--cta-gallery-bg: #e5e7eb;--cta-gallery-text: #1f2937;--cta-gallery-border: #d1d5db;--danger-bg: #dc2626;--danger-bg-hover: #b91c1c;--danger-text: #ffffff;--danger-link: #ef4444;--picker-overlay: rgba(0, 0, 0, .45);--picker-card: var(--card);--picker-fg: var(--fg);--picker-muted: var(--muted);--picker-border: var(--border);--picker-chip-bg: #e2e8f0;--picker-chip-border: #cbd5e1;--picker-chip-active-bg: #bae6fd;--picker-chip-active-border: #60a5fa;--picker-dir-bg: #e2e8f0;--picker-dir-border: #cbd5e1;--picker-dir-active-bg: #c7d2fe;--picker-dir-active-border: #818cf8;--picker-link-muted: #64748b;--picker-link-primary: var(--link);--picker-link-fav: #0ea5e9;--tool-neutral-bg: #064e3b;--tool-neutral-border: #10b981;--tool-neutral-hover: #065f46;--tool-neutral-text: #f0fdf4;--tool-warning-bg: #fde68a;--tool-warning-text: #111827;--tool-warning-border: #f59e0b;--tool-danger-bg: #ef4444;--tool-danger-text: #ffffff;--tool-danger-border: #dc2626;--tool-toggle-bg: #60a5fa;--tool-toggle-text: #ffffff;--tool-toggle-border: #3b82f6;--tool-success-bg: #22c55e;--tool-success-text: #ffffff;--tool-success-border: #16a34a;--board-bg: #eef2ff;--board-border: #cbd5e1;--board-shadow: 0 8px 24px rgba(2, 6, 23, .06), inset 0 1px 0 rgba(255, 255, 255, .6);--board-slot-bg: #f1f5f9;--board-slot-border: #cbd5e1;--board-slot-hover: rgba(56, 189, 248, .12);--board-slot-ring: #38bdf8;--chat-card-bg: var(--card);--chat-card-inner: #e0f2fe;--cta-tutor-bg: #4f46e5;--cta-tutor-text: #ffffff;--cta-tutor-border: #4338ca}.pattern-board{background:var(--board-bg);border-color:var(--board-border);box-shadow:var(--board-shadow)}.pattern-blank{background:var(--board-slot-bg);border-color:var(--board-slot-border)}.pattern-blank[role=button]:hover{background:var(--board-slot-hover)}.pattern-choice--active{box-shadow:0 0 0 2px var(--board-slot-ring)}.chat-inner{background:var(--chat-card-inner);border-radius:.75rem}.palette-active{border:5px solid var(--cta-primary-border);box-shadow:0 0 0 2px var(--cta-primary-bg);border-radius:.5rem}:root{--help-bg: rgba(16, 185, 129, .12);--help-border: #34d399;--help-text: #10b981;--help-fg: var(--fg);--bubble-ai: rgba(16, 185, 129, .18);--bubble-kid: rgba(59, 130, 246, .18);--bubble-hint: rgba(245, 158, 11, .18);--btn-speak-bg: var(--cta-secondary-bg, #a855f7);--btn-speak-text: var(--cta-secondary-text, #fff);--btn-speak-border: var(--cta-secondary-border, #7c3aed);--badge-level-bg: var(--cta-primary-bg, #fde047);--badge-level-text: var(--cta-primary-text, #78350f);--badge-level-border: var(--cta-primary-border, #facc15);--badge-streak-bg: var(--cta-secondary-bg, #a855f7);--badge-streak-text: var(--cta-secondary-text, #fff);--badge-streak-border: var(--cta-secondary-border, #7c3aed);--btn-next-bg: rgba(16, 185, 129, .18);--btn-next-hover: rgba(16, 185, 129, .3);--btn-next-text: #059669;--btn-next-border: #34d399}:root[data-theme=dark]{--help-bg: rgba(16, 185, 129, .14);--help-border: rgba(52, 211, 153, .5);--help-text: #a7f3d0;--help-fg: var(--fg);--bubble-ai: rgba(16, 185, 129, .25);--bubble-kid: rgba(59, 130, 246, .25);--bubble-hint: rgba(245, 158, 11, .25);--btn-speak-bg: var(--cta-secondary-bg, #7c3aed);--btn-speak-text: var(--cta-secondary-text, #fff);--btn-speak-border: var(--cta-secondary-border, #6d28d9);--badge-level-bg: var(--cta-primary-bg, #facc15);--badge-level-text: var(--cta-primary-text, #1e1e1e);--badge-level-border: var(--cta-primary-border, #d97706);--badge-streak-bg: var(--cta-secondary-bg, #7c3aed);--badge-streak-text: var(--cta-secondary-text, #fff);--badge-streak-border: var(--cta-secondary-border, #6d28d9);--badge-level-bg: var(--badge-level-bg, #fde047);--badge-level-text: var(--badge-level-text, #78350f);--badge-level-border: var(--badge-level-border, #facc15);--badge-grade-bg: var(--bubble-ai, rgba(16, 185, 129, .18));--badge-skill-bg: var(--card);--badge-skill-text: var(--fg);--badge-skill-border: var(--border);--badge-level-bg: #facc15;--badge-level-text: #1e1e1e;--badge-level-border: #d97706;--badge-grade-bg: rgba(16, 185, 129, .25);--badge-grade-text: var(--fg);--badge-grade-border: var(--border);--badge-theme-bg: var(--card);--badge-theme-text: var(--muted);--badge-theme-border: var(--border);--btn-next-bg: rgba(16, 185, 129, .25);--btn-next-hover: rgba(16, 185, 129, .4);--btn-next-text: #a7f3d0;--btn-next-border: rgba(16, 185, 129, .6)}:root[data-theme=winter]{--help-bg: rgba(59, 130, 246, .1);--help-border: #38bdf8;--help-text: #06b6d4;--help-fg: var(--fg);--bubble-ai: rgba(6, 182, 212, .18);--bubble-kid: rgba(59, 130, 246, .18);--bubble-hint: rgba(250, 204, 21, .18);--btn-speak-bg: var(--cta-secondary-bg, #6366f1);--btn-speak-text: var(--cta-secondary-text, #fff);--btn-speak-border: var(--cta-secondary-border, #4f46e5);--badge-level-bg: var(--cta-primary-bg, #fde047);--badge-level-text: var(--cta-primary-text, #1e1e1e);--badge-level-border: var(--cta-primary-border, #f59e0b);--badge-streak-bg: var(--cta-secondary-bg, #6366f1);--badge-streak-text: var(--cta-secondary-text, #fff);--badge-streak-border: var(--cta-secondary-border, #4f46e5);--btn-next-bg: rgba(56, 189, 248, .2);--btn-next-hover: rgba(56, 189, 248, .34);--btn-next-text: #075985;--btn-next-border: #38bdf8}:root[data-theme=forest]{--help-bg: rgba(34, 197, 94, .12);--help-border: #22c55e;--help-text: #16a34a;--help-fg: var(--fg);--bubble-ai: rgba(16, 185, 129, .2);--bubble-kid: rgba(59, 130, 246, .18);--bubble-hint: rgba(245, 158, 11, .18);--btn-speak-bg: var(--cta-secondary-bg, #16a34a);--btn-speak-text: var(--cta-secondary-text, #fff);--btn-speak-border: var(--cta-secondary-border, #15803d);--badge-level-bg: var(--cta-primary-bg, #fde047);--badge-level-text: var(--cta-primary-text, #1e1e1e);--badge-level-border: var(--cta-primary-border, #f59e0b);--badge-streak-bg: var(--cta-secondary-bg, #16a34a);--badge-streak-text: var(--cta-secondary-text, #fff);--badge-streak-border: var(--cta-secondary-border, #15803d);--btn-next-bg: rgba(22, 163, 74, .22);--btn-next-hover: rgba(22, 163, 74, .36);--btn-next-text: #064e3b;--btn-next-border: #22c55e}:root[data-theme=summer]{--help-bg: rgba(251, 191, 36, .14);--help-border: #f59e0b;--help-text: #b45309;--help-fg: var(--fg);--bubble-ai: rgba(34, 197, 94, .2);--bubble-kid: rgba(59, 130, 246, .18);--bubble-hint: rgba(251, 146, 60, .22);--btn-speak-bg: var(--cta-secondary-bg, #f97316);--btn-speak-text: var(--cta-secondary-text, #fff);--btn-speak-border: var(--cta-secondary-border, #ea580c);--badge-level-bg: var(--cta-primary-bg, #fde047);--badge-level-text: var(--cta-primary-text, #1e1e1e);--badge-level-border: var(--cta-primary-border, #f59e0b);--badge-streak-bg: var(--cta-secondary-bg, #f97316);--badge-streak-text: var(--cta-secondary-text, #fff);--badge-streak-border: var(--cta-secondary-border, #ea580c);--btn-next-bg: rgba(251, 191, 36, .22);--btn-next-hover: rgba(251, 191, 36, .34);--btn-next-text: #92400e;--btn-next-border: #f59e0b}.card-chat .card-content,.card-chat .CardContent{display:flex;flex-direction:column}.coach-input{display:flex;gap:.5rem;align-items:center}@media (max-width: 640px){.coach-input{flex-wrap:wrap}.coach-input>input{min-width:12rem}}:root{--board-bg: #f9f9f7;--board-surface: #ffffff;--board-border: #d8d8d8;--board-fg: #1e1e1e}.kidboard.kidboard--chalk{--board-bg: #102018;--board-surface: #152b22;--board-border: #234335;--chat-card-inner: #192f25;--board-fg: #e9f7ef}.kidboard.kidboard--sky{--board-bg: #e8f3ff;--board-surface: #ffffff;--board-border: #cfe0f4;--chat-card-inner: #f3f8ff;--board-fg: #16243a}.kidboard.kidboard--parchment{--board-bg: #faf6e9;--board-surface: #ffffff;--board-border: #e6dfc9;--chat-card-inner: #f8f3e4;--board-fg: #2a2418}.kidboard.kidboard--coolgray{--board-bg: #edf1f4;--board-surface: #ffffff;--board-border: #d7dee5;--chat-card-inner: #f4f7fa;--board-fg: #1a232b}.kidboard{--btn-speak-bg: #2563eb;--btn-speak-text: #ffffff;--btn-speak-border: #1d4ed8;--btn-speak-active: #1e40af;--btn-speak-ring: #93c5fd;--tool-neutral-bg: #d1fae5;--btn-hint-bg: #fff7e6;--btn-hint-text: #5b3a00;--btn-hint-border: #f5d48a;--bubble-ai: #eef1ff;--bubble-kid: #e8f6ee;--bubble-hint: #fff7e6;--bubble-fg: #1f2a35;--board-bg: #f1effd;--board-surface: #ffffff;--board-border: #dcd8f6;--chat-card-inner: #f6f5ff;--board-fg: #251f46;--board-frame-fg: #ffffff;--board-slot-bg: #aaffff;--board-slot-border: #c9d3cb;--board-slot-hover: rgba(32, 50, 41, .05);--board-slot-ring: #5aa7ff;--board-shadow: 0 8px 22px rgba(17, 24, 39, .1), inset 0 1px 0 rgba(255, 255, 255, .6);--btn-check-bg: #22c55e;--btn-check-text: #0b2314;--btn-check-border: #16a34a;--tool-accent-bg: #f5e8ff;--tool-accent-text: #3b0764;--tool-accent-border: #d8b4fe;--tool-primary-bg: #e0ecff;--tool-primary-border: #93c5fd;--tool-primary-text: #0b1d34;--tool-success-bg: #d1fae5;--tool-success-border: #34d399;--tool-success-text: #064e3b;--muted: #cbd5e1;--accent-board-slot-bg: color-mix(in srgb, var(--board-slot-bg) 70%, white);--input-bg: #ffffff;--input-fg: #1f2937;--input-border: #d1d5db;--input-placeholder: color-mix(in srgb, var(--input-fg) 60%, transparent);--input-ring: var(--board-slot-ring, #5aa7ff);--input-disabled-bg: color-mix(in srgb, var(--input-bg) 80%, #f3f4f6);--input-disabled-fg: color-mix(in srgb, var(--input-fg) 60%, white);--input-disabled-border: color-mix(in srgb, var(--input-border) 70%, #e5e7eb)}.kidboard .kid-input{width:clamp(3.25rem,8vw,5.5rem);max-width:100%;text-align:center;font-weight:700;border-radius:.5rem;outline:none;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-fg);padding:.25rem .5rem;line-height:1.25rem}.kidboard .kid-input::-moz-placeholder{color:var(--input-placeholder)}.kidboard .kid-input::placeholder{color:var(--input-placeholder)}.kidboard .kid-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--input-ring) 30%,transparent);border-color:var(--input-ring)}.kidboard .kid-input:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-fg);border-color:var(--input-disabled-border);opacity:.85}.bg-board-frame{background:radial-gradient(1200px 800px at 50% 22%,#ffffff8c,#fff0 40%),radial-gradient(900px 600px at 50% 30%,#5d8cff40,#5d8cff00 55%),radial-gradient(1200px 800px at 50% 120%,#00000059,#0000 60%),linear-gradient(180deg,#2248a6,#1a2a7c 45%,#4b2a64);background-attachment:fixed}.kidboard input::-moz-placeholder{color:color-mix(in oklab,var(--board-fg) 55%,transparent);opacity:.8}.kidboard input::placeholder{color:color-mix(in oklab,var(--board-fg) 55%,transparent);opacity:.8}.kidboard-surface{background:var(--board-surface);border:1px solid var(--board-border);border-radius:12px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.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::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;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))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:animate-none:hover{animation:none}.hover\:border-\[var\(--cta-gallery-border\)\]:hover{border-color:var(--cta-gallery-border)}.hover\:border-\[var\(--link-600\)\]:hover{border-color:var(--link-600)}.hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-50:hover{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-fuchsia-700:hover{--tw-gradient-to: #a21caf var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-pink-500:hover{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.hover\:text-purple-600:hover{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-white\/20:hover{--tw-ring-color: rgb(255 255 255 / .2)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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\:ring-\[var\(--link\)\]:focus{--tw-ring-color: var(--link)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1: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(1px + 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-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-4: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(4px + 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-\[var\(--cta-gallery-border\)\]:focus-visible{--tw-ring-color: var(--cta-gallery-border)}.focus-visible\:ring-purple-400\/50:focus-visible{--tw-ring-color: rgb(192 132 252 / .5)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;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))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-auto{margin-left:auto}.sm\:mt-0{margin-top:0}.sm\:mt-2{margin-top:.5rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-5{height:1.25rem}.sm\:h-8{height:2rem}.sm\:max-h-none{max-height:none}.sm\:w-1\/4{width:25%}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-3\/4{width:75%}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-5{width:1.25rem}.sm\:w-8{width:2rem}.sm\:w-80{width:20rem}.sm\:w-\[95vw\]{width:95vw}.sm\:w-auto{width:auto}.sm\:min-w-\[350px\]{min-width:350px}.sm\:max-w-\[12rem\]{max-width:12rem}.sm\:max-w-\[400px\]{max-width:400px}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-y-2{row-gap:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-1{padding-left:.25rem;padding-right:.25rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:opacity-100{opacity:1}}@media (min-width: 768px){.md\:col-start-2{grid-column-start:2}.md\:h-6{height:1.5rem}.md\:h-9{height:2.25rem}.md\:min-h-10{min-height:2.5rem}.md\:w-6{width:1.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}.md\:grid-cols-\[1fr_auto_auto_auto\]{grid-template-columns:1fr auto auto auto}.md\:gap-3{gap:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:h-10{height:2.5rem}.lg\:h-\[72px\]{height:72px}.lg\:w-\[72px\]{width:72px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}}.\[\&_canvas\]\:h-full canvas{height:100%}.\[\&_canvas\]\:w-full canvas{width:100%}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:h-full svg{height:100%}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}