*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-inset-x-2{left:-.5rem;right:-.5rem}.-top-3{top:-.75rem}.bottom-\[8\%\]{bottom:8%}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[16\%\]{top:16%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-4{margin-bottom:-1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[140px\]{min-height:140px}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[220px\]{min-height:220px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[44px\]{min-width:44px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[220px\]{max-width:220px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-rotate-1{--tw-rotate: -1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--border-subtle\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-subtle)}.divide-\[var\(--border-subtle-dark\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-subtle-dark)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--border-subtle-dark\)\]{border-color:var(--border-subtle-dark)}.border-\[var\(--sunlight\)\]{border-color:var(--sunlight)}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-inherit{border-color:inherit}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400\/60{border-color:#f8717199}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.border-stone-600{--tw-border-opacity: 1;border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))}.bg-\[rgb\(var\(--green-pastel-rgb\)\/15\%\)\]{background-color:rgb(var(--green-pastel-rgb)/15%)}.bg-\[rgb\(var\(--green-pastel-rgb\)\/40\%\)\]{background-color:rgb(var(--green-pastel-rgb)/40%)}.bg-\[rgb\(var\(--green-pastel-rgb\)\/60\%\)\]{background-color:rgb(var(--green-pastel-rgb)/60%)}.bg-\[rgb\(var\(--green-pastel-rgb\)\/80\%\)\]{background-color:rgb(var(--green-pastel-rgb)/80%)}.bg-\[var\(--badge-bg\)\]{background-color:var(--badge-bg)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-primary-dark\)\]{background-color:var(--bg-primary-dark)}.bg-\[var\(--border-subtle-dark\)\]{background-color:var(--border-subtle-dark)}.bg-\[var\(--green-pastel\)\]{background-color:var(--green-pastel)}.bg-\[var\(--overlay-bg\)\]{background-color:var(--overlay-bg)}.bg-\[var\(--overlay-bg-dark\)\]{background-color:var(--overlay-bg-dark)}.bg-\[var\(--stats-panel-bg\)\]{background-color:var(--stats-panel-bg)}.bg-\[var\(--surface-alt\)\]{background-color:var(--surface-alt)}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-950\/40{background-color:#450a0a66}.bg-stone-700{--tw-bg-opacity: 1;background-color:rgb(68 64 60 / var(--tw-bg-opacity, 1))}.bg-stone-700\/50{background-color:#44403c80}.bg-stone-800{--tw-bg-opacity: 1;background-color:rgb(41 37 36 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.p-0{padding:0}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.625rem\]{font-size:.625rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-\[1\.03\]{line-height:1.03}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--dark-green\)\]{color:var(--dark-green)}.text-\[var\(--green-pastel\)\]{color:var(--green-pastel)}.text-\[var\(--heading-dark\)\]{color:var(--heading-dark)}.text-\[var\(--heading-light\)\]{color:var(--heading-light)}.text-\[var\(--text-on-accent\)\]{color:var(--text-on-accent)}.text-\[var\(--text-primary-dark\)\]{color:var(--text-primary-dark)}.text-\[var\(--text-primary-light\)\]{color:var(--text-primary-light)}.text-\[var\(--text-secondary-dark\)\]{color:var(--text-secondary-dark)}.text-\[var\(--text-secondary-light\)\]{color:var(--text-secondary-light)}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-stone-100{--tw-text-opacity: 1;color:rgb(245 245 244 / var(--tw-text-opacity, 1))}.text-stone-400{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[4px_4px_10px_var\(--shadow-dark\)\,-4px_-4px_10px_var\(--shadow-light\)\]{--tw-shadow: 4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light);--tw-shadow-colored: 4px 4px 10px var(--tw-shadow-color), -4px -4px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[4px_4px_10px_var\(--shadow-dark-dark\)\,-4px_-4px_10px_var\(--shadow-light-dark\)\]{--tw-shadow: 4px 4px 10px var(--shadow-dark-dark),-4px -4px 10px var(--shadow-light-dark);--tw-shadow-colored: 4px 4px 10px var(--tw-shadow-color), -4px -4px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-neu{--tw-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-neu-dark{--tw-shadow: 8px 8px 16px var(--shadow-dark-dark), -8px -8px 16px var(--shadow-light-dark);--tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-offset-0{outline-offset:0px}.outline-transparent{outline-color:transparent}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--green-pastel\)\]{--tw-ring-color: var(--green-pastel)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--bg-primary: #f4ede4;--bg-primary-rgb: 244 237 228;--shadow-dark: #d0c5b4;--shadow-light: #ffffff;--bg-primary-dark: #1c1917;--bg-primary-dark-rgb: 28 25 23;--shadow-dark-dark: #0c0a09;--shadow-light-dark: #292524;--text-primary-light: #4a3d2e;--text-primary-dark: #e8dcc8;--text-secondary-light: #7a6a58;--text-secondary-dark: #b8a890;--heading-light: #2e2419;--heading-dark: #f5ead9;--text-on-accent: #4a3d2e;--dark-green: #5C8C3B;--green-pastel: #B4D25C;--green-checked-end: #4ade80;--sunlight: #FFD89C;--sunlight-hover: #FFC97D;--clay-red: #E58A7B;--clay-red-hover: #D97565;--skyblue: #B8DDE8;--skyblue-hover: #A5D3E0;--warm-neutral: #E6DDD5;--warm-neutral-hover: #D8CFC7;--mint: #D4E8D0;--mint-hover: #C4DEC0;--green-pastel-rgb: 180 210 92;--green-checked-end-rgb: 74 222 128;--surface-alt: #F5F0EA;--surface-alt-hover: #EDE8E3;--border-subtle: #E0D8D0;--border-subtle-dark: #3a332c;--badge-bg: #F0EBE4;--stats-panel-bg: #FAF7F3;--section-bg: #F6F1E9;--card-bg: #F8F4EF;--overlay-bg: #FAF8F4;--section-bg-dark: #26221E;--card-bg-dark: #302A25;--overlay-bg-dark: #3A332C}body{margin:0;padding:0;background:#f4ede4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.neu-inset{box-shadow:inset 0 2px 6px #a08a7638,inset 0 1px 2px #a08a7624}.neu-inset-dark{box-shadow:inset 0 2px 8px #00000073,inset 0 1px 2px #0000004d}.neu-inset-small{box-shadow:inset 0 1px 4px #a08a762e,inset 0 1px 2px #a08a761a}.card-boop{animation:card-boop .5s cubic-bezier(.34,1.56,.64,1) both;transform-origin:top}@keyframes card-boop{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}.task-card,.surface-100{background:var(--card-bg);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.task-card:hover{box-shadow:3px 3px 6px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.task-card:active{box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.task-card-dark,.surface-100-dark{background:var(--card-bg-dark);box-shadow:3px 3px 6px var(--shadow-dark-dark),-3px -3px 6px var(--shadow-light-dark)}.task-card-dark:hover{box-shadow:3px 3px 6px var(--shadow-dark-dark),-4px -4px 8px var(--shadow-light-dark)}.task-card-dark:active{box-shadow:inset 2px 2px 4px var(--shadow-dark-dark),inset -2px -2px 4px var(--shadow-light-dark)}.task-card-sub{background:var(--bg-primary)}.task-card-sub-dark{background:var(--bg-primary-dark)}.checkbox-btn{box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffffb3}.checkbox-btn:hover{box-shadow:inset 1px 1px 3px #00000026,inset -1px -1px 3px #fffc}.checkbox-btn-dark{box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.checkbox-btn-dark:hover{box-shadow:inset 1px 1px 3px #0006}.checkbox-btn:active{box-shadow:inset 3px 3px 6px #0000002e,inset -3px -3px 6px #fff9}.checkbox-btn-dark:active{box-shadow:inset 3px 3px 6px #0006}.checkbox-btn-checked{box-shadow:inset 2px 2px 4px #0003}.section-bg,.surface-0{background:var(--bg-primary)}.section-bg-dark,.surface-0-dark{background:var(--bg-primary-dark)}.card-neu,.surface-200{background:var(--section-bg);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.card-neu-dark,.surface-200-dark{background:var(--section-bg-dark);box-shadow:6px 6px 12px var(--shadow-dark-dark),-6px -6px 12px var(--shadow-light-dark)}.app-header-bg{background:rgb(var(--bg-primary-rgb) / 85%)}.app-header-bg-dark{background:rgb(var(--bg-primary-dark-rgb) / 85%)}.app-header-btn{color:var(--text-secondary-light);transition:background-color .15s}.app-header-btn:hover{background:var(--card-bg)}.app-header-btn-dark{color:var(--text-secondary-dark)}.app-header-btn-dark:hover{background:var(--card-bg-dark)}.btn-subtle{color:var(--heading-light);transition:background-color .15s}.btn-subtle:hover{background:#fff}.btn-subtle-dark{color:var(--heading-dark)}.btn-subtle-dark:hover{background:var(--card-bg-dark)}.text-primary{color:var(--text-primary-light)}.text-primary-dark{color:var(--text-primary-dark)}.text-secondary{color:var(--text-secondary-light)}.text-secondary-dark{color:var(--text-secondary-dark)}.heading-primary{color:var(--heading-light)}.heading-primary-dark{color:var(--heading-dark)}.btn-today,.btn-tomorrow,.btn-later,.btn-play,.btn-play-ghost,.btn-pause,.btn-stop,.btn-accent,.chip-urgent,.chip-important,.day-chip{--btn-shadow-a: var(--shadow-dark);--btn-shadow-b: var(--shadow-light);color:var(--heading-light);box-shadow:3px 3px 6px var(--btn-shadow-a),-3px -3px 6px var(--btn-shadow-b);transition:box-shadow .15s ease,background .15s ease}.btn-shadow-dark{--btn-shadow-a: var(--shadow-dark-dark);--btn-shadow-b: var(--shadow-light-dark)}.btn-today:hover,.btn-tomorrow:hover,.btn-later:hover,.btn-play:hover,.btn-play-ghost:hover,.btn-pause:hover,.btn-stop:hover{box-shadow:3px 3px 6px var(--btn-shadow-a),-4px -4px 8px var(--btn-shadow-b)}.btn-today:active,.btn-tomorrow:active,.btn-later:active,.btn-play:active,.btn-play-ghost:active,.btn-pause:active,.btn-stop:active{box-shadow:inset 2px 2px 4px var(--btn-shadow-a),inset -2px -2px 4px var(--btn-shadow-b)}.btn-today{background:var(--sunlight)}.btn-today:hover{background:var(--sunlight-hover)}.btn-tomorrow{background:var(--skyblue)}.btn-tomorrow:hover{background:var(--skyblue-hover)}.btn-later{background:var(--warm-neutral)}.btn-later:hover{background:var(--warm-neutral-hover)}.btn-play{background:var(--mint)}.btn-play:hover{background:var(--mint-hover)}.btn-play svg{color:var(--dark-green)}.btn-play-ghost{background:var(--bg-primary)}.btn-play-ghost-dark{--btn-shadow-a: var(--shadow-dark-dark);--btn-shadow-b: var(--shadow-light-dark);background:var(--bg-primary-dark);color:var(--heading-dark)}.btn-play-ghost svg{color:#6b9b66}.btn-pause{background:var(--sunlight)}.btn-pause:hover{background:var(--sunlight-hover)}.btn-pause svg{color:var(--text-on-accent)}.btn-stop{background:var(--bg-primary)}.btn-stop-dark{--btn-shadow-a: var(--shadow-dark-dark);--btn-shadow-b: var(--shadow-light-dark);background:var(--bg-primary-dark);color:var(--heading-dark)}.icon-action-btn:hover{background:#fff}.icon-action-btn-dark:hover{background:var(--card-bg-dark)}@keyframes golden-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.task-main-shimmer{background:linear-gradient(90deg,transparent 20%,rgba(251,191,36,.1) 45%,rgba(253,224,71,.16) 50%,rgba(251,191,36,.1) 55%,transparent 80%);background-size:200% 100%;animation:golden-shimmer 3s ease-in-out infinite}.task-compact{padding:.75rem 1rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:640px){.task-compact{padding:.875rem 1.25rem}}.task-running{padding-top:1rem;padding-bottom:1rem;border-left:3px solid rgb(var(--green-pastel-rgb) / 60%)}.task-timer-fill{position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--green-pastel-rgb) / 18%),rgb(var(--green-pastel-rgb) / 8%));clip-path:inset(0 var(--timer-progress, 0%) 0 0)}.task-fx-layer{z-index:0}.task-complete-fill{position:absolute;inset:0;background:linear-gradient(135deg,var(--green-pastel),var(--green-checked-end));animation:fillLeft var(--completion-duration, 1.2s) ease-out forwards}.task-complete-ripple{position:absolute;pointer-events:none;top:50%;left:3rem;width:2rem;height:2rem;margin-top:-1rem;margin-left:-1rem;border-radius:50%;border:3px solid rgb(var(--green-pastel-rgb) / 80%);animation:ripple var(--completion-duration, 1.2s) ease-out forwards;z-index:2}.task-complete-confetti{position:absolute;pointer-events:none;top:50%;left:3rem;width:8px;height:8px;border-radius:2px;z-index:3}.task-complete-confetti-1{background:var(--sunlight);animation:confetti-1 var(--completion-duration, 1.2s) ease-out forwards}.task-complete-confetti-2{background:var(--skyblue);animation:confetti-2 var(--completion-duration, 1.2s) ease-out forwards}.task-complete-confetti-3{background:var(--green-pastel);animation:confetti-3 var(--completion-duration, 1.2s) ease-out forwards}.task-complete-confetti-4{background:var(--warm-neutral-hover);animation:confetti-4 var(--completion-duration, 1.2s) ease-out forwards}.task-complete-confetti-5{background:var(--green-checked-end);animation:confetti-5 var(--completion-duration, 1.2s) ease-out forwards}.form-neu{background:var(--bg-primary);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.form-neu-dark{background:var(--card-bg-dark);box-shadow:5px 5px 10px var(--shadow-dark-dark),-5px -5px 10px var(--shadow-light-dark)}.text-ellipsis-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.text-ellipsis-mobile{overflow:visible;text-overflow:clip;white-space:normal}}.task-title-only{font-size:.9375rem;font-weight:500;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8125rem}.subtask-rail{align-self:stretch;flex-shrink:0;width:1.75rem;display:flex;flex-direction:column;align-items:center;padding:.25rem 0;background:none;border:0;cursor:pointer}.subtask-rail-line{flex:1;width:2px;border-radius:999px;background:var(--border-subtle);transition:background-color .15s,width .15s}.subtask-rail-line-dark{background:var(--border-subtle-dark)}.subtask-rail:hover .subtask-rail-line,.subtask-rail:focus-visible .subtask-rail-line{width:3px;background:var(--green-pastel)}.task-expandable{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.25,0,0,1)}.task-expandable.open{grid-template-rows:1fr}.task-expandable-inner{overflow:hidden;min-height:0}.task-expandable.open .task-expandable-inner{animation:inner-spring .42s cubic-bezier(.34,1.32,.64,1) .18s both}@keyframes inner-spring{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.feature-lottie-gradient svg path{stroke:url(#feature-icon-gradient);fill:url(#feature-icon-gradient)}.feature-card:hover .anim-tick{animation:icon-tick .9s ease-out}.feature-card:hover .anim-wiggle{animation:icon-wiggle .5s ease-out}.feature-card:hover .anim-spin{animation:icon-spin .6s ease-out}.feature-card:hover .anim-pulse{animation:icon-pulse .5s ease-out}.feature-card:hover .anim-swing{animation:icon-swing .5s ease-out}.feature-card:hover .anim-bounce{animation:icon-bounce .6s ease-out}.feature-card:hover .anim-swipe{animation:icon-swipe .7s ease-out}.feature-card:hover .anim-pop{animation:icon-pop .5s ease-out}@keyframes icon-tick{0%,to{transform:rotate(0)}50%{transform:rotate(25deg)}}@keyframes icon-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-6deg)}}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes icon-swing{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(-20deg) scale(1.08)}}@keyframes icon-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(1px)}}@keyframes icon-swipe{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes icon-pop{0%{transform:scale(1) translateY(0)}40%{transform:scale(1.2) translateY(-4px)}to{transform:scale(1) translateY(0)}}.landing-btn-primary{background:var(--text-primary-light);color:#fff;transition:transform .15s,box-shadow .15s}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f293740}.landing-btn-primary-dark{background:var(--heading-dark);color:var(--heading-light)}.landing-btn-primary-dark:hover{box-shadow:0 8px 20px #00000073}.landing-btn-google{background:#fff;color:var(--text-primary-light);box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light);transition:transform .15s}.landing-btn-google:hover{transform:translateY(-1px)}.landing-btn-google-dark{background:var(--card-bg-dark);color:var(--heading-dark);box-shadow:4px 4px 10px var(--shadow-dark-dark),-4px -4px 10px var(--shadow-light-dark)}.landing-flow-blob{border-radius:60% 40% 55% 45%/60% 65% 35% 40%;background:linear-gradient(135deg,var(--green-pastel),var(--green-checked-end))}.landing-footer-wordmark{font-size:min(15cqw,12rem);letter-spacing:-.03em;background:linear-gradient(180deg,var(--border-subtle) 0%,var(--bg-primary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-footer-wordmark-dark{background:linear-gradient(180deg,var(--border-subtle-dark) 0%,var(--bg-primary-dark) 100%);-webkit-background-clip:text;background-clip:text}.footer-wordmark-container{container-type:inline-size}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e8e0d8;border-top-color:#b4d25c;border-radius:50%;animation:spin .75s linear infinite}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--bg-primary);border-radius:5px;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);cursor:pointer;transition:all .2s;position:relative;display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:active{box-shadow:inset 3px 3px 5px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}input[type=checkbox].checkbox-dark{background:var(--card-bg-dark);box-shadow:inset 2px 2px 4px var(--shadow-dark-dark),inset -2px -2px 4px var(--shadow-light-dark)}input[type=checkbox].checkbox-dark:active{box-shadow:inset 3px 3px 5px var(--shadow-dark-dark),inset -1px -1px 2px var(--shadow-light-dark)}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--green-pastel),var(--green-checked-end));box-shadow:2px 2px 4px var(--shadow-dark),-2px -2px 4px var(--shadow-light)}input[type=checkbox].checkbox-dark:checked{box-shadow:2px 2px 4px var(--shadow-dark-dark),-2px -2px 4px var(--shadow-light-dark)}input[type=checkbox]:checked:after{content:"✓";color:var(--text-on-accent);font-size:14px;font-weight:700;position:absolute}.settings-backdrop{position:fixed;inset:0;z-index:40;background:#0000004d;animation:fade-in .22s ease both}.settings-backdrop.is-closing{animation:fade-out var(--drawer-slide-duration) ease both}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);z-index:50;display:flex;flex-direction:column;overflow:hidden;box-shadow:-6px 0 32px #0000002e;animation:slide-in-right var(--drawer-slide-duration) cubic-bezier(.25,0,0,1) both}.settings-drawer.is-closing{animation:slide-out-right var(--drawer-slide-duration) cubic-bezier(1,0,.75,1) both}.undo-toast{position:fixed;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:70;width:min(420px,calc(100vw - 2rem));margin:0 auto;overflow:hidden;background:var(--overlay-bg);box-shadow:0 6px 32px #0000002e;animation:undo-toast-in .26s cubic-bezier(.34,1.32,.64,1);transition:transform .22s cubic-bezier(.25,0,0,1),opacity .22s ease;touch-action:pan-y;cursor:grab}.undo-toast button{cursor:pointer}.undo-toast-dark{background:var(--overlay-bg-dark);box-shadow:0 6px 32px #0000008c}.undo-toast-out{animation:undo-toast-exit .2s ease forwards}@keyframes undo-toast-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes undo-toast-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.undo-toast-bar{height:3px;background:var(--border-subtle)}.undo-toast-bar-dark{background:var(--border-subtle-dark)}.undo-toast-bar-fill{height:100%;background:var(--green-pastel);transform-origin:left center;animation:undo-toast-countdown 10s linear forwards}@keyframes undo-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.undo-toast{animation:none;transition-duration:1ms}.undo-toast-out{animation-duration:1ms}}.drawer-reveal>*{animation:reveal-in var(--reveal-duration) var(--reveal-ease) both}.drawer-reveal>*:nth-child(1){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 0)}.drawer-reveal>*:nth-child(2){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 1)}.drawer-reveal>*:nth-child(3){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 2)}.drawer-reveal>*:nth-child(4){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 3)}.drawer-reveal>*:nth-child(5){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 4)}.drawer-reveal>*:nth-child(6){animation-delay:calc(var(--drawer-slide-duration) + var(--reveal-stagger-step) * 5)}@keyframes reveal-in{0%{opacity:.001;transform:translateY(var(--reveal-offset));filter:blur(var(--reveal-blur))}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.settings-drawer,.settings-drawer.is-closing,.settings-backdrop.is-closing,.drawer-reveal>*{animation:none}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--reveal-duration: .5s;--reveal-ease: cubic-bezier(.25, .1, .25, 1);--reveal-stagger-step: 90ms;--reveal-offset: 20px;--reveal-blur: 4px;--drawer-slide-duration: .26s}.reveal{opacity:.001;transform:translateY(var(--reveal-offset));filter:blur(var(--reveal-blur));transition:opacity var(--reveal-duration) var(--reveal-ease),transform var(--reveal-duration) var(--reveal-ease),filter var(--reveal-duration) var(--reveal-ease)}.is-visible.reveal,.is-visible .reveal{opacity:1;transform:translateY(0);filter:blur(0)}.reveal-reset.reveal,.reveal-reset .reveal{opacity:.001;transform:translateY(var(--reveal-offset));filter:blur(var(--reveal-blur));transition:none}.reveal-group .reveal:nth-child(1){transition-delay:calc(var(--reveal-stagger-step) * 0)}.reveal-group .reveal:nth-child(2){transition-delay:calc(var(--reveal-stagger-step) * 1)}.reveal-group .reveal:nth-child(3){transition-delay:calc(var(--reveal-stagger-step) * 2)}.reveal-group .reveal:nth-child(4){transition-delay:calc(var(--reveal-stagger-step) * 3)}.reveal-group .reveal:nth-child(5){transition-delay:calc(var(--reveal-stagger-step) * 4)}.reveal-group .reveal:nth-child(6){transition-delay:calc(var(--reveal-stagger-step) * 5)}.reveal-group .reveal:nth-child(7){transition-delay:calc(var(--reveal-stagger-step) * 6)}.reveal-group .reveal:nth-child(8){transition-delay:calc(var(--reveal-stagger-step) * 7)}.reveal-group .reveal:nth-child(9){transition-delay:calc(var(--reveal-stagger-step) * 8)}.reveal-group .reveal:nth-child(10){transition-delay:calc(var(--reveal-stagger-step) * 9)}.reveal-group .reveal:nth-child(11){transition-delay:calc(var(--reveal-stagger-step) * 10)}.reveal-group .reveal:nth-child(12){transition-delay:calc(var(--reveal-stagger-step) * 11)}.reveal-group .reveal:nth-child(13){transition-delay:calc(var(--reveal-stagger-step) * 12)}.reveal-group .reveal:nth-child(14){transition-delay:calc(var(--reveal-stagger-step) * 13)}.reveal-group .reveal:nth-child(15){transition-delay:calc(var(--reveal-stagger-step) * 14)}.reveal-group .reveal:nth-child(16){transition-delay:calc(var(--reveal-stagger-step) * 15)}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none;filter:none}}@keyframes fillLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.8}to{transform:scale(20);opacity:0}}@keyframes confetti-1{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-60px,-80px) rotate(180deg);opacity:0}}@keyframes confetti-2{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(60px,-80px) rotate(-180deg);opacity:0}}@keyframes confetti-3{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-40px,-100px) rotate(90deg);opacity:0}}@keyframes confetti-4{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(40px,-100px) rotate(-90deg);opacity:0}}@keyframes confetti-5{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(360deg);opacity:0}}.pop-in{animation:inner-spring .42s cubic-bezier(.34,1.32,.64,1) both}@media(prefers-reduced-motion:reduce){.pop-in{animation:none}}.task-ring-running{outline:2px solid rgb(var(--green-pastel-rgb) / 45%);outline-offset:2px}.task-ring-main{outline:2px solid var(--sunlight);outline-offset:2px}.task-ring-done{outline:3px solid var(--green-pastel);outline-offset:2px}.task-drop-nest{outline:2px solid var(--green-pastel);outline-offset:2px}.task-drop-above:before,.task-drop-below:before{content:"";position:absolute;left:.5rem;right:.5rem;height:3px;border-radius:999px;background:var(--green-pastel);z-index:4}.task-drop-above:before{top:-2px}.task-drop-below:before{bottom:-2px}.timer-strip{border-top:1px solid rgb(var(--green-pastel-rgb) / 55%)}.timer-strip-dark{border-top-color:rgb(var(--green-pastel-rgb) / 35%)}.timer-dot{background:var(--green-pastel)}.timer-digits{color:var(--dark-green);font-variant-numeric:tabular-nums}.timer-digits-dark{color:var(--green-pastel)}.timer-done-label{color:var(--dark-green)}.timer-done-label-dark{color:var(--green-pastel)}.btn-accent{background:var(--green-pastel);color:var(--text-on-accent)}.btn-accent:hover{background:var(--green-checked-end)}.chip-urgent{background:var(--clay-red)}.chip-urgent:hover{background:var(--clay-red-hover)}.chip-important{background:var(--sunlight);color:var(--text-on-accent)}.chip-important:hover{background:var(--sunlight-hover)}.field-neu{background:var(--card-bg);color:var(--text-primary-light);border:0;box-shadow:inset 0 2px 6px #a08a7638,inset 0 1px 2px #a08a7624;outline:1px solid transparent;transition:outline-color .15s ease}.field-neu::-moz-placeholder{color:var(--text-secondary-light)}.field-neu::placeholder{color:var(--text-secondary-light)}.field-neu:focus{outline-color:var(--green-pastel)}.field-neu-dark{background:var(--card-bg-dark);color:var(--text-primary-dark);box-shadow:inset 0 2px 8px #00000073,inset 0 1px 2px #0000004d}.field-neu-dark::-moz-placeholder{color:var(--text-secondary-dark)}.field-neu-dark::placeholder{color:var(--text-secondary-dark)}.field-neu-dark::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.65)}.pill-main-task{background:var(--sunlight);color:var(--text-on-accent)}.badge-warn{background:var(--clay-red);color:var(--heading-light)}.badge-good{background:var(--green-pastel);color:var(--text-on-accent)}.badge-duration{background:var(--badge-bg);color:var(--text-secondary-light);box-shadow:inset 0 1px 4px #a08a762e,inset 0 1px 2px #a08a761a}.badge-duration-dark{background:var(--section-bg-dark);color:var(--text-secondary-dark);box-shadow:inset 0 1px 4px #0006,inset 0 1px 2px #00000040}.stat-tile-active{--stat-accent: var(--skyblue)}.stat-tile-queued{--stat-accent: var(--sunlight)}.stat-tile-done{--stat-accent: var(--green-pastel)}.stat-tile-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0;background:var(--stat-accent, var(--green-pastel))}.stat-tile-value{display:flex;align-items:flex-end;flex:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:clamp(.9375rem,4vw,1.0625rem)}.day-chip{background:var(--bg-primary)}.day-chip-dark{--btn-shadow-a: var(--shadow-dark-dark);--btn-shadow-b: var(--shadow-light-dark);background:var(--bg-primary-dark);color:var(--heading-dark)}.day-chip-on,.day-chip-on.day-chip-dark{background:var(--green-pastel);color:var(--text-on-accent)}.drawer-rail{background:var(--section-bg);border-color:var(--border-subtle)}.drawer-rail-dark{background:var(--section-bg-dark);border-color:var(--border-subtle-dark)}.divider-subtle{border-color:var(--border-subtle)}.divider-subtle-dark{border-color:var(--border-subtle-dark)}.row-completed{background:rgb(var(--green-pastel-rgb) / 14%)}.row-completed-dark{background:rgb(var(--green-pastel-rgb) / 10%)}.drop-placeholder{border:2px dashed var(--border-subtle);color:var(--text-secondary-light);transition:border-color .15s ease,background .15s ease}.drop-placeholder-dark{border-color:var(--border-subtle-dark);color:var(--text-secondary-dark)}.drop-placeholder-active,.drop-placeholder-active.drop-placeholder-dark{border-color:var(--green-pastel);background:rgb(var(--green-pastel-rgb) / 12%)}.drop-tail{transition:height .15s ease,background .15s ease}.drop-tail-active{background:rgb(var(--green-pastel-rgb) / 12%);outline:2px solid rgb(var(--green-pastel-rgb) / 40%)}.modal-scrim{position:absolute;inset:0;background:#0006;animation:fade-in .22s ease both}.svg-defs-carrier{position:absolute}.feature-gradient-from{stop-color:var(--green-pastel)}.feature-gradient-to{stop-color:var(--green-checked-end)}.heatmap-month-row{display:grid;gap:3px;grid-template-columns:repeat(var(--heatmap-weeks, 1),12px)}.heatmap-month-label{grid-column-start:var(--heatmap-col, 1)}.scrollbar-neu{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.scrollbar-neu::-webkit-scrollbar{width:12px;height:12px}.scrollbar-neu::-webkit-scrollbar-track,.scrollbar-neu::-webkit-scrollbar-corner{background:transparent}.scrollbar-neu::-webkit-scrollbar-thumb{background:var(--border-subtle);background-clip:padding-box;border:3px solid transparent;border-radius:999px}.scrollbar-neu::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--green-pastel-rgb) / 55%)}.scrollbar-neu::-webkit-scrollbar-thumb:active{background-color:rgb(var(--green-pastel-rgb) / 80%)}.scrollbar-neu-dark{scrollbar-width:thin;scrollbar-color:var(--border-subtle-dark) transparent}.scrollbar-neu-dark::-webkit-scrollbar{width:12px;height:12px}.scrollbar-neu-dark::-webkit-scrollbar-track,.scrollbar-neu-dark::-webkit-scrollbar-corner{background:transparent}.scrollbar-neu-dark::-webkit-scrollbar-thumb{background:var(--border-subtle-dark);background-clip:padding-box;border:3px solid transparent;border-radius:999px}.scrollbar-neu-dark::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--green-pastel-rgb) / 55%)}.scrollbar-neu-dark::-webkit-scrollbar-thumb:active{background-color:rgb(var(--green-pastel-rgb) / 80%)}html{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner{background:transparent}html::-webkit-scrollbar-thumb{background:var(--border-subtle);background-clip:padding-box;border:3px solid transparent;border-radius:999px}html.theme-dark{scrollbar-color:var(--border-subtle-dark) transparent}html.theme-dark::-webkit-scrollbar-thumb{background-color:var(--border-subtle-dark)}html::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--green-pastel-rgb) / 55%)}html::-webkit-scrollbar-thumb:active{background-color:rgb(var(--green-pastel-rgb) / 80%)}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[var\(--surface-alt-hover\)\]:hover{background-color:var(--surface-alt-hover)}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-stone-600:hover{--tw-bg-opacity: 1;background-color:rgb(87 83 78 / var(--tw-bg-opacity, 1))}.hover\:text-\[var\(--dark-green\)\]:hover{color:var(--dark-green)}.hover\:text-\[var\(--green-pastel\)\]:hover{color:var(--green-pastel)}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-neu:hover{--tw-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-neu-dark:hover{--tw-shadow: 8px 8px 16px var(--shadow-dark-dark), -8px -8px 16px var(--shadow-light-dark);--tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-\[var\(--green-pastel\)\]:focus{outline-color:var(--green-pastel)}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:640px){.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:inline{display:inline}.sm\:h-16{height:4rem}.sm\:w-16{width:4rem}.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-y-12{row-gap:3rem}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.sm\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.sm\:rounded-2xl{border-radius:1rem}.sm\:p-12{padding:3rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-28{padding-bottom:7rem}.sm\:pt-16{padding-top:4rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-8xl{font-size:6rem;line-height:1}}