@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-amber-300:oklch(87.9% .169 91.605);--color-teal-300:oklch(85.5% .138 181.071);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--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: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.-left-3{left:calc(var(--spacing)*-3)}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.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)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-20{margin-top:calc(var(--spacing)*20)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-100{height:calc(var(--spacing)*100)}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-64{width:calc(var(--spacing)*64)}.w-300{width:calc(var(--spacing)*300)}.w-400{width:calc(var(--spacing)*400)}.w-\[14\%\]{width:14%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-500{max-width:calc(var(--spacing)*500)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}: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-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-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)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\(--radius\){border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[hsl\(var\(--border\)\)\]{border-color:hsl(var(--border))}.border-\[hsl\(var\(--destructive\)\/0\.3\)\]{border-color:hsl(var(--destructive)/.3)}.border-\[hsl\(var\(--primary\)\)\]{border-color:hsl(var(--primary))}.border-\[hsl\(var\(--primary\)\/0\.1\)\]{border-color:hsl(var(--primary)/.1)}.bg-\[hsl\(174\,82\%\,35\%\)\]{background-color:#10a294}.bg-\[hsl\(186\,93\%\,48\%\)\]{background-color:#09d5ec}.bg-\[hsl\(239\,84\%\,67\%\)\]{background-color:#6467f2}.bg-\[hsl\(263\,70\%\,72\%\)\]{background-color:#ac86ea}.bg-\[hsl\(var\(--accent\)\)\]{background-color:hsl(var(--accent))}.bg-\[hsl\(var\(--background\)\)\]{background-color:hsl(var(--background))}.bg-\[hsl\(var\(--card\)\)\]{background-color:hsl(var(--card))}.bg-\[hsl\(var\(--destructive\)\/0\.1\)\]{background-color:hsl(var(--destructive)/.1)}.bg-\[hsl\(var\(--input\)\)\]{background-color:hsl(var(--input))}.bg-\[hsl\(var\(--muted\)\)\]{background-color:hsl(var(--muted))}.bg-\[hsl\(var\(--primary\)\)\],.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--primary))10%,transparent)}}.bg-\[hsl\(var\(--primary\)\/0\.05\)\]{background-color:hsl(var(--primary)/.05)}.bg-\[hsl\(var\(--primary\)\/0\.15\)\]{background-color:hsl(var(--primary)/.15)}.bg-\[hsl\(var\(--secondary\)\)\]{background-color:hsl(var(--secondary))}.bg-amber-300{background-color:var(--color-amber-300)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[hsl\(var\(--primary\)\)\]{--tw-gradient-from:hsl(var(--primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent\)\)\]{--tw-gradient-to:hsl(var(--accent));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.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-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.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)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-10{padding-right:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-\[0\.875rem\]{font-size:.875rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[2rem\]{font-size:2rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[hsl\(--primary-foreground\)\]{color:hsl(--primary-foreground)}.text-\[hsl\(var\(--accent\)\)\]{color:hsl(var(--accent))}.text-\[hsl\(var\(--accent-foreground\)\)\]{color:hsl(var(--accent-foreground))}.text-\[hsl\(var\(--destructive\)\)\]{color:hsl(var(--destructive))}.text-\[hsl\(var\(--foreground\)\)\]{color:hsl(var(--foreground))}.text-\[hsl\(var\(--muted-foreground\)\)\]{color:hsl(var(--muted-foreground))}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.shadow-teal-300{--tw-shadow-color:oklch(85.5% .138 181.071)}@supports (color:color-mix(in lab,red,red)){.shadow-teal-300{--tw-shadow-color:color-mix(in oklab,var(--color-teal-300)var(--tw-shadow-alpha),transparent)}}.ring-\[hsl\(var\(--accent\)\)\]{--tw-ring-color:hsl(var(--accent))}.ring-\[hsl\(var\(--border\)\)\]{--tw-ring-color:hsl(var(--border))}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}@media(hover:hover){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:color-mix(in oklab,hsl(var(--primary))50%,transparent)}}.hover\:bg-\[hsl\(var\(--input\)\)\]:hover{background-color:hsl(var(--input))}.hover\:bg-\[hsl\(var\(--muted\)\)\]:hover{background-color:hsl(var(--muted))}.hover\:text-\[hsl\(var\(--foreground\)\)\]:hover{color:hsl(var(--foreground))}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-\[hsl\(var\(--accent\)\)\]:focus{--tw-ring-color:hsl(var(--accent))}.focus\:ring-\[hsl\(var\(--primary\)\)\]:focus{--tw-ring-color:hsl(var(--primary))}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing)*10)}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}#root{width:100%;max-width:1280px;margin:0 auto;padding:1rem}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.read-the-docs{color:#888}@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-lime-500:oklch(76.8% .233 130.85);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-purple-500:oklch(62.7% .265 303.9);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.-left-3{left:calc(var(--spacing)*-3)}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.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)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-20{margin-top:calc(var(--spacing)*20)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-100{height:calc(var(--spacing)*100)}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-64{width:calc(var(--spacing)*64)}.w-300{width:calc(var(--spacing)*300)}.w-400{width:calc(var(--spacing)*400)}.w-\[14\%\]{width:14%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-500{max-width:calc(var(--spacing)*500)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}: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-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-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)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\(--radius\){border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[hsl\(var\(--border\)\)\]{border-color:hsl(var(--border))}.border-\[hsl\(var\(--destructive\)\/0\.3\)\]{border-color:hsl(var(--destructive)/.3)}.border-\[hsl\(var\(--primary\)\)\]{border-color:hsl(var(--primary))}.border-\[hsl\(var\(--primary\)\/0\.1\)\]{border-color:hsl(var(--primary)/.1)}.bg-\[hsl\(174\,82\%\,35\%\)\]{background-color:#10a294}.bg-\[hsl\(186\,93\%\,48\%\)\]{background-color:#09d5ec}.bg-\[hsl\(239\,84\%\,67\%\)\]{background-color:#6467f2}.bg-\[hsl\(263\,70\%\,72\%\)\]{background-color:#ac86ea}.bg-\[hsl\(var\(--accent\)\)\]{background-color:hsl(var(--accent))}.bg-\[hsl\(var\(--background\)\)\]{background-color:hsl(var(--background))}.bg-\[hsl\(var\(--card\)\)\]{background-color:hsl(var(--card))}.bg-\[hsl\(var\(--destructive\)\/0\.1\)\]{background-color:hsl(var(--destructive)/.1)}.bg-\[hsl\(var\(--input\)\)\]{background-color:hsl(var(--input))}.bg-\[hsl\(var\(--muted\)\)\]{background-color:hsl(var(--muted))}.bg-\[hsl\(var\(--primary\)\)\],.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--primary))10%,transparent)}}.bg-\[hsl\(var\(--primary\)\/0\.05\)\]{background-color:hsl(var(--primary)/.05)}.bg-\[hsl\(var\(--primary\)\/0\.15\)\]{background-color:hsl(var(--primary)/.15)}.bg-\[hsl\(var\(--secondary\)\)\]{background-color:hsl(var(--secondary))}.bg-amber-300{background-color:var(--color-amber-300)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[hsl\(var\(--primary\)\)\]{--tw-gradient-from:hsl(var(--primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent\)\)\]{--tw-gradient-to:hsl(var(--accent));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.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-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.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)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-10{padding-right:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-\[0\.875rem\]{font-size:.875rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[2rem\]{font-size:2rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[hsl\(--primary-foreground\)\]{color:hsl(--primary-foreground)}.text-\[hsl\(var\(--accent\)\)\]{color:hsl(var(--accent))}.text-\[hsl\(var\(--accent-foreground\)\)\]{color:hsl(var(--accent-foreground))}.text-\[hsl\(var\(--destructive\)\)\]{color:hsl(var(--destructive))}.text-\[hsl\(var\(--foreground\)\)\]{color:hsl(var(--foreground))}.text-\[hsl\(var\(--muted-foreground\)\)\]{color:hsl(var(--muted-foreground))}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.shadow-teal-300{--tw-shadow-color:oklch(85.5% .138 181.071)}@supports (color:color-mix(in lab,red,red)){.shadow-teal-300{--tw-shadow-color:color-mix(in oklab,var(--color-teal-300)var(--tw-shadow-alpha),transparent)}}.ring-\[hsl\(var\(--accent\)\)\]{--tw-ring-color:hsl(var(--accent))}.ring-\[hsl\(var\(--border\)\)\]{--tw-ring-color:hsl(var(--border))}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}@media(hover:hover){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:color-mix(in oklab,hsl(var(--primary))50%,transparent)}}.hover\:bg-\[hsl\(var\(--input\)\)\]:hover{background-color:hsl(var(--input))}.hover\:bg-\[hsl\(var\(--muted\)\)\]:hover{background-color:hsl(var(--muted))}.hover\:text-\[hsl\(var\(--foreground\)\)\]:hover{color:hsl(var(--foreground))}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-\[hsl\(var\(--accent\)\)\]:focus{--tw-ring-color:hsl(var(--accent))}.focus\:ring-\[hsl\(var\(--primary\)\)\]:focus{--tw-ring-color:hsl(var(--primary))}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing)*10)}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:220 16% 14%;--background-secondary:220 18% 11%;--foreground:210 40% 98%;--card:220 16% 16%;--card-foreground:210 40% 98%;--popover:220 16% 16%;--popover-foreground:210 40% 98%;--primary:174 82% 35%;--primary-foreground:210 40% 98%;--primary-glow:174 82% 45%;--secondary:220 16% 22%;--secondary-foreground:210 40% 98%;--muted:220 16% 20%;--muted-foreground:215 20% 55%;--accent:186 93% 48%;--accent-foreground:220 16% 10%;--destructive:0 84% 60%;--destructive-foreground:210 40% 98%;--border:220 16% 24%;--input:220 16% 22%;--ring:174 82% 35%;--radius:.75rem;--timeline-dot:186 93% 48%;--timeline-line:220 16% 30%;--card-glow:174 82% 35%;--success:158 64% 52%;--warning:43 96% 56%;--sidebar-background:220 16% 12%;--sidebar-foreground:210 40% 98%;--sidebar-primary:174 82% 35%;--sidebar-primary-foreground:210 40% 98%;--sidebar-accent:220 16% 20%;--sidebar-accent-foreground:210 40% 98%;--sidebar-border:220 16% 24%;--sidebar-ring:174 82% 35%;--gradient-card:linear-gradient(135deg,#272b35 0%,#1e2229 100%);--gradient-primary:linear-gradient(135deg,#10a294 0%,#09d5ec 100%);--gradient-glow:radial-gradient(ellipse at center,#10a29426 0%,transparent 70%);background-color:#242424;font-family:Plus Jakarta Sans,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:hsl(var(--background));width:100%;min-width:320px;min-height:100vh;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);place-items:center;margin:0;font-family:Plus Jakarta Sans,sans-serif;display:flex}button,button:hover{cursor:pointer}button.section-btn{cursor:pointer;min-height:2.5rem}button:active,input:focus{border:none;outline:none}header#header{border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*4);border-bottom-width:1px;border-color:hsl(var(--border));background:hsl(var(--background-primary))}header#header nav{height:calc(var(--spacing)*15);width:100%;max-width:var(--container-7xl);justify-content:space-between;align-items:center;display:flex}nav h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}nav p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:hsl(var(--muted-foreground))}.theme-btn{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);background:hsl(var(--muted));border:1px solid hsl(var(--border))}nav ul li a{color:hsl(var(--muted-foreground))}nav ul li a:hover{background:hsl(var(--secondary));color:#fff}.theme-toggle-wrapper{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));transition:box-shadow .3s}.theme-toggle-wrapper:focus,.theme-toggle-wrapper:focus-visible,.theme-toggle-wrapper:active{box-shadow:0 0 0 3px hsla(var(--ring)/.5);outline:none}.theme-toggle-label{color:hsl(var(--foreground));font-weight:600}.theme-toggle-icon{color:hsl(var(--muted-foreground))}.theme-switch-track{background-color:hsl(var(--muted));cursor:pointer;border:none;border-radius:9999px;width:3.5rem;height:1.75rem;transition:background-color .3s;position:relative}.theme-switch-knob{background-color:hsl(var(--accent));width:1.25rem;height:1.25rem;box-shadow:0 0 8px hsla(var(--primary-glow)/.5);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:.25rem;left:.25rem}.theme-switch-track[aria-checked=true] .theme-switch-knob{transform:translate(1.75rem)}.theme-switch-track[aria-checked=true]{background-color:hsla(var(--primary)/.2)}.creation-wizard-h1{margin-top:calc(var(--spacing)*20);margin-bottom:calc(var(--spacing)*1);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-transform:capitalize}.creation-wizard-p{margin-bottom:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:hsl(var(--muted-foreground))}.new-habit{justify-content:center;gap:calc(var(--spacing)*6);background:hsl(var(--card));width:100%;color:hsl(var(--muted-foreground));flex-direction:column;display:flex}.welcome-board{margin-top:calc(var(--spacing)*-4);border-radius:var(--radius-2xl)}.buttons{gap:calc(var(--spacing)*2);width:100%;color:hsl(var(--foreground));display:flex}.buttons button:first-child{border-radius:var(--radius-2xl);background:linear-gradient(to right,hsl(var(--primary-glow)),hsl(var(--primary)));width:80%}.buttons button:nth-child(2){border-radius:var(--radius-2xl);background:hsl(var(--muted));border:1px solid hsl(var(--border));width:20%}.first-card-title{border-radius:var(--radius-2xl);padding:calc(var(--spacing)*4);background:hsl(var(--secondary))}.logo{padding:calc(var(--spacing)*2);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);background:hsl(var(--primary));border-radius:.25rem}.article-header{padding:calc(var(--spacing)*4);color:var(--color-white)}.count{top:calc(var(--spacing)*-4);left:calc(var(--spacing)*-2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.new-habit h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}.new-habit{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.first-card-title.basics{height:calc(var(--spacing)*25);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.first-card-title.basics .logo.t{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));justify-content:center;align-items:center;display:flex}.first-card-title.basics .article-header{margin-top:calc(var(--spacing)*-5);align-items:center;gap:calc(var(--spacing)*2);color:var(--color-white);display:flex}.buttons.basics{height:calc(var(--spacing)*12);justify-content:space-between;display:flex}.buttons.basics button:first-child{width:100%;font-size:18px}.buttons.basics button:nth-child(2){width:100%;font-size:16px}.first-card-title.basics .article-header .info{margin-top:calc(var(--spacing)*2)}.first-card-title.basics .article-header .info div{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);display:flex}.first-card-title.basics .info p{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);cursor:pointer;border-radius:3.40282e38px}.first-card-title.basics .info p.teal-dot{background-color:var(--color-teal-500)}.first-card-title.basics .info p.purple-dot{background-color:var(--color-purple-500)}.first-card-title.basics .info p.orange-dot{background-color:var(--color-orange-500)}.first-card-title.basics .info p.lemon-green-dot{background-color:var(--color-lime-500)}.first-card-title.basics .info{margin-left:1rem}.first-card-title.basics .info p.active{border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-white)}.icons-overlay-container{grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;display:grid}.icon-option{aspect-ratio:1;background:hsl(var(--card));border:2px solid hsl(var(--border));min-height:80px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-option:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--card));color:hsl(var(--foreground))}.icon-option.selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.icon-option:active{transform:scale(.95)}@media(max-width:1024px){.icons-overlay-container{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.icons-overlay-container{grid-template-columns:repeat(3,1fr);gap:.75rem}.icon-option{min-height:70px}}@media(max-width:480px){.icons-overlay-container{grid-template-columns:repeat(2,1fr);gap:.5rem}.icon-option{min-height:60px}}.first-card-title.type .logo.last-div{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));background:0 0}.first-card-title.type{height:calc(var(--spacing)*15)}.first-card-title.type .article-header{margin-top:calc(var(--spacing)*-5);align-items:center;gap:calc(var(--spacing)*2);display:flex}.buttons.type button:first-child,.buttons.type button:nth-child(2){width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.buttons button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);min-height:2.5rem}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex;position:relative;top:-12px}.custom-checkbox input{opacity:0;cursor:pointer;position:absolute}.checkmark{border:1px solid hsl(var(--muted-foreground));background-color:hsl(var(--muted));border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.checkmark:after{content:"";border:solid #fff;border-radius:50%;width:6px;height:6%;display:none;transform:rotate(45deg)}.custom-checkbox input:checked+.checkmark{background-color:hsl(var(--accent)/.3);border-color:hsl(var(--border))}.custom-checkbox input:checked+.checkmark:after{display:block}.custom-checkbox:hover .checkmark{border-color:hsl(var(--border))}.custom-checkbox input:focus+.checkmark{outline:2px solid hsl(var(--border));outline-offset:2px}.label-text{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.first-card-title.type .article-header .info{margin-top:calc(var(--spacing)*-1);margin-left:calc(var(--spacing)*2)}.first-card-title.type h3{align-items:center;gap:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-medium);font-size:1em;font-weight:var(--font-weight-medium);display:flex}.first-card-title.type p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:hsl(var(--muted-foreground))}.first-card-title.type h3 svg{height:calc(var(--spacing)*5);width:calc(var(--spacing)*4);color:hsl(var(--accent))}.first-card-title.small-rectanagle .article-header{margin-top:calc(var(--spacing)*-5);align-items:center;gap:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);display:flex}.first-card-title.small-rectanagle .logo{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));background:0 0}.first-card-title.small-rectanagle .logo.last-div,.first-card-title.small-rectanagle p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.new-habit.type{margin:calc(var(--spacing)*0);margin:100px auto}.habit-config-container{background-color:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:var(--radius)}.habit-text-muted{color:hsl(var(--muted-foreground))}.habit-text-accent{color:hsl(var(--accent))}.frequency-option{background:var(--gradient-card);border:1px solid hsl(var(--border));transition:all .2s ease-in-out}.frequency-option:hover{border-color:hsla(var(--primary)/.5)}.frequency-option.active{border-color:hsl(var(--primary));background:hsla(var(--primary)/.05)}.summary-box{background-color:hsla(var(--muted)/.4);border:1px solid hsl(var(--border))}.btn-next{background:hsl(var(--primary));color:#fff;width:100%}.btn-back{background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));color:#fff;width:100%}.step-badge{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.progress-pill-container{background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));box-shadow:0 10px 25px #0006}.progress-bar-fill{background-color:hsl(var(--accent))}.progress-bar-track{background-color:hsl(var(--muted))}.motivation-container{background-color:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:var(--radius)}.motivation-badge{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.motivation-option-row{background:var(--gradient-card);border:1px solid hsl(var(--border));transition:all .2s ease-in-out}.motivation-option-row:hover{border-color:hsla(var(--primary)/.4);transform:translateY(-1px)}.motivation-action-btn{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background-color:#0000;transition:background-color .2s}.motivation-action-btn:hover{background-color:hsl(var(--secondary))}.motivation-btn-finish{background:var(--gradient-primary);color:#fff;width:100%}.motivation-btn-finish:active{transform:scale(.98)}.motivation-btn-back{background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));color:#fff}.motivation-icon-accent{color:hsl(var(--accent))}.motivation-text-muted{color:hsl(var(--muted-foreground))}.motivation-circle-indicator{border:2px solid hsla(var(--muted-foreground)/.2)}.dashboard-container{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground))}.step-badge-dashboard{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.dashboard-title{color:hsl(var(--foreground))}.dashboard-description{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:hsl(var(--muted-foreground))}.dashboard-menu-item{height:calc(var(--spacing)*15);border-radius:var(--radius-xl);padding:0 1em;transition:opacity .2s}.dashboard-menu-item:hover{background-color:hsl(var(--secondary))}.dashboard-icon{color:hsl(var(--accent))}.dashboard-link-text{color:hsl(var(--foreground))}.dashboard-footer-pill{background-color:hsl(var(--secondary));border:1px solid hsl(var(--border))}.dashboard-progress-track{background-color:hsl(var(--muted))}.dashboard-progress-fill{background-color:hsl(var(--accent))}.dashboard-step-text{color:hsl(var(--muted-foreground))}.dashboard-step-highlight{color:hsl(var(--foreground))}.settings-container{background:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground))}.settings-header{padding:1.5rem 2rem}.back-button{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;transition:color .2s;display:flex}.back-button:hover{color:hsl(var(--foreground))}.settings-title{color:hsl(var(--foreground));font-size:1.875rem;font-weight:600;line-height:1.2}.settings-subtitle{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.875rem}.settings-layout{grid-template-columns:320px 1fr;gap:1.5rem;padding:0 2rem 2rem;display:grid}.settings-sidebar{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1rem}.settings-menu{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.menu-item{cursor:pointer;width:100%;color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.menu-item:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.menu-item.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.menu-item-content{align-items:center;gap:.75rem;display:flex}.menu-item-label{font-size:.875rem;font-weight:500}.settings-content{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem}.section-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.section-icon{color:hsl(var(--primary))}.section-title{color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;line-height:1.2}.section-description{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.875rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section.border-top{border-top:1px solid hsl(var(--border));padding-top:1.5rem}.subsection-title{color:hsl(var(--foreground));margin-bottom:1rem;font-size:1.125rem;font-weight:500}.theme-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.theme-card{border:2px solid hsl(var(--border));background:hsl(var(--background-secondary));cursor:pointer;border-radius:.75rem;padding:1.5rem;transition:all .2s;position:relative}.theme-card:hover{border-color:hsl(var(--border)/.6)}.theme-card.selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.05)}.theme-card-content{align-items:center;gap:1rem;display:flex}.radio-button{border:2px solid hsl(var(--border));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.theme-card.selected .radio-button{border-color:hsl(var(--primary))}.radio-dot{background:hsl(var(--primary));border-radius:50%;width:.75rem;height:.75rem}.color-preview{flex-shrink:0;gap:.5rem;display:flex}.color-circle{border:1px solid hsl(var(--border)/.2);border-radius:50%;width:2rem;height:2rem}.color-circle.teal-primary{background:#10a294}.color-circle.teal-accent{background:#09d5ec}.color-circle.purple-primary{background:#6467f2}.color-circle.purple-accent{background:#ac86ea}.theme-info{text-align:left}.theme-name{color:hsl(var(--foreground));font-size:.9375rem;font-weight:500}.theme-label{color:hsl(var(--muted-foreground));margin-top:.125rem;font-size:.875rem}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-description{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.875rem}.toggle-switch{background:hsl(var(--secondary));cursor:pointer;border:none;border-radius:9999px;align-items:center;width:3.5rem;height:2rem;transition:background-color .2s;display:inline-flex;position:relative}.toggle-switch.active{background:hsl(var(--primary))}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .2s;display:inline-block;transform:translate(.25rem)}.toggle-switch.active .toggle-knob{transform:translate(1.75rem)}.time-input-wrapper{align-items:center;max-width:10rem;display:inline-flex;position:relative}.time-input{border:1px solid hsl(var(--border));background:hsl(var(--input));color:hsl(var(--foreground));cursor:pointer;border-radius:.5rem;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;font-weight:500}.time-input:disabled{opacity:.5;cursor:not-allowed}.time-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.time-icon{color:hsl(var(--muted-foreground));pointer-events:none;position:absolute;right:.75rem}.select-wrapper{max-width:12rem;position:relative}.custom-select{border:1px solid hsl(var(--border));background:hsl(var(--input));width:100%;color:hsl(var(--foreground));cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;font-weight:500}.custom-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.custom-select:hover{border-color:hsl(var(--border)/.8)}.custom-select option{background:hsl(var(--card));color:hsl(var(--foreground));padding:.5rem}.data-actions{flex-wrap:wrap;gap:1rem;display:flex}.action-button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.action-button.secondary{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.action-button.secondary:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--border)/.6)}.action-button.destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.action-button.destructive:hover{background:hsl(var(--destructive)/.9)}.action-button:active{transform:scale(.98)}.account-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.account-icon-wrapper{background:hsl(var(--primary));border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:2rem;display:flex}.account-icon{color:hsl(var(--primary-foreground))}.account-coming-soon{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.account-version{color:hsl(var(--muted-foreground));font-size:.875rem}.empty-state{text-align:center;padding:3rem}.empty-state-text{color:hsl(var(--muted-foreground));font-size:1.125rem}@media(max-width:1024px){.settings-layout,.theme-grid{grid-template-columns:1fr}}.today-container{min-height:100vh;padding:3rem 2rem;max-width:1200px;margin:0 auto}.header-main{background:hsl(var(--background-secondary));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:50}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1400px;margin:0 auto}.logo-container{text-decoration:none}.header-title{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;line-height:1.2}.header-subtitle{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.2}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;color:hsl(var(--muted-foreground));background:transparent;border-radius:.5rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background:hsl(var(--secondary))}.desktop-navigation{display:flex;align-items:center;gap:1.5rem}.hamburger-button{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;transition:all .2s}.hamburger-button:hover{background:hsl(var(--secondary))}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:60;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:hsl(var(--card));border-left:1px solid hsl(var(--border));padding:1.5rem;z-index:70;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:hsl(var(--foreground));background:transparent;border-radius:.5rem;text-decoration:none;font-size:1rem;font-weight:500;transition:background-color .2s}.mobile-nav-link:hover{background:hsl(var(--secondary))}@media(max-width:768px){.desktop-navigation{display:none}.hamburger-button{display:flex}.today-container{padding:2rem 1rem}.greeting-icon-wrapper{width:3.5rem;height:3.5rem}.greeting-title{font-size:1.75rem}.greeting-subtitle{font-size:.875rem}.day-text{font-size:1rem}.progress-card{padding:1.5rem}.progress-title{font-size:1.5rem}.progress-percentage{font-size:1.75rem}.daily-tip-card{padding:1.5rem;gap:1rem}.tip-icon-wrapper{width:2.5rem;height:2.5rem}.timer-display{font-size:1.5rem}}@media(max-width:480px){.header-nav{padding:.875rem 1rem}.header-title{font-size:1.125rem}.header-subtitle{font-size:.6875rem}}@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-amber-300:oklch(87.9% .169 91.605);--color-teal-300:oklch(85.5% .138 181.071);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--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: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.-left-3{left:calc(var(--spacing)*-3)}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.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)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-20{margin-top:calc(var(--spacing)*20)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-100{height:calc(var(--spacing)*100)}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-64{width:calc(var(--spacing)*64)}.w-300{width:calc(var(--spacing)*300)}.w-400{width:calc(var(--spacing)*400)}.w-\[14\%\]{width:14%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-500{max-width:calc(var(--spacing)*500)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}: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-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-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)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\(--radius\){border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[hsl\(var\(--border\)\)\]{border-color:hsl(var(--border))}.border-\[hsl\(var\(--destructive\)\/0\.3\)\]{border-color:hsl(var(--destructive)/.3)}.border-\[hsl\(var\(--primary\)\)\]{border-color:hsl(var(--primary))}.border-\[hsl\(var\(--primary\)\/0\.1\)\]{border-color:hsl(var(--primary)/.1)}.bg-\[hsl\(174\,82\%\,35\%\)\]{background-color:#10a294}.bg-\[hsl\(186\,93\%\,48\%\)\]{background-color:#09d5ec}.bg-\[hsl\(239\,84\%\,67\%\)\]{background-color:#6467f2}.bg-\[hsl\(263\,70\%\,72\%\)\]{background-color:#ac86ea}.bg-\[hsl\(var\(--accent\)\)\]{background-color:hsl(var(--accent))}.bg-\[hsl\(var\(--background\)\)\]{background-color:hsl(var(--background))}.bg-\[hsl\(var\(--card\)\)\]{background-color:hsl(var(--card))}.bg-\[hsl\(var\(--destructive\)\/0\.1\)\]{background-color:hsl(var(--destructive)/.1)}.bg-\[hsl\(var\(--input\)\)\]{background-color:hsl(var(--input))}.bg-\[hsl\(var\(--muted\)\)\]{background-color:hsl(var(--muted))}.bg-\[hsl\(var\(--primary\)\)\],.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--primary))10%,transparent)}}.bg-\[hsl\(var\(--primary\)\/0\.05\)\]{background-color:hsl(var(--primary)/.05)}.bg-\[hsl\(var\(--primary\)\/0\.15\)\]{background-color:hsl(var(--primary)/.15)}.bg-\[hsl\(var\(--secondary\)\)\]{background-color:hsl(var(--secondary))}.bg-amber-300{background-color:var(--color-amber-300)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[hsl\(var\(--primary\)\)\]{--tw-gradient-from:hsl(var(--primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent\)\)\]{--tw-gradient-to:hsl(var(--accent));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.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-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.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)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-10{padding-right:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-\[0\.875rem\]{font-size:.875rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[2rem\]{font-size:2rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[hsl\(--primary-foreground\)\]{color:hsl(--primary-foreground)}.text-\[hsl\(var\(--accent\)\)\]{color:hsl(var(--accent))}.text-\[hsl\(var\(--accent-foreground\)\)\]{color:hsl(var(--accent-foreground))}.text-\[hsl\(var\(--destructive\)\)\]{color:hsl(var(--destructive))}.text-\[hsl\(var\(--foreground\)\)\]{color:hsl(var(--foreground))}.text-\[hsl\(var\(--muted-foreground\)\)\]{color:hsl(var(--muted-foreground))}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.shadow-teal-300{--tw-shadow-color:oklch(85.5% .138 181.071)}@supports (color:color-mix(in lab,red,red)){.shadow-teal-300{--tw-shadow-color:color-mix(in oklab,var(--color-teal-300)var(--tw-shadow-alpha),transparent)}}.ring-\[hsl\(var\(--accent\)\)\]{--tw-ring-color:hsl(var(--accent))}.ring-\[hsl\(var\(--border\)\)\]{--tw-ring-color:hsl(var(--border))}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}@media(hover:hover){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:color-mix(in oklab,hsl(var(--primary))50%,transparent)}}.hover\:bg-\[hsl\(var\(--input\)\)\]:hover{background-color:hsl(var(--input))}.hover\:bg-\[hsl\(var\(--muted\)\)\]:hover{background-color:hsl(var(--muted))}.hover\:text-\[hsl\(var\(--foreground\)\)\]:hover{color:hsl(var(--foreground))}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-\[hsl\(var\(--accent\)\)\]:focus{--tw-ring-color:hsl(var(--accent))}.focus\:ring-\[hsl\(var\(--primary\)\)\]:focus{--tw-ring-color:hsl(var(--primary))}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing)*10)}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:220 16% 14%;--background-secondary:220 18% 11%;--foreground:210 40% 98%;--card:220 16% 16%;--card-foreground:210 40% 98%;--popover:220 16% 16%;--popover-foreground:210 40% 98%;--primary:174 82% 35%;--primary-foreground:210 40% 98%;--primary-glow:174 82% 45%;--secondary:220 16% 22%;--secondary-foreground:210 40% 98%;--muted:220 16% 20%;--muted-foreground:215 20% 55%;--accent:186 93% 48%;--accent-foreground:220 16% 10%;--destructive:0 84% 60%;--destructive-foreground:210 40% 98%;--border:220 16% 24%;--input:220 16% 22%;--ring:174 82% 35%;--radius:.75rem;--timeline-dot:186 93% 48%;--timeline-line:220 16% 30%;--card-glow:174 82% 35%;--success:158 64% 52%;--warning:43 96% 56%;--sidebar-background:220 16% 12%;--sidebar-foreground:210 40% 98%;--sidebar-primary:174 82% 35%;--sidebar-primary-foreground:210 40% 98%;--sidebar-accent:220 16% 20%;--sidebar-accent-foreground:210 40% 98%;--sidebar-border:220 16% 24%;--sidebar-ring:174 82% 35%;--gradient-card:linear-gradient(135deg,#272b35 0%,#1e2229 100%);--gradient-primary:linear-gradient(135deg,#10a294 0%,#09d5ec 100%);--gradient-glow:radial-gradient(ellipse at center,#10a29426 0%,transparent 70%);background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.theme-purple{--background:250 30% 14%;--background-secondary:250 35% 10%;--foreground:210 40% 98%;--card:250 25% 18%;--card-foreground:210 40% 98%;--popover:250 25% 18%;--popover-foreground:210 40% 98%;--primary:239 84% 67%;--primary-foreground:210 40% 98%;--primary-glow:263 70% 50%;--secondary:250 25% 24%;--secondary-foreground:210 40% 98%;--muted:250 25% 22%;--muted-foreground:250 20% 55%;--accent:263 70% 72%;--accent-foreground:250 30% 10%;--border:250 25% 28%;--input:250 25% 24%;--ring:239 84% 67%;--timeline-dot:263 70% 72%;--timeline-line:250 25% 32%;--card-glow:239 84% 67%;--success:158 64% 52%;--warning:43 96% 56%;--sidebar-background:250 30% 12%;--sidebar-foreground:210 40% 98%;--sidebar-primary:239 84% 67%;--sidebar-primary-foreground:210 40% 98%;--sidebar-accent:250 25% 22%;--sidebar-accent-foreground:210 40% 98%;--sidebar-border:250 25% 28%;--sidebar-ring:239 84% 67%;--gradient-card:linear-gradient(135deg,#2a2640 0%,#221f33 100%);--gradient-primary:linear-gradient(135deg,#6467f2 0%,#ac86ea 100%);--gradient-glow:radial-gradient(ellipse at center,#6467f226 0%,transparent 70%)}.dashboard-container{background:hsl(var(--background))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:0,75rem;transition:all .2s}.stat-card:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 4px 12px hsl(var(--primary)/.1);cursor:pointer;transform:translateY(-2px)}.stat-icon-wrapper{border-radius:.75rem}.stat-value{color:hsl(var(--foreground));line-height:1.2}.stat-label{color:hsl(var(--muted-foreground))}.habit-icon-teal{background:hsl(var(--primary)/.15)}.habit-name{color:hsl(var(--foreground));margin-bottom:.25rem;font-size:1.125rem;font-weight:600;line-height:1.2}.habit-type{color:hsl(var(--muted-foreground));font-size:.875rem}.habit-stats{margin-bottom:1.25rem}.habit-streak{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.streak-icon{color:hsl(var(--primary))}.streak-text{color:hsl(var(--foreground));font-size:.875rem;font-weight:500}.habit-rate{color:hsl(var(--muted-foreground));margin-left:auto;font-size:.875rem}.habit-progress-bar{background:hsl(var(--secondary));border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.habit-progress-fill{background:hsl(var(--primary));border-radius:9999px;height:100%;transition:width .3s}.habit-actions{gap:.75rem;display:flex}.habit-action-button{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.habit-action-button:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--border)/.6)}.habit-action-button.secondary{background:0 0}.habit-action-button.secondary:hover{background:hsl(var(--secondary))}@media(max-width:768px){.dashboard-container{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{text-align:center;flex-direction:column}.stat-value{font-size:1.5rem}.habits-grid{grid-template-columns:1fr}.habits-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-habit-button{justify-content:center;width:100%}}.add-habit-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.add-habit-button:hover{background:hsl(var(--primary)/.9);color:hsl(var(--primary-foreground));box-shadow:0 4px 12px hsl(var(--primary)/.3);transform:translateY(-1px)}.add-habit-button:active{transform:translateY(0)}.dashboard-container{background:hsl(var(--background));min-height:100vh;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex}.stat-card:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 4px 12px hsl(var(--primary)/.1);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.stat-icon-teal,.stat-icon-blue,.stat-icon-green,.stat-icon-gold{background:hsl(var(--primary)/.15);color:hsl(var(--primary))}.stat-content{flex:1}.stat-value{color:hsl(var(--foreground));margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.habits-section{margin-top:2rem}.habits-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.habits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.habits-grid article{border:1px solid hsl(var(--border))}.habits-title{color:hsl(var(--foreground));font-size:1.875rem;font-weight:700}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value: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-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}.today-container{min-height:100vh;background:hsl(var(--background));padding:3rem 2rem;max-width:1200px;margin:0 auto}.greeting-icon-wrapper{width:4rem;height:4rem;border-radius:1rem;background:hsl(var(--primary));display:flex;align-items:center;justify-content:center;color:hsl(var(--primary-foreground));flex-shrink:0}.greeting-title{font-size:2.25rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2;margin-bottom:.25rem}.greeting-subtitle{font-size:1rem;color:hsl(var(--muted-foreground));font-weight:500}.day-text{font-size:1.125rem;color:hsl(var(--foreground));line-height:1.6}.day-highlight,.habits-highlight{color:hsl(var(--primary));font-weight:600}.progress-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:2rem;margin-bottom:1.5rem}.progress-label{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500;margin-bottom:.5rem}.progress-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2}.progress-percentage{font-size:2rem;font-weight:700;color:hsl(var(--primary));line-height:1}.progress-bar-container{width:100%;height:.75rem;background:hsl(var(--secondary));border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:hsl(var(--primary));border-radius:9999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.daily-tip-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:3rem}.tip-icon-wrapper{width:2.75rem;height:2.75rem;border-radius:.75rem;background:hsl(var(--primary) / .15);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));flex-shrink:0}.tip-title{font-size:1rem;font-weight:600;color:hsl(var(--primary));margin-bottom:.5rem;line-height:1.2}.tip-content{font-size:.9375rem;color:hsl(var(--foreground));line-height:1.6}.section-title-with-icon svg{color:hsl(var(--primary))}.habit-tracker-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.habit-tracker-card.completed{border-color:hsl(var(--primary));background:hsl(var(--primary) / .03)}.habit-tracker-icon{width:3rem;height:3rem;border-radius:.75rem;background:hsl(var(--primary) / .15);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.habit-tracker-name{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));line-height:1.2;margin-bottom:.25rem}.habit-tracker-type{font-size:.875rem;color:hsl(var(--muted-foreground))}.completion-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;background:hsl(var(--primary) / .15);color:hsl(var(--primary));font-size:.875rem;font-weight:600}.timer-display{font-size:2rem;font-weight:700;color:hsl(var(--primary));font-variant-numeric:tabular-nums}.start-button,.pause-button,.complete-button,.mark-done-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.start-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.start-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.pause-button{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.pause-button:hover{background:hsl(var(--secondary) / .8)}.complete-button{background:hsl(var(--success));color:#fff}.complete-button:hover{background:hsl(var(--success) / .9);transform:translateY(-1px)}.mark-done-button{width:100%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));justify-content:center}.mark-done-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.target-text{font-size:.875rem;color:hsl(var(--muted-foreground))}.quantity-button{width:2.5rem;height:2.5rem;border-radius:.5rem;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quantity-button:hover:not(:disabled){background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary));transform:scale(1.05)}.quantity-button:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:2rem;font-weight:700;color:hsl(var(--primary));min-width:3rem;text-align:center}.quantity-target{font-size:.875rem;color:hsl(var(--muted-foreground))}.habit-progress-bar-full{width:100%;height:.5rem;background:hsl(var(--secondary));border-radius:9999px;overflow:hidden;margin-bottom:1rem}.habit-progress-fill-full{height:100%;width:100%;background:hsl(var(--primary));border-radius:9999px;animation:fillProgress .5s cubic-bezier(.4,0,.2,1)}@keyframes fillProgress{0%{width:0%}to{width:100%}}.completion-status{display:flex;align-items:center;gap:.5rem;color:hsl(var(--primary));font-size:.875rem;font-weight:600}.undo-button{width:2rem;height:2rem;border-radius:.375rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .3);color:hsl(var(--destructive));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.undo-button:hover{background:hsl(var(--destructive) / .2);transform:scale(1.05)}.success-message{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-radius:.5rem;background:hsl(var(--success) / .1);border:1px solid hsl(var(--success) / .3);color:hsl(var(--success));font-size:.875rem;font-weight:500;margin-top:1rem;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.reminder-message{padding:.75rem 1rem;border-radius:.5rem;background:hsl(var(--warning) / .1);border:1px solid hsl(var(--warning) / .3);color:hsl(var(--warning));font-size:.875rem;font-weight:500;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.action-btn.secondary{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.action-btn.secondary:hover{background:hsl(var(--secondary) / .8);transform:translateY(-1px)}.action-btn.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.action-btn.primary:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}@media(max-width:768px){.today-container{padding:2rem 1rem}.greeting-icon-wrapper{width:3.5rem;height:3.5rem}.greeting-title{font-size:1.75rem}.greeting-subtitle{font-size:.875rem}.day-text{font-size:1rem}.progress-card{padding:1.5rem}.progress-title{font-size:1.5rem}.progress-percentage{font-size:1.75rem}.daily-tip-card{padding:1.5rem;gap:1rem}.tip-icon-wrapper{width:2.5rem;height:2.5rem}.timer-display{font-size:1.5rem}}.habit-insights-container{min-height:100vh;background:hsl(var(--background));padding:2rem;max-width:1400px;margin:0 auto;font-family:Plus Jakarta Sans,sans-serif}.insights-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button-insights{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;transition:all .2s}.back-button-insights:hover{background:hsl(var(--secondary) / .8)}.habit-icon-insights{width:3.5rem;height:3.5rem;border-radius:.75rem;background:hsl(var(--primary) / .15);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.insights-title{font-size:1.875rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2;margin-bottom:.25rem}.insights-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground))}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.5rem;width:fit-content}.tab-button{padding:.625rem 1.25rem;border-radius:.5rem;background:transparent;border:none;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-button.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tab-button:hover:not(.active){background:hsl(var(--secondary));color:hsl(var(--foreground))}.period-filter{display:flex;gap:.5rem;margin-bottom:2rem}.period-button{padding:.625rem 1rem;border-radius:.5rem;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.period-button.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.period-button:hover:not(.active){background:hsl(var(--secondary) / .8)}.stats-grid-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card-insights{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon-wrapper-insights{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-teal{background:hsl(var(--primary) / .15)}.text-primary{color:hsl(var(--primary))}.stat-icon-green{background:hsl(var(--success) / .15)}.text-success{color:hsl(var(--success))}.stat-icon-gold{background:hsl(var(--warning) / .15)}.text-warning{color:hsl(var(--warning))}.stat-value-insights{font-size:1.875rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2;margin-bottom:.25rem}.stat-label-insights{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.heatmap-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;margin-bottom:1.5rem}.heatmap-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.heatmap-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,14px));gap:4px;margin-bottom:1.5rem}.heatmap-cell{width:14px;height:14px;border-radius:3px;transition:all .2s;cursor:pointer}.heatmap-cell.completed{background:hsl(var(--primary))}.heatmap-cell.missed{background:hsl(var(--secondary))}.heatmap-cell:hover{transform:scale(1.2);box-shadow:0 0 8px hsl(var(--primary) / .5)}.heatmap-legend{display:flex;gap:1.5rem;align-items:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:14px;height:14px;border-radius:3px}.legend-dot.completed{background:hsl(var(--primary))}.legend-dot.missed{background:hsl(var(--secondary))}.text-muted{color:hsl(var(--muted-foreground))}.text-primary-custom{color:hsl(var(--primary))}.insights-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.75rem;margin-bottom:2rem}.insights-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.insights-card-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.insights-card-content{padding:1rem;background:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .2);border-radius:.5rem}.insight-text{font-size:.9375rem;color:hsl(var(--foreground));line-height:1.6}.insights-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-button-insights{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.action-button-insights.secondary{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.action-button-insights.secondary:hover{background:hsl(var(--secondary) / .8)}.action-button-insights.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.action-button-insights.primary:hover{background:hsl(var(--primary) / .9)}@media(max-width:1024px){.stats-grid-insights{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.habit-insights-container{padding:1rem}.insights-header{flex-wrap:wrap}.tabs-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}.period-filter{width:100%;justify-content:stretch}.period-button{flex:1}.stats-grid-insights{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(12px,12px));gap:3px}.heatmap-cell{width:12px;height:12px}.insights-actions{flex-direction:column}.action-button-insights{width:100%;justify-content:center}}@media(max-width:480px){.insights-title,.stat-value-insights{font-size:1.5rem}.heatmap-section{padding:1.25rem}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(10px,10px));gap:2px}.heatmap-cell{width:10px;height:10px}}.insights-cards-section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.insights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{display:flex;gap:1rem;padding:1.25rem;border-radius:.875rem;border:1px solid;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUp .4s ease-out}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.insight-card.insight-positive{background:linear-gradient(135deg,#36d3991a,#36d3990d);border-color:#36d3994d}.insight-card.insight-positive .insight-icon{background:#36d39933;color:#36d399}.insight-card.insight-positive .insight-text{color:#009961;font-weight:500}.insight-card.insight-warning{background:linear-gradient(135deg,#fbbd231a,#fbbd230d);border-color:#fbbd234d}.insight-card.insight-warning .insight-icon{background:#fbbd2333;color:#fbbd23}.insight-card.insight-warning .insight-text{color:#b37700;font-weight:500}.insight-icon{width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.insight-card:hover .insight-icon{transform:scale(1.1)}.insight-text{font-size:.95rem;line-height:1.5;flex:1}.charts-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;margin-bottom:2rem}.day-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:1.25rem;align-items:flex-end}.day-chart-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.day-bar-container{width:100%;height:150px;background:hsl(var(--secondary));border-radius:.5rem;overflow:hidden;display:flex;align-items:flex-end}.day-bar{width:100%;background:linear-gradient(180deg,hsl(var(--accent)),#10a294);transition:all .3s ease;border-radius:.375rem;min-height:2px}.day-bar-container:hover .day-bar{background:linear-gradient(180deg,#09d5ec,#10a294);filter:brightness(1.2)}.day-label{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.day-name{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase}.day-rate{font-size:.875rem;font-weight:700;color:hsl(var(--foreground))}.statistics-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;margin-bottom:2rem}.stats-detailed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.detailed-stat{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.detailed-stat:hover{background:hsl(var(--secondary) / .8);border-color:hsl(var(--primary));transform:translateY(-2px)}.detailed-stat label{display:block;font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.detailed-value{font-size:1.75rem;font-weight:700;color:hsl(var(--accent))}.best-worst-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.best-day-card,.worst-day-card{padding:1.5rem;border-radius:.875rem;border:1px solid hsl(var(--border))}.best-day-card{background:linear-gradient(135deg,#36d3991a,#36d3990d);border-color:#36d3994d}.worst-day-card{background:linear-gradient(135deg,#fbbd231a,#fbbd230d);border-color:#fbbd234d}.best-day-card h3,.worst-day-card h3{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.75rem}.day-name-large{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.25rem}.day-rate-large{font-size:.875rem;color:hsl(var(--muted-foreground))}.history-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:2rem;margin-bottom:2rem}.history-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:hsl(var(--secondary));border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:hsl(var(--primary));border-radius:3px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-radius:.625rem;border:1px solid hsl(var(--border));transition:all .2s ease}.history-item.completed{background:#36d39914;border-color:#36d39933}.history-item.missed{background:#ef434314;border-color:#ef434333}.history-item:hover{border-color:hsl(var(--primary));background:hsl(var(--secondary))}.history-date{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));min-width:150px}.history-status{display:flex;gap:.5rem}.badge-completed{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#36d39933;color:#009961;border-radius:.5rem;font-size:.75rem;font-weight:600}.badge-missed{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#ef434333;color:#ef4343;border-radius:.5rem;font-size:.75rem;font-weight:600}