/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-100:oklch(95.4% .038 75.164);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-sky-500:oklch(68.5% .169 237.323);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[1\/0\.92\]{aspect-ratio:1/.92}.aspect-\[16\/7\]{aspect-ratio:16/7}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-screen{height:100vh}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[32px\]{min-height:32px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[1184px\]{max-width:1184px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-none{flex:none}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--green\)\]{border-color:var(--green)}.border-current{border-color:currentColor}.border-green-200{border-color:var(--color-green-200)}.border-pink-200{border-color:var(--color-pink-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.bg-\[\#2a2e35\]{background-color:#2a2e35}.bg-\[var\(--app-bg\)\],.bg-\[var\(--app-bg\)\]\/92{background-color:var(--app-bg)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--app-bg\)\]\/92{background-color:color-mix(in oklab, var(--app-bg) 92%, transparent)}}.bg-\[var\(--green\)\],.bg-\[var\(--green\)\]\/10{background-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--green\)\]\/10{background-color:color-mix(in oklab, var(--green) 10%, transparent)}}.bg-\[var\(--purple\)\]{background-color:var(--purple)}.bg-current{background-color:currentColor}.bg-green-50{background-color:var(--color-green-50)}.bg-green-200{background-color:var(--color-green-200)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/55{background-color:color-mix(in oklab, var(--color-slate-950) 55%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/22{background-color:#ffffff38}@supports (color:color-mix(in lab, red, red)){.bg-white\/22{background-color:color-mix(in oklab, var(--color-white) 22%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[17px\]{font-size:17px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--green\)\]{color:var(--green)}.text-\[var\(--purple\)\]{color:var(--purple)}.text-green-700{color:var(--color-green-700)}.text-pink-500{color:var(--color-pink-500)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-700{color:var(--color-rose-700)}.text-sky-500{color:var(--color-sky-500)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.italic{font-style:italic}.accent-\[var\(--green\)\]{accent-color:var(--green)}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.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{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--green\)\]:hover{border-color:var(--green)}.hover\:border-\[var\(--purple\)\]:hover{border-color:var(--purple)}.hover\:border-green-200:hover{border-color:var(--color-green-200)}.hover\:border-purple-200:hover{border-color:var(--color-purple-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[var\(--green\)\]:hover{background-color:var(--green)}.hover\:bg-\[var\(--green-dark\)\]:hover{background-color:var(--green-dark)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[var\(--purple\)\]:hover{color:var(--purple)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--purple\)\]:focus{border-color:var(--purple)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-green-100:focus{--tw-ring-color:var(--color-green-100)}.focus\:ring-green-200:focus{--tw-ring-color:var(--color-green-200)}.focus\:ring-purple-100:focus{--tw-ring-color:var(--color-purple-100)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.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\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=48rem){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-7{padding-inline:calc(var(--spacing) * 7)}.lg\:pl-\[var\(--sidebar-width\)\]{padding-left:var(--sidebar-width)}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:top-20{top:calc(var(--spacing) * 20)}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_260px\]{grid-template-columns:minmax(0,1fr) 260px}.xl\:grid-cols-\[minmax\(0\,1fr\)_310px\]{grid-template-columns:minmax(0,1fr) 310px}.xl\:self-start{align-self:flex-start}}}:root{--sidebar-width:220px;--drawer-width:min(86vw, 260px);--app-bg:#f1f5f9;--green:#30a400;--green-dark:#238300;--purple:#9c38ff;--purple-dark:#7c20d8;--pink:#f479c4;--rose:#fb8a9d;--card-border:#e2e8f0;--slate-title:#2a2e35;--shadow-soft:0 10px 28px #2a2e350e}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--app-bg);color:#2a2e35;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.control-button,.control-select{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;align-items:center;gap:.5rem;min-height:38px;padding:0 .875rem;font-size:.75rem;font-weight:700;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.control-button:hover,.control-select:hover{color:#334155;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 24px #0f172a0f}.control-button:focus-visible,.control-select:focus-visible{border-color:var(--green);box-shadow:0 0 0 4px #30a4001f}.pill-success{color:var(--green);background:#dcfce7;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:800;display:inline-flex}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-avatar-img{object-fit:cover;background:#fff;border-radius:999px;display:block;box-shadow:inset 0 0 0 1px #94a3b824}.topbar-avatar{flex:0 0 24px;width:24px;height:24px}.achievement-avatar{flex:0 0 56px;width:56px;height:56px}.page-card{border:1px solid var(--card-border);box-shadow:var(--shadow-soft);background:#fff}.sg-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.sg-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.mobile-safe-bottom{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}@media (width>=1024px){.mobile-safe-bottom{padding-bottom:0}}@media (width<=640px){:root{--drawer-width:min(86vw, 260px)}}.sg-menu-overlay{z-index:50;opacity:0;pointer-events:none;background:#0f172a61;transition:opacity .22s;position:fixed;inset:0}.sg-menu-overlay.is-open{opacity:1;pointer-events:auto}.sg-sidebar{z-index:60;width:var(--sidebar-width);background:#fff;border-right:1px solid #e2e8f0;height:100dvh;transition:transform .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sg-sidebar.is-open{transform:translate(0)}.sg-sidebar-inner{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.sg-sidebar-logo-row{flex:none;height:104px;padding:20px 0 0 20px;position:relative}.sg-sidebar-logo-button{width:50px;height:50px;color:inherit;background:0 0;border:0;border-radius:10px;padding:0;transition:transform .18s,filter .18s;display:block}.sg-sidebar-logo-button:hover{filter:drop-shadow(0 8px 18px #30a4002e);transform:translateY(-1px)}.sg-sidebar-close{color:#94a3b8;background:#f8fafc;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:none;position:absolute;top:24px;right:16px}.sg-sidebar-nav{flex:auto;min-height:0;padding:0 18px 12px 20px;overflow-y:auto}.sg-menu-item,.sg-submenu-item,.sg-profile-link{color:#94a3b8;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.sg-menu-item{letter-spacing:-.01em;align-items:center;gap:16px;width:100%;min-height:44px;padding:0;font-size:16px;font-weight:400;line-height:1.2;transition:color .18s,transform .18s;display:flex;position:relative}.sg-menu-item+.sg-menu-item,.sg-submenu-wrap+.sg-menu-item{margin-top:8px}.sg-menu-icon{color:currentColor;place-items:center;width:20px;min-width:20px;height:20px;display:grid}.sg-menu-label{white-space:nowrap;flex:1;min-width:0}.sg-menu-item:hover,.sg-menu-item:focus-visible,.sg-submenu-item:hover,.sg-submenu-item:focus-visible,.sg-profile-link:hover,.sg-profile-link:focus-visible{color:#30a400;outline:none}.sg-menu-item:hover{transform:translate(1px)}.sg-menu-item.is-active{color:#30a400}.sg-menu-chevron{color:#94a3b8;place-items:center;width:18px;min-width:18px;height:18px;margin-left:auto;transition:color .18s,transform .18s;display:grid;transform:rotate(180deg)}.sg-menu-chevron.is-open{transform:rotate(0)}.sg-menu-chevron.is-active{color:#30a400}.sg-submenu-wrap{opacity:0;max-height:0;transition:max-height .26s,opacity .2s;overflow:hidden}.sg-submenu-wrap.is-open{opacity:1;max-height:420px}.sg-submenu{border-left:1px solid #94a3b8;margin:0 0 7px 12px;padding:2px 0 4px 20px}.sg-submenu-item{letter-spacing:-.01em;align-items:center;gap:10px;width:100%;min-height:43px;padding:0;font-size:12px;font-weight:400;line-height:1.2;transition:color .18s,transform .18s;display:flex}.sg-submenu-item:hover{transform:translate(1px)}.sg-submenu-item.is-active{color:#30a400}.sg-submenu-icon{color:currentColor;place-items:center;width:15px;min-width:15px;height:15px;display:grid}.sg-profile-link{letter-spacing:-.01em;flex:none;align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 20px 20px;font-size:16px;font-weight:400;display:flex}.sg-profile-avatar{flex:0 0 40px;width:40px;height:40px}@media (width>=1024px){.sg-menu-overlay{display:none}.sg-sidebar{transform:translate(0)}}@media (width<=1023px){.sg-sidebar{width:var(--drawer-width);box-shadow:18px 0 42px #0f172a2e}.sg-sidebar-close{display:grid}.sg-sidebar-nav{padding-right:20px}.sg-menu-item{min-height:48px;font-size:16px}.sg-submenu-item{min-height:44px;font-size:12.5px}}.login-page{color:#2a2e35;background:#fff;grid-template-columns:minmax(520px,59%) minmax(360px,41%);min-height:100dvh;display:grid}.login-hero{background:#ffdc00;min-height:100dvh;position:relative;overflow:hidden}.login-hero-image{object-fit:cover;object-position:left center;width:auto;max-width:none;height:100%;min-height:100dvh;display:block}.login-panel{background:#fff;place-items:center;min-height:100dvh;padding:42px clamp(28px,5vw,82px);display:grid;position:relative}.login-theme-button{color:#facc15;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;width:34px;height:34px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;top:20px;right:20px;box-shadow:0 8px 20px #0f172a0a}.login-theme-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a14}.login-card{width:min(100%,386px)}.login-brand{align-items:center;margin-bottom:28px;display:flex}.login-brand-logo{width:200px;height:auto;display:block}.login-copy{margin-bottom:30px}.login-copy h1{color:#2a2e35;letter-spacing:-.03em;margin:0;font-size:25px;font-weight:500;line-height:1.25}.login-copy p{color:#64748b;max-width:360px;margin:10px 0 0;font-size:14px;line-height:1.45}.login-field{margin-top:20px;display:block}.login-field>span{color:#2a2e35;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.login-input-wrap{color:#94a3b8;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:10px;height:39px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.login-input-wrap:focus-within{border-color:#30a400;box-shadow:0 0 0 4px #30a4001a}.login-input-wrap input{color:#2a2e35;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.login-input-wrap input::placeholder{color:#94a3b8}.login-input-icon{color:#94a3b8;flex:none;transition:color .18s}.login-input-wrap:focus-within .login-input-icon{color:#30a400}.login-eye-button{color:#94a3b8;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;margin-left:auto;line-height:1;transition:background .18s,color .18s,transform .18s;display:grid}.login-eye-button:hover{color:#30a400;background:#f1f5f9}.login-eye-button:focus-visible{color:#30a400;outline-offset:2px;background:#f1f5f9;outline:2px solid #30a40047}.login-eye-button:active{transform:scale(.94)}.login-forgot{color:#30a400;background:0 0;border:0;margin-top:18px;padding:0;font-size:13px;font-weight:700}.login-submit{color:#fff;background:#30a400;border:0;border-radius:7px;width:100%;min-height:40px;margin-top:22px;font-size:13px;font-weight:800;transition:background .18s,transform .18s,box-shadow .18s}.login-submit:hover,.login-submit:focus-visible{background:#238300;outline:none;transform:translateY(-1px);box-shadow:0 12px 24px #30a40033}.home-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.home-main-column,.home-side-column{gap:20px;display:grid}.home-hero-card{color:#fff;text-align:left;background:#30a400;border:0;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(220px,.85fr);align-items:center;width:100%;min-height:224px;padding:24px 28px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #30a4001a}.home-hero-card:hover{background:#2e9d00;transform:translateY(-2px);box-shadow:0 18px 32px #30a4002e}.home-hero-copy h2{letter-spacing:-.02em;align-items:center;gap:8px;margin:0 0 12px;font-size:20px;font-weight:800;display:flex}.home-wave{background:#ffffff2e;border-radius:999px;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:inline-grid}.home-hero-copy p{max-width:430px;margin:0;font-size:13px;font-weight:500;line-height:1.55}.home-countdown{margin-top:28px;padding-left:46px;font-size:12px;line-height:1.3;position:relative}.home-countdown span{border:5px solid #ffdc00f2;border-right-color:#ffffff2e;border-radius:999px;width:34px;height:34px;position:absolute;top:-2px;left:0}.home-hero-illustration{justify-content:flex-end;align-items:center;min-height:168px;display:flex;position:relative}.home-hero-illustration img{object-fit:contain;filter:drop-shadow(0 16px 24px #1253001f);width:min(100%,325px);height:auto;display:block}.book-stack,.student-shape{border-radius:16px;position:absolute}.book-stack{background:#9c38ff;width:74px;height:112px;top:10px;right:112px;transform:skewY(-8deg)rotate(-2deg);box-shadow:18px 8px #7c20d8,36px 16px #b36cff}.book-stack.b2{background:#f8fafc;width:56px;height:88px;top:42px;right:42px;box-shadow:16px 8px #f472b6}.student-shape.s1{background:#ffdc00;width:130px;height:38px;bottom:18px;right:156px;transform:rotate(-12deg)}.student-shape.s2{background:#7c20d8;border-radius:999px;width:92px;height:44px;bottom:24px;right:26px}.home-dots{justify-content:center;gap:7px;margin-top:-13px;display:flex}.home-dots span{background:#b7e2a4;border-radius:999px;width:9px;height:9px}.home-dots span.active{background:#30a400}.home-section-block{gap:14px;display:grid}.home-section-title h2{color:#2a2e35;margin:0;font-size:19px;font-weight:500}.home-section-title p{color:#94a3b8;margin:6px 0 0;font-size:13px}.home-recent-list{gap:12px;display:grid}.home-recent-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:54px minmax(0,1fr) 30px;align-items:center;gap:13px;width:100%;min-height:82px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 8px 20px #2a2e3509}.home-recent-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 12px 24px #2a2e3512}.home-activity-icon,.home-challenge-icon{background:#transparent!important;border:1.5px solid;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.tone-pink{color:#f472b6}.tone-cyan{color:#67e8f9}.tone-lime{color:#a3e635}.tone-green{color:#34d399}.home-recent-text,.home-message-row span:nth-child(2),.home-challenge-row span:nth-child(2){gap:3px;min-width:0;display:grid}.home-recent-text strong,.home-message-row strong,.home-challenge-row strong{color:#2a2e35;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.home-recent-text small,.home-message-row small,.home-challenge-row small{color:#94a3b8;font-size:11px;line-height:1.3}.home-status-dot{color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:grid}.home-status-dot.warning{background:#fb7815}.home-status-dot.done{background:#30a400}.home-achievements-card,.home-side-card,.home-calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 8px 20px #2a2e3509}.home-achievements-card{padding:22px}.home-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.home-card-header h2,.home-side-title{color:#2a2e35;margin:0;font-size:15px;font-weight:700}.home-card-header button{color:#94a3b8;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;min-height:31px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.home-card-header.compact button{color:#64748b;background:#f1f5f9;border:0;min-height:30px}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.home-stat-card{text-align:left;background:#f1f5f9;border:0;border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:6px 14px;min-height:116px;padding:22px;transition:transform .18s,box-shadow .18s;display:grid}.home-stat-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2a2e350f}.home-stat-card span{color:#0ea5e9;background:#e0f2fe;border-radius:999px;grid-row:span 2;place-items:center;width:58px;height:58px;display:grid}.home-stat-card strong{color:#2a2e35;font-size:35px;font-weight:700;line-height:.9}.home-stat-card small{color:#2a2e35;font-size:13px;line-height:1.2}.home-stat-card.tone-rose span{color:#f43f5e;background:#ffe4e6}.home-stat-card.tone-purple span{color:#9c38ff;background:#f3e8ff}.home-stat-card.tone-amber span{color:#f59e0b;background:#fef3c7}.home-calendar-card{padding:22px}.home-calendar-head{color:#2a2e35;justify-content:space-between;align-items:center;font-size:14px;display:flex}.home-calendar-head span{color:#94a3b8;gap:16px;display:flex}.home-weekdays,.home-days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.home-weekdays{color:#64748b;margin-top:24px;font-size:12px;font-weight:500}.home-days{gap:9px 6px;margin-top:14px}.home-days button{color:#2a2e35;background:0 0;border:0;border-radius:999px;place-items:center;height:27px;font-size:13px;transition:background .18s,color .18s,box-shadow .18s;display:grid}.home-days button:hover,.home-days button.active{color:#30a400;background:#dcfce7;box-shadow:inset 0 0 0 2px #30a400}.home-days button.marked{color:#2563eb;box-shadow:inset 0 0 0 1.5px}.home-side-card{padding:22px}.home-message-list,.home-challenge-list{gap:13px;display:grid}.home-message-row,.home-challenge-row{text-align:left;color:#94a3b8;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:11px;width:100%;padding:0;transition:color .18s,transform .18s;display:grid}.home-message-row:hover,.home-challenge-row:hover{color:#30a400;transform:translate(1px)}.home-avatar{flex:0 0 43px;width:43px;height:43px}.home-side-title{margin-bottom:20px}.home-challenge-icon{color:#34d399;width:44px;height:44px}@media (width<=1180px){.home-grid{grid-template-columns:1fr}.home-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.home-calendar-card{grid-row:span 2}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{padding:32px 24px}.login-brand{justify-content:flex-start;margin-bottom:26px}.login-brand-logo{width:186px}.home-hero-card{grid-template-columns:1fr}.home-hero-illustration{display:none}.home-side-column,.home-stats-grid{grid-template-columns:1fr}}@media (width<=540px){.login-card{width:100%}.login-panel{align-items:start;padding-top:72px}.login-brand-logo{width:172px}.home-hero-card,.home-achievements-card,.home-side-card,.home-calendar-card{border-radius:12px;padding:18px}.home-stat-card{grid-template-columns:52px 1fr;min-height:100px;padding:16px}.home-stat-card span{width:48px;height:48px}.home-stat-card strong{font-size:30px}}.subject-rail-wrap{width:100%;padding:8px 0 6px;overflow:auto hidden}.subject-rail-grid{grid-template-columns:repeat(10,minmax(72px,1fr));align-items:start;column-gap:clamp(8px,1.35vw,20px);width:100%;min-width:100%;display:grid}.subject-button{text-align:center;color:#94a3b8;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-width:0;min-height:86px;padding:0 4px;font-size:clamp(11px,.95vw,14px);font-weight:600;line-height:1.18;transition:color .18s,background-color .18s;display:flex}.subject-button:hover{color:#64748b;background:#ffffff47}.subject-button:focus-visible{outline:none}.subject-button:focus-visible .subject-icon{box-shadow:0 0 0 4px #30a40029}.subject-button.is-active{color:#111827}.subject-icon{border:1.5px solid;border-radius:16px;place-items:center;width:42px;height:42px;transition:box-shadow .18s,filter .18s,background-color .18s;display:grid}.subject-button:hover .subject-icon{filter:saturate(1.08);box-shadow:0 7px 18px #0f172a13}.subject-button.is-active .subject-icon{box-shadow:0 0 0 4px #30a4001c}.subject-label{white-space:normal;overflow-wrap:normal;text-wrap:balance;width:100%;max-width:104px;min-height:32px;display:block}.activity-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;display:grid}.period-tabs{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;width:100%;display:grid}.period-tab{color:#64748b;text-align:center;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:42px;padding:0 14px;font-size:clamp(12px,.95vw,14px);font-weight:600;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 2px 5px #0f172a14}.period-tab:hover{color:#334155;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 22px #0f172a14}.period-tab:focus-visible{outline:none;box-shadow:0 0 0 4px #30a40024,0 8px 22px #0f172a14}.period-tab.is-active{border-color:var(--green);background:var(--green);color:#fff}.period-tab.is-active:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.activity-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:max-content;display:flex}@media (width<=1180px){.subject-rail-grid{grid-template-columns:repeat(10,minmax(78px,1fr));column-gap:10px}.activity-toolbar{grid-template-columns:1fr}.activity-toolbar-actions{justify-content:flex-end}}@media (width<=760px){.subject-rail-wrap{margin-inline:-1rem;padding:8px 1rem 6px}.subject-rail-grid{grid-template-columns:none;grid-auto-columns:78px;grid-auto-flow:column;column-gap:8px;width:max-content;min-width:100%}.subject-button{min-height:80px;font-size:10.5px}.subject-icon{border-radius:15px;width:40px;height:40px}.period-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-toolbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.activity-toolbar-actions .control-button,.activity-toolbar-actions .control-select{justify-content:center;width:100%}}@media (width<=420px){.period-tabs,.activity-toolbar-actions{grid-template-columns:1fr}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f1722;--card-border:#263445;--slate-title:#f8fafc;--shadow-soft:0 18px 38px #0000003d}body.theme-dark{background:var(--app-bg);color:#e2e8f0}.theme-toggle{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 20px #0f172a0d}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--green);border-color:#cbd5e1;outline:none;transform:translateY(-1px);box-shadow:0 12px 26px #0f172a17}.theme-toggle-topbar{flex:0 0 32px;width:32px;height:32px}.theme-toggle-login{color:#f59e0b}.theme-toggle.is-dark{color:#ffdc00;background:#111827;border-color:#263445;box-shadow:0 10px 26px #00000038}.theme-toggle.is-dark:hover,.theme-toggle.is-dark:focus-visible{color:#ffdc00;background:#162033;border-color:#334155}.theme-dark .login-page,.theme-dark .login-panel{color:#e2e8f0;background:#0f1722}.theme-dark .login-card{color:#e2e8f0}.theme-dark .login-copy h1,.theme-dark .login-field>span{color:#f8fafc}.theme-dark .login-copy p,.theme-dark .login-forgot{color:#a7b4c6}.theme-dark .login-forgot:hover,.theme-dark .login-forgot:focus-visible{color:#6ee95d}.theme-dark .login-input-wrap{color:#94a3b8;background:#111827;border-color:#334155}.theme-dark .login-input-wrap:focus-within{border-color:#39b900;box-shadow:0 0 0 4px #30a4002e}.theme-dark .login-input-wrap input{color:#f8fafc}.theme-dark .login-input-wrap input::placeholder{color:#64748b}.theme-dark .login-eye-button:hover,.theme-dark .login-eye-button:focus-visible{color:#6ee95d;background:#1e293b}.theme-dark .login-theme-button{color:#ffdc00;background:#111827;border-color:#334155}.theme-dark .sg-sidebar{background:#111827;border-color:#243244}.theme-dark .sg-sidebar-close{color:#94a3b8;background:#172033}.theme-dark .sg-menu-item,.theme-dark .sg-submenu-item,.theme-dark .sg-profile-link{color:#94a3b8}.theme-dark .sg-menu-item:hover,.theme-dark .sg-menu-item:focus-visible,.theme-dark .sg-submenu-item:hover,.theme-dark .sg-submenu-item:focus-visible,.theme-dark .sg-profile-link:hover,.theme-dark .sg-profile-link:focus-visible,.theme-dark .sg-menu-item.is-active,.theme-dark .sg-submenu-item.is-active{color:#6ee95d}.theme-dark .sg-submenu{border-left-color:#334155}.theme-dark .profile-avatar-img{background:#1e293b;box-shadow:inset 0 0 0 1px #94a3b838}.theme-dark .page-card,.theme-dark .home-achievements-card,.theme-dark .home-side-card,.theme-dark .home-calendar-card,.theme-dark .home-recent-card{background:#151f2c;border-color:#263445;box-shadow:0 14px 28px #0003}.theme-dark .home-section-title h2,.theme-dark .home-recent-text strong,.theme-dark .home-message-row strong,.theme-dark .home-challenge-row strong,.theme-dark .home-card-header h2,.theme-dark .home-side-title,.theme-dark .home-calendar-head,.theme-dark .home-days button,.theme-dark .home-stat-card strong,.theme-dark .home-stat-card small{color:#f8fafc}.theme-dark .home-section-title p,.theme-dark .home-recent-text small,.theme-dark .home-message-row small,.theme-dark .home-challenge-row small,.theme-dark .home-calendar-head span,.theme-dark .home-weekdays{color:#94a3b8}.theme-dark .home-stat-card{background:#0f1722}.theme-dark .home-card-header button,.theme-dark .control-button,.theme-dark .control-select,.theme-dark .period-tab{color:#a7b4c6;background:#151f2c;border-color:#263445;box-shadow:0 6px 18px #0000001f}.theme-dark .home-card-header.compact button{color:#a7b4c6;background:#1c2635}.theme-dark .control-button:hover,.theme-dark .control-select:hover,.theme-dark .period-tab:hover{color:#f8fafc;background:#1c2635;border-color:#334155}.theme-dark .period-tab.is-active,.theme-dark .period-tab.is-active:hover{background:var(--green);border-color:var(--green);color:#fff}.theme-dark .subject-button {padding: 10px 0px;}.theme-dark .subject-button:hover{color:#cbd5e1;background:#1e293b8c}.theme-dark .subject-button.is-active{color:#f8fafc}.theme-dark .subject-button:hover .subject-icon,.theme-dark .subject-button.is-active .subject-icon{box-shadow:0 0 0 4px #30a4002e}.theme-dark .bg-white{background-color:#151f2c!important}.theme-dark .bg-slate-50{background-color:#1c2635!important}.theme-dark .bg-slate-100{background-color:#243244!important}.theme-dark .bg-slate-200{background-color:#334155!important}.theme-dark .bg-green-50{background-color:#30a40021!important}.theme-dark .bg-purple-50{background-color:#9c38ff24!important}.theme-dark .bg-rose-50{background-color:#f43f5e26!important}.theme-dark .bg-yellow-100{background-color:#facc1529!important}.theme-dark .text-slate-900,.theme-dark .text-slate-800,.theme-dark .text-slate-700{color:#f8fafc!important}.theme-dark .text-slate-600,.theme-dark .text-slate-500{color:#cbd5e1!important}.theme-dark .text-slate-400,.theme-dark .text-slate-300{color:#94a3b8!important}.theme-dark .text-green-700{color:#6ee95d!important}.theme-dark .text-rose-700{color:#fda4af!important}.theme-dark .border-slate-100,.theme-dark .border-slate-200,.theme-dark .border-slate-200\/70,.theme-dark .border-slate-300{border-color:#263445!important}.theme-dark .hover\:bg-white:hover,.theme-dark .hover\:bg-slate-50:hover,.theme-dark .hover\:bg-slate-100:hover{background-color:#1c2635!important}.theme-dark .hover\:text-slate-900:hover,.theme-dark .hover\:text-slate-700:hover,.theme-dark .hover\:text-slate-600:hover{color:#f8fafc!important}.theme-dark .sg-scrollbar{scrollbar-color:#475569 transparent}.theme-dark .sg-scrollbar::-webkit-scrollbar-thumb{background:#475569}@media (width<=640px){.theme-toggle-topbar{width:34px;height:34px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

/* Darkmode refinado - ícones e badges menos claros */
.theme-dark .home-recent-card{
  background:#131e2b!important;
  border-color:#25364a!important;
  box-shadow:none!important;
}
.theme-dark .home-recent-card:hover{
  background:#162234!important;
  border-color:#33506a!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.theme-dark .home-activity-icon,
.theme-dark .home-challenge-icon{
  background:color-mix(in srgb,currentColor 14%, #0b1220)!important;
  border-color:color-mix(in srgb,currentColor 38%, transparent)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

.theme-dark .home-activity-icon.tone-pink{color:#ff5fa2!important}
.theme-dark .home-activity-icon.tone-cyan{color:#67e8ff!important}
.theme-dark .home-activity-icon.tone-lime{color:#b7ff4a!important}
.theme-dark .home-activity-icon.tone-green,
.theme-dark .home-challenge-icon{color:#5cf5bf!important}

.theme-dark .home-status-dot.warning{
  background:#2a1a08!important;
  color:#ff9f43!important;
  border:1px solid rgba(255,159,67,.28)!important;
}
.theme-dark .home-status-dot.done{
  background:#0d2618!important;
  color:#3ddc84!important;
  border:1px solid rgba(61,220,132,.28)!important;
}

.theme-dark .home-stat-card span{
  background:color-mix(in srgb,currentColor 14%, #0b1220)!important;
  border:1px solid color-mix(in srgb,currentColor 34%, transparent)!important;
}
.theme-dark .home-stat-card.tone-sky span{color:#38bdf8!important}
.theme-dark .home-stat-card.tone-rose span{color:#fb7185!important}
.theme-dark .home-stat-card.tone-purple span{color:#c084fc!important}
.theme-dark .home-stat-card.tone-amber span{color:#fbbf24!important}

.theme-dark .subject-icon{
  background:color-mix(in srgb,currentColor 16%, #0b1220)!important;
  border-color:color-mix(in srgb,currentColor 42%, transparent)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.theme-dark .subject-button.is-active .subject-icon{
  background:color-mix(in srgb,currentColor 22%, #0b1220)!important;
  box-shadow:0 0 0 4px rgba(48,164,0,.18), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

.theme-dark .home-days button.active{
  background:#14351f!important;
  color:#9cff83!important;
  box-shadow:inset 0 0 0 1px rgba(156,255,131,.36)!important;
}
.theme-dark .home-days button.marked{
  border-color:#dbeafe!important;
  color:#f8fafc!important;
  background:transparent!important;
}

/* Ajuste solicitado: apenas no dark mode */
.theme-dark .subject-button {
  color: #94a3b8;
  background: transparent;
  padding: 10px 0px;
}

button.subject-button span {background-color: transparent!important;}