#app-splash{z-index:9999;color:#2a2438;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);will-change:opacity, transform;background-color:#ebe4f4;background-image:radial-gradient(90% 70% at 12% 18%,#c8b6e2f2 0%,#0000 58%),radial-gradient(80% 60% at 88% 12%,#f4a7b9e0 0%,#0000 52%),radial-gradient(75% 65% at 92% 78%,#a8d8eae6 0%,#0000 55%),radial-gradient(85% 70% at 40% 92%,#f9d59bd9 0%,#0000 50%),radial-gradient(70% 55% at 22% 62%,#b8e0d2c7 0%,#0000 48%);flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .38s,transform .38s;display:flex;position:fixed;inset:0;overflow:hidden}#app-splash.is-leaving{opacity:0;pointer-events:none;transform:scale(1.03)}.splash-orbits{pointer-events:none;z-index:0;position:absolute;inset:-20%}.splash-orb{filter:blur(28px);opacity:.55;border-radius:50%;animation:7s ease-in-out infinite splash-orb-drift;position:absolute}.splash-orb--a{background:#c8b6e2d9;width:min(42vw,280px);height:min(42vw,280px);animation-delay:0s;top:8%;left:6%}.splash-orb--b{background:#f4a7b9bf;width:min(36vw,240px);height:min(36vw,240px);animation-duration:8.5s;animation-delay:-2.2s;top:18%;right:4%}.splash-orb--c{background:#a8d8eab3;width:min(48vw,320px);height:min(48vw,320px);animation-duration:9.5s;animation-delay:-4s;bottom:4%;left:28%}@keyframes splash-orb-drift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(3%,-4%)scale(1.06)}66%{transform:translate(-4%,3%)scale(.96)}}.splash-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:24px;animation:.55s cubic-bezier(.22,1,.36,1) both splash-stage-in;display:flex;position:relative}@keyframes splash-stage-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.splash-mark{place-items:center;width:88px;height:88px;margin:0 auto 22px;display:grid;position:relative}.splash-mark-core{z-index:2;color:#5a5268;background:linear-gradient(145deg,#ffffffb8,#ffffff47),linear-gradient(135deg,#c8b6e273,#a8d8ea59);border:1px solid #ffffff8c;border-radius:18px;place-items:center;width:64px;height:64px;animation:2.4s ease-in-out infinite splash-core-breathe;display:grid;position:relative;box-shadow:0 10px 28px #64558229,inset 0 0 0 1px #c8b6e240}.splash-mark-core svg{width:30px;height:30px;animation:2.4s ease-in-out infinite splash-icon-bob}@keyframes splash-core-breathe{0%,to{transform:scale(1);box-shadow:0 10px 28px #64558229,inset 0 0 0 1px #c8b6e240}50%{transform:scale(1.04);box-shadow:0 14px 36px #64558238,0 0 24px #f4a7b959,inset 0 0 0 1px #c8b6e259}}@keyframes splash-icon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.splash-ring{border:1.5px dashed #5a526847;border-radius:50%;animation:10s linear infinite splash-spin;position:absolute;inset:0}.splash-ring--inner{border-style:solid;border-color:#e639468c #a8d8ea73 #0000 #0000;animation-duration:2.8s;animation-direction:reverse;inset:8px}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-spark{background:#e63946;border-radius:50%;width:6px;height:6px;animation:2.8s linear infinite splash-spark-orbit;position:absolute;box-shadow:0 0 12px #e63946b3}.splash-spark--b{background:#a8d8ea;width:5px;height:5px;animation-duration:3.6s;animation-direction:reverse;box-shadow:0 0 12px #a8d8eacc}@keyframes splash-spark-orbit{0%{transform:rotate(0)translate(40px)rotate(0)}to{transform:rotate(360deg)translate(40px)rotate(-360deg)}}.splash-title{letter-spacing:-.03em;background:linear-gradient(120deg,#2a2438 0%,#5a5268 35%,#e63946 55%,#2a2438 75%) 0 0/200% 100%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.65rem,5vw,2rem);font-weight:800;line-height:1.1;animation:2.8s ease-in-out infinite splash-title-shine;position:relative}@keyframes splash-title-shine{0%,to{background-position:100%}50%{background-position:0%}}.splash-subtitle{letter-spacing:.14em;text-transform:uppercase;color:#8a8298;margin:0 0 22px;font-size:13px;font-weight:600}.splash-loader{background:#5a52681f;border-radius:999px;width:min(180px,56vw);height:3px;position:relative;overflow:hidden}.splash-loader-bar{border-radius:inherit;background:linear-gradient(90deg,#0000,#c8b6e2 20%,#f4a7b9 50%,#a8d8ea 80%,#0000);width:42%;animation:1.35s cubic-bezier(.4,0,.2,1) infinite splash-loader-run;position:absolute;inset:0 auto 0 0}@keyframes splash-loader-run{0%{left:-45%}to{left:110%}}.splash-dots{vertical-align:baseline;gap:3px;margin-left:2px;display:inline-flex}.splash-dots span{background:#8a8298;border-radius:50%;width:3px;height:3px;animation:1.05s ease-in-out infinite splash-dot-bounce}.splash-dots span:nth-child(2){animation-delay:.15s}.splash-dots span:nth-child(3){animation-delay:.3s}@keyframes splash-dot-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){#app-splash *,#app-splash{animation:none!important}.splash-title{color:#2a2438;-webkit-text-fill-color:#2a2438;background:0 0}}.app-splash-screen{display:none}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}: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-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-red-900:#82181a;--color-red-950:#460809;--color-amber-400:#fcbb00;--color-amber-600:#dd7400;--color-neutral-500:#737373;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-red-950:lab(13.003% 29.04 16.7519);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-neutral-500:lab(48.496% 0 0)}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-right-1{right:calc(var(--spacing) * -1)}.right-6{right:calc(var(--spacing) * 6)}.right-20{right:calc(var(--spacing) * 20)}.bottom-6{bottom:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-\[59\]{z-index:59}.z-\[60\]{z-index:60}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[0\.5px\]{border-top-style:var(--tw-border-style);border-top-width:.5px}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-neutral-500\/30{border-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.border-neutral-500\/30{border-color:color-mix(in oklab, var(--color-neutral-500) 30%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-600{color:var(--color-amber-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media not all and (min-width:40rem){.max-sm\:right-4{right:calc(var(--spacing) * 4)}.max-sm\:right-\[72px\]{right:72px}}@media (min-width:40rem){.sm\:w-\[15\.5rem\]{width:15.5rem}.sm\:w-\[18rem\]{width:18rem}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:self-end{align-self:flex-end}.md\:pt-4{padding-top:calc(var(--spacing) * 4)}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.md\:text-right{text-align:right}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-red-900\/50{border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/50{border-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.dark\:bg-red-950\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-red-300{color:var(--color-red-300)}}.\[\&\>article\]\:h-full>article{height:100%}.\[\&\>article\]\:w-full>article{width:100%}:root{--color-purple:#c8b6e2;--color-pink:#f4a7b9;--color-peach:#f9d59b;--color-blue:#a8d8ea;--color-mint:#b8e0d2;--mesh-gradient:linear-gradient(145deg, #ebe4f4 0%, #f8eef3 30%, #fdf6ee 55%, #eef7fb 80%, #e8f4f0 100%);--accent-gradient:linear-gradient(120deg, var(--color-purple) 0%, var(--color-pink) 24%, var(--color-peach) 50%, var(--color-blue) 76%, var(--color-mint) 100%);--bg-primary:#ebe4f4;--bg-secondary:#ffffffeb;--bg-glass:#ffffffdb;--bg-glass-hover:#fffffff5;--bg-surface:#ffffffd1;--bg-surface-raised:#ffffffeb;--border-glass:#ffffffe0;--border-soft:#6455821a;--border-focus:#c8b6e2;--text-primary:#2a2438;--text-secondary:#5a5268;--text-muted:#8a8298;--surface-hover:#ffffffb8;--surface-elevated:#fffffff0;--surface-solid:#fff;--modal-bg:#fffcfa;--glass-hover-border:#fffffff2;--input-bg:#fffffff0;--input-bg-hover:#fffffff5;--input-bg-focus:#fff;--focus-ring:#c8b6e259;--link-accent:#6b5a88;--badge-bg:#c8b6e273;--badge-text:#5a4a78;--priority-high-text:#c23d68;--priority-high-bg:#f4a7b947;--priority-medium-text:#a87220;--priority-medium-bg:#f9d59b52;--priority-low-text:#5a48a0;--priority-low-bg:#a8d8ea52;--priority-none-bg:#ffffffeb;--on-accent:#fff;--accent-green:#6bb89a;--accent-green-glow:#6bb89a59;--accent-rose:#e892a8;--accent-tint:var(--color-purple)}@supports (color:color-mix(in lab, red, red)){:root{--accent-tint:color-mix(in srgb, var(--color-purple) 16%, transparent)}}:root{--accent-tint-strong:var(--color-purple)}@supports (color:color-mix(in lab, red, red)){:root{--accent-tint-strong:color-mix(in srgb, var(--color-purple) 30%, transparent)}}:root{--surface-pop:var(--surface-solid)}@supports (color:color-mix(in lab, red, red)){:root{--surface-pop:color-mix(in srgb, var(--surface-solid) 90%, var(--color-purple))}}:root{--glass-blur:none;--overlay-blur:none;--header-blur:blur(18px) saturate(1.2);--todo-completed-bg:#ffffff8c;--todo-completed-border:#6bb89a59;--todo-completed-text:var(--text-muted);--priority-high-color:var(--color-pink);--priority-medium-color:var(--color-peach);--priority-low-gradient:linear-gradient(135deg, var(--color-blue), var(--color-purple));--font-mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--shadow-sm:0 2px 12px #64558214;--shadow-md:0 8px 32px #6455821f;--shadow-lg:0 16px 48px #64558224;--shadow-soft:var(--shadow-sm);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-fast:80ms ease;--transition-normal:.12s ease;--transition-spring:.12s ease;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-gutter:clamp(16px, 3vw, 48px);--playground-chrome-gap:calc(12px + var(--safe-top));--playground-header-bar-height:52px;--playground-chrome-height:calc(var(--playground-chrome-gap) + var(--playground-header-bar-height));--mobile-header-height:var(--playground-chrome-height);--sidebar-width:220px;--sidebar-column-width:calc(var(--sidebar-width) + var(--app-gutter));--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #c8b6e2e6 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #f4a7b9d9 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #a8d8eae0 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #f9d59bd1 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #b8e0d2bf 0%, transparent 48%), var(--mesh-gradient)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:var(--body-background);background-attachment:fixed;flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#c8b6e280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8d8eab3}@media (prefers-reduced-motion:reduce){.playground-app-card-cloud,.ambient-cloud,.ambient-background{display:none;animation:none!important}.glass-card,.btn-primary,.btn-secondary,.playground-app-card-glow{transition:none!important}}@media (max-width:640px){.playground-app-card-cloud,.ambient-cloud,.ambient-background{display:none!important}.glass-card,.btn-primary,.btn-secondary,.playground-app-card-glow,.playground-sidebar,.page-nav-link,.todo-item{transition:none!important}}.noted-sync-toast{background:var(--card-fill);border:1px solid var(--border-color);z-index:9999;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.noted-sync-toast.noted-saving{color:var(--text-secondary)}.noted-sync-toast.noted-saved{color:var(--green);border-color:#4ade804d}.noted-sync-spinner{border:2px dashed var(--accent-rose,#e06c75);border-radius:50%;width:12px;height:12px;animation:1s linear infinite noted-spin;display:inline-block}.noted-sync-check{font-weight:700}@keyframes noted-spin{to{transform:rotate(360deg)}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
:root,[data-font-combo=studio],.font-combo-card[data-font-combo-preview=studio]{--font-sans:var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-outfit), var(--font-sans);--font-script:var(--font-jetbrains-mono), ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}[data-font-combo=editorial],.font-combo-card[data-font-combo-preview=editorial]{--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-fraunces), var(--font-sans);--font-script:var(--font-caveat), "Segoe Script", "Bradley Hand", cursive}[data-font-combo=technical],.font-combo-card[data-font-combo-preview=technical]{--font-sans:var(--font-jetbrains-mono), ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--font-display:var(--font-jetbrains-mono), var(--font-sans);--font-script:var(--font-dm-sans), var(--font-sans)}[data-font-combo=rounded],.font-combo-card[data-font-combo-preview=rounded]{--font-sans:var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-outfit), var(--font-sans);--font-script:var(--font-caveat), "Segoe Script", "Bradley Hand", cursive}[data-font-combo=minimal],.font-combo-card[data-font-combo-preview=minimal]{--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-inter), var(--font-sans);--font-script:var(--font-caveat), "Segoe Script", "Bradley Hand", cursive}
[data-theme=ocean]{--color-purple:#7eb8d4;--color-pink:#5a9fb8;--color-peach:#c4e8f0;--color-blue:#a8e0e8;--color-mint:#8ec5c0;--mesh-gradient:linear-gradient(145deg, #e8f4f8 0%, #eef8fa 30%, #f0fafb 55%, #e6f6f8 80%, #e8f4f0 100%);--bg-primary:#e8f4f8;--bg-secondary:#fff;--bg-glass:#f4fafb;--bg-glass-hover:#fff;--bg-surface:#eef7f9;--bg-surface-raised:#f6fbfd;--border-glass:#ffffffc7;--border-soft:#3c64781a;--border-focus:#7eb8d4;--text-primary:#1e3a45;--text-secondary:#3d5a66;--text-muted:#6a8894;--surface-hover:#ffffff73;--surface-elevated:#fff;--surface-solid:#fff;--modal-bg:#f4fbfd;--glass-hover-border:#ffffffe6;--input-bg:#f4fafb;--input-bg-hover:#f4fafb;--input-bg-focus:#fff;--focus-ring:#7eb8d459;--link-accent:#3d6a78;--badge-bg:#7eb8d466;--badge-text:#2d5560;--priority-high-text:#2d6a7a;--priority-high-bg:#5a9fb847;--priority-medium-text:#4a7a88;--priority-medium-bg:#c4e8f073;--priority-low-text:#3d6a85;--priority-low-bg:#a8e0e859;--priority-none-bg:#ffffffd1;--on-accent:#fff;--accent-green:#5aab96;--accent-green-glow:#5aab9659;--accent-rose:#6aafc4;--shadow-sm:0 2px 12px #3c647814;--shadow-md:0 8px 32px #3c64781f;--shadow-lg:0 16px 48px #3c647824;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #7eb8d4d9 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #5a9fb8cc 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #a8e0e8e0 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #c4e8f0d1 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #8ec5c0bf 0%, transparent 48%), var(--mesh-gradient)}[data-theme=dusk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-purple:#7b5ea7;--color-pink:#c98ba8;--color-peach:#9a7eb8;--color-blue:#5c6b9a;--color-mint:#6a8a9a;--mesh-gradient:linear-gradient(145deg, #2e2640 0%, #352d48 30%, #3a3250 55%, #2f2842 80%, #282238 100%);--bg-primary:#2e2640;--bg-secondary:#352d48;--bg-glass:#2e2640;--bg-glass-hover:#3a3250;--bg-surface:#282238;--bg-surface-raised:#352d48;--border-glass:#8c78b438;--border-soft:#c8b4e61f;--border-focus:#9a7eb8;--text-primary:#f2edf8;--text-secondary:#cfc4dc;--text-muted:#9f94b0;--surface-hover:#ffffff14;--surface-elevated:#443a5e;--surface-solid:#3d3558;--modal-bg:#3a3250;--glass-hover-border:#b4a0dc59;--input-bg:#282238;--input-bg-hover:#2e2640;--input-bg-focus:#352d48;--focus-ring:#9a7eb873;--link-accent:#d4c4e8;--badge-bg:#7b5ea759;--badge-text:#e8dff5;--priority-high-text:#f0c4d4;--priority-high-bg:#c98ba847;--priority-medium-text:#e8d4f8;--priority-medium-bg:#9a7eb84d;--priority-low-text:#c4d0f0;--priority-low-bg:#5c6b9a52;--priority-none-bg:#ffffff1a;--on-accent:#fff;--accent-green:#7eb8a0;--accent-green-glow:#7eb8a059;--accent-rose:#d4a0b8;--todo-completed-bg:#ffffff0d;--todo-completed-border:#7eb8a059;--todo-completed-text:#9f94b0;--shadow-sm:0 2px 12px #0003;--shadow-md:0 8px 32px #00000047;--shadow-lg:0 16px 48px #00000057;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #7b5ea78c 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #c98ba873 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #5c6b9a80 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #4a3d6b99 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #6a8a9a59 0%, transparent 48%), var(--mesh-gradient)}[data-theme=meadow]{--color-purple:#d4b8e0;--color-pink:#e8c87a;--color-peach:#f0e6c8;--color-blue:#b8dcc8;--color-mint:#9bc4a8;--mesh-gradient:linear-gradient(145deg, #f2f8f0 0%, #f8f6ee 30%, #faf8f0 55%, #f0f8f4 80%, #eef6f0 100%);--bg-primary:#f2f8f0;--bg-secondary:#fff;--bg-glass:#fcfefb;--bg-glass-hover:#fff;--bg-surface:#f0f8f4;--bg-surface-raised:#f8fbf6;--border-glass:#ffffffc2;--border-soft:#506e501a;--border-focus:#9bc4a8;--text-primary:#2a3828;--text-secondary:#4a5c48;--text-muted:#7a8c78;--surface-hover:#ffffff73;--surface-elevated:#fff;--surface-solid:#fff;--modal-bg:#f8fcf6;--glass-hover-border:#ffffffe6;--input-bg:#fcfefb;--input-bg-hover:#fcfefb;--input-bg-focus:#fff;--focus-ring:#9bc4a859;--link-accent:#5a7058;--badge-bg:#9bc4a866;--badge-text:#3d5a42;--priority-high-text:#9a6d24;--priority-high-bg:#e8c87a59;--priority-medium-text:#8a6420;--priority-medium-bg:#f0e6c880;--priority-low-text:#4a6a58;--priority-low-bg:#b8dcc866;--priority-none-bg:#ffffffd1;--on-accent:#fff;--accent-green:#6aab7a;--accent-green-glow:#6aab7a59;--accent-rose:#d4a878;--shadow-sm:0 2px 12px #506e5014;--shadow-md:0 8px 32px #506e501f;--shadow-lg:0 16px 48px #506e5024;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #9bc4a8d9 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #e8c87acc 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #b8dcc8e0 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #f0e6c8d1 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #d4b8e0b3 0%, transparent 48%), var(--mesh-gradient)}[data-theme=noir]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-purple:#333;--color-pink:#e63946;--color-peach:#fff;--color-blue:#a0a0a0;--color-mint:#666;--mesh-gradient:linear-gradient(145deg, #080808 0%, #0d0d0d 30%, #111 55%, #0a0a0a 80%, #050505 100%);--bg-primary:#0d0d0d;--bg-secondary:#121212;--bg-glass:#101010;--bg-glass-hover:#181818;--bg-surface:#141414;--bg-surface-raised:#1c1c1c;--border-glass:#333333d9;--border-soft:#333333a6;--border-focus:#e63946;--text-primary:#fff;--text-secondary:#c8c8c8;--text-muted:#a0a0a0;--surface-hover:#ffffff0f;--surface-elevated:#222;--surface-solid:#1a1a1a;--modal-bg:#141414;--glass-hover-border:#e6394659;--input-bg:#141414;--input-bg-hover:#181818;--input-bg-focus:#1c1c1c;--focus-ring:#e6394666;--link-accent:#e63946;--badge-bg:#e6394633;--badge-text:#ff8a94;--priority-high-text:#ff6b78;--priority-high-bg:#e6394638;--priority-medium-text:#d4d4d4;--priority-medium-bg:#66666659;--priority-low-text:#a0a0a0;--priority-low-bg:#333333a6;--priority-none-bg:#ffffff14;--on-accent:#fff;--accent-green:#8a8a8a;--accent-green-glow:#a0a0a040;--accent-rose:#e63946;--todo-completed-bg:#ffffff0d;--todo-completed-border:#8a8a8a73;--todo-completed-text:#9a9a9a;--btn-primary-bg:#fff;--btn-primary-bg-hover:#e8e8e8;--btn-primary-text:#0d0d0d;--btn-primary-border:#fff;--btn-primary-shadow:0 2px 10px #00000059;--btn-primary-shadow-hover:0 4px 14px #00000073;--shadow-sm:0 2px 12px #00000059;--shadow-md:0 8px 32px #00000073;--shadow-lg:0 16px 48px #0000008c;--body-background:radial-gradient(ellipse 70% 55% at 88% 12%, #e6394624 0%, transparent 52%), radial-gradient(ellipse 60% 50% at 8% 88%, #ffffff0a 0%, transparent 48%), var(--mesh-gradient)}
.glass-card{background:color-mix(in srgb, var(--surface-solid) 90%, var(--color-purple));-webkit-backdrop-filter:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:background-color var(--transition-fast);border:none;padding:24px}.glass-card:hover{box-shadow:var(--shadow-md);background:color-mix(in srgb, var(--surface-solid) 84%, var(--color-purple))}.tabs-container{background:var(--bg-surface);border-radius:var(--radius-md);border:none;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-trigger{color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:10px;font-size:11px;font-weight:700}.tab-trigger:hover{color:var(--text-primary)}.tab-trigger.active{background:var(--accent-tint-strong);color:var(--text-primary);box-shadow:none;position:relative}.tab-trigger.active:after{display:none}.input-text{background:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-grow:1;padding:12px 16px;font-family:inherit;font-size:14px}.input-text:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:color-mix(in srgb, var(--bg-surface-raised) 72%, var(--color-purple))}.input-text:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:focus{border-color:var(--border-focus);box-shadow:0 0 0 1000px var(--surface-solid) inset, 0 0 0 3px var(--focus-ring)}.btn-primary{background:var(--btn-primary-bg,var(--color-peach));color:var(--btn-primary-text,var(--text-primary));font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--btn-primary-shadow,0 2px 10px #f9d59b73);border:none;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:700}.btn-add-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.btn-primary:hover{background:var(--btn-primary-bg-hover,#f5c888);box-shadow:var(--btn-primary-shadow-hover,0 4px 14px #f9d59b8c);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-raised);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:999px;padding:10px 18px;font-size:11px;font-weight:700}.btn-secondary:hover{background:var(--accent-tint-strong)}.btn-danger{background:var(--color-pink);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;padding:10px 18px;font-size:11px;font-weight:700;box-shadow:0 2px 10px #f4a7b966}.btn-danger:hover{background:#f08aaa;transform:translateY(-1px)}.btn-delete{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-delete:hover{color:var(--accent-rose);background:#f4a7b933}.select-input{appearance:none;background-color:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5268' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-family:inherit;font-size:13px}.select-input:hover{background-color:var(--accent-tint)}.select-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--accent-tint-strong)}.custom-select{width:100%;position:relative}.custom-select-trigger{background-color:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.custom-select-trigger:hover{background-color:var(--accent-tint)}.custom-select.is-open .custom-select-trigger,.custom-select-trigger:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--accent-tint-strong)}.custom-select-value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.custom-select-chevron{color:var(--text-primary);opacity:.55;transition:transform var(--transition-fast), opacity var(--transition-fast);flex-shrink:0}.custom-select.is-open .custom-select-chevron{opacity:.85;transform:rotate(180deg)}.custom-select-menu{background:color-mix(in srgb, var(--surface-solid) 92%, var(--color-purple));-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:200px;margin:0;padding:5px;list-style:none;animation:.15s cubic-bezier(.4,0,.2,1) dropdown-in;overflow-y:auto}.custom-select-menu-portal{z-index:9999;position:fixed}.custom-select-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:5px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;display:block}.custom-select-option:hover{background:var(--accent-tint)}.custom-select-option.selected{background:var(--accent-tint-strong);color:var(--text-primary);font-weight:600}.settings-select,.settings-select .custom-select-trigger{width:100%}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-script);padding:40px 20px;font-size:18px;font-style:normal;font-weight:500;line-height:1.45}.loading-state{text-align:center;color:var(--text-secondary);font-family:var(--font-script);padding:48px 24px;font-size:20px}