:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--b50:var(--blue-50);--b100:var(--blue-100);--b200:var(--blue-200);--b300:var(--blue-300);--b400:var(--blue-400);--b500:var(--blue-500);--b600:var(--blue-600);--b700:var(--blue-700);--b800:var(--blue-800);--b900:var(--blue-900);--glass-strong:var(--glass-bg-strong);--blur:var(--glass-blur);--shadow-lg:var(--glass-shadow-lg);--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffbf;--glass-bg-subtle:#ffffff4d;--glass-border:#fffc;--glass-border-dim:#fff6;--glass-shadow:0 8px 32px #2563eb1f, 0 2px 8px #2563eb14;--glass-shadow-lg:0 20px 60px #2563eb2e, 0 4px 16px #2563eb1a;--glass-blur:blur(20px) saturate(180%);--glass-blur-sm:blur(12px) saturate(160%);--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--dur-instant:90ms;--dur-fast:.16s;--dur-base:.22s;--dur-slow:.32s;--dur-enter:.44s;--dur-progress:.7s;--dur-tab:.38s;--ease-tab:cubic-bezier(.55, 0, .25, 1.06);--stagger:45ms}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:#dbeafe}body{font-family:var(--font-body);color:#0f172a;-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;overflow:hidden scroll}.app-backdrop{height:100vh;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 30%,#fff 55%,#bfdbfe 80%,#dbeafe 100%);height:100lvh;position:fixed;top:0;left:0;right:0}body:before,body:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:600px;height:600px;animation:14s ease-in-out infinite alternate drift1;top:-100px;right:-100px}body:after{background:radial-gradient(circle,#93c5fd40 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite alternate drift2;bottom:-80px;left:-80px}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,80px)scale(1.15)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(80px,-60px)scale(1.2)}}:where(a,button,[role=button],[role=link],label){-webkit-tap-highlight-color:transparent}:where(button:not(:disabled),[role=button]):active{scale:.97}:where([role=link]):active{scale:.985}:where(button,[role=button],[role=link]){transition:scale var(--dur-fast) var(--ease-out)}:where(a,button,[role=button],[role=link]):focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(app-navbar){z-index:100;animation:none}html:active-view-transition [data-navbar]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}::view-transition-old(app-navbar){display:none}::view-transition-new(app-navbar){animation:none}::view-transition-old(.tab-out-left){animation:vt-tab-out-left var(--dur-tab) var(--ease-tab) both}::view-transition-new(.tab-in-right){animation:vt-tab-in-right var(--dur-tab) var(--ease-tab) both}::view-transition-old(.tab-out-right){animation:vt-tab-out-right var(--dur-tab) var(--ease-tab) both}::view-transition-new(.tab-in-left){animation:vt-tab-in-left var(--dur-tab) var(--ease-tab) both}.page-clip{overflow-x:clip}.page-slide-from-right{animation:vt-tab-in-right var(--dur-tab) var(--ease-tab) both}.page-slide-from-left{animation:vt-tab-in-left var(--dur-tab) var(--ease-tab) both}html[data-entry=right]{--enter-x:100px;--enter-y:0px}html[data-entry=left]{--enter-x:-100px;--enter-y:0px}@keyframes vt-tab-out-left{to{transform:translate(-100%)}}@keyframes vt-tab-in-right{0%{transform:translate(100%)}}@keyframes vt-tab-out-right{to{transform:translate(100%)}}@keyframes vt-tab-in-left{0%{transform:translate(-100%)}}::view-transition-group(.goal-morph){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-group(.goal-move){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-group(.task-move){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-image-pair(.goal-morph){animation-name:vt-soften}::view-transition-old(.goal-exit){animation:vt-exit var(--dur-base) var(--ease-in) both}::view-transition-new(.goal-enter){animation:vt-enter var(--dur-slow) var(--ease-out) both}@keyframes vt-enter{0%{opacity:0;transform:scale(.94)}}@keyframes vt-soften{35%{filter:blur(2px)}}@keyframes vt-exit{to{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms!important}::view-transition-old(*){animation-duration:1ms!important}::view-transition-new(*){animation-duration:1ms!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}html[data-sliding] main,html[data-sliding] main *,[data-reveal]:not([data-revealed]),[data-reveal]:not([data-revealed]) *{animation-play-state:paused!important}[data-reveal=up]{animation:reveal-up var(--dur-enter) var(--ease-out) var(--reveal-delay,0s) both}@keyframes reveal-up{0%{opacity:0;transform:translate(var(--enter-x,0px), var(--enter-y,18px))}to{opacity:1;transform:translate(0)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg)}.glass-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3b82f680}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:4px}[data-sortable-item]{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-sortable-item] :is(button,a,input,textarea,select,label){cursor:pointer}@media (pointer:coarse){input,select,textarea{font-size:16px!important}}
