@font-face{font-family:Sora;font-style:normal;font-weight:300 700;font-display:swap;src:url(/app/fonts/sora-latin.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/app/fonts/dmsans-latin.woff2) format("woff2")}:root{color-scheme:dark;--bg: #0c0e16;--bg-2: #0e1120;--surface: #141828;--surface-2: #1c2238;--surface-3: #242c44;--hover: rgba(255, 255, 255, .035);--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .13);--line-3: rgba(255, 255, 255, .3);--text: #eef0fa;--soft: #b9c1d6;--muted: #8a94b0;--lav: #c084fc;--ind: #818cf8;--ink: #cfa8ff;--grad: linear-gradient(135deg, #c084fc, #818cf8);--grad-ink: var(--grad);--on-grad: #0c0e16;--glow: rgba(192, 132, 252, .16);--glow-2: rgba(129, 140, 248, .14);--done: #22c55e;--late: #f87171;--warn: #fbbf24;--ok: #4ade80;--chip-day: rgba(192, 132, 252, .16);--chip-day-t: #e4d2ff;--chip-time: rgba(129, 140, 248, .18);--chip-time-t: #d3d8ff;--chip-rep: rgba(45, 212, 191, .15);--chip-rep-t: #a7f3e4;--chip-title: rgba(255, 255, 255, .07);--chip-title-t: #eef0fa;--tint: #fff;--tint-k: 70%;--header-bg: rgba(12, 14, 22, .76);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 14px 34px -14px rgba(0, 0, 0, .6);--shadow-3: 0 40px 90px -32px rgba(0, 0, 0, .8), 0 0 0 1px var(--line);--dots: rgba(255, 255, 255, .06);--f-display: "Sora", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-12: .75rem;--t-13: .8125rem;--t-14: .875rem;--t-15: .9375rem;--t-16: 1rem;--t-17: 1.0625rem;--t-lead: clamp(1.0625rem, 1rem + .4vw, 1.25rem);--t-h3: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);--t-h2: clamp(1.75rem, 1.35rem + 1.9vw, 2.75rem);--t-h1: clamp(2.25rem, 1.4rem + 3.6vw, 3.75rem);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--section: clamp(64px, 6vw + 40px, 120px);--gutter: 16px;--max: 1120px;--header-h: 64px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 20px;--r-5: 28px;--ease: cubic-bezier(.2, .7, .2, 1);--spring: cubic-bezier(.3, 1.45, .5, 1)}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #f3f3f8;--bg-2: #f7f7fc;--surface: #ffffff;--surface-2: #f0f0f6;--surface-3: #e4e4f0;--hover: rgba(24, 25, 46, .035);--line: rgba(24, 25, 46, .08);--line-2: rgba(24, 25, 46, .14);--line-3: rgba(24, 25, 46, .34);--text: #18192e;--soft: #45476a;--muted: #5d5f82;--ink: #7c3aed;--grad-ink: linear-gradient(135deg, #9333ea, #4f46e5);--glow: rgba(124, 58, 237, .12);--glow-2: rgba(99, 102, 241, .1);--done: #16a34a;--late: #dc2626;--warn: #9a4a05;--ok: #11703a;--chip-day: rgba(124, 58, 237, .1);--chip-day-t: #6d28d9;--chip-time: rgba(79, 70, 229, .1);--chip-time-t: #4338ca;--chip-rep: rgba(13, 148, 136, .11);--chip-rep-t: #0f766e;--chip-title: rgba(24, 25, 46, .06);--chip-title-t: #18192e;--tint: #000;--tint-k: 50%;--header-bg: rgba(243, 243, 248, .8);--shadow-1: 0 1px 2px rgba(30, 30, 70, .08);--shadow-2: 0 14px 34px -16px rgba(40, 30, 90, .22);--shadow-3: 0 40px 80px -34px rgba(40, 30, 90, .32), 0 0 0 1px var(--line);--dots: rgba(24, 25, 46, .07)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:var(--t-17);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow-wrap:break-word;text-wrap:balance}p,ul,ol,figure,fieldset,blockquote{margin:0}p{text-wrap:pretty}ul,ol{padding:0}a{color:inherit}img,svg{display:block}img{max-width:100%;height:auto}button,input{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--lav);outline-offset:3px;border-radius:8px}::selection{background:#c084fc59}.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 16px;border-radius:var(--r-2);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;box-shadow:var(--shadow-2)}.skip:focus{top:12px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}@media (min-width: 720px){:root{--gutter: 28px}}@media (min-width: 1100px){:root{--gutter: 32px}}.link{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.link:hover{text-decoration-thickness:2px}.grad-text{color:var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.grad-text{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}}.btn{--h: 48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:10px 22px;border-radius:14px;border:1px solid transparent;font:600 var(--t-16)/1.2 var(--f-body);text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .16s var(--ease),box-shadow .2s,background-color .2s,border-color .2s,filter .2s}.btn .ic{width:18px;height:18px}.btn-primary{background:var(--grad);color:var(--on-grad);font-weight:700;box-shadow:inset 0 1px #ffffff59,0 10px 28px -10px #c084fca6}.btn-primary:hover{filter:brightness(1.06) saturate(1.05);box-shadow:inset 0 1px #fff6,0 14px 34px -10px #c084fcbf}.btn-quiet{background:var(--surface);border-color:var(--line-2);color:var(--text)}.btn-quiet:hover{border-color:var(--line-3)}@media (hover: hover){.btn:hover{transform:translateY(-1px)}}.btn:active{transform:translateY(0) scale(.98)}.btn-sm{--h: 44px;padding:8px 16px;border-radius:12px;font-size:var(--t-15)}.btn-lg{--h: 52px;padding:12px 26px;font-size:var(--t-17);border-radius:15px}.btn-block{width:100%}.when-in,.is-in .when-out{display:none}.is-in .when-in{display:inline-flex}.is-in .menu-sheet .when-out{display:none}.more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:var(--s-2);color:var(--ink);font-weight:600;font-size:var(--t-15);text-decoration:none}.more .ic{width:16px;height:16px;transition:transform .2s var(--ease)}.more:hover{text-decoration:underline;text-underline-offset:3px}.more:hover .ic{transform:translate(3px)}.site-head{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.site-head{background:var(--bg)}}.site-head.is-scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px -18px #00000080}.head-in{display:flex;align-items:center;gap:var(--s-2);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;flex:none;color:var(--text);text-decoration:none;font:700 1.125rem/1 var(--f-display);letter-spacing:-.02em}.brand img{width:32px;height:32px;border-radius:9px}.nav{display:none}.nav a,.head-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--soft);font-weight:600;font-size:var(--t-15);text-decoration:none;transition:color .15s,background-color .15s}.nav a:hover,.head-link:hover{color:var(--text);background:var(--hover)}.nav a[aria-current=page]{color:var(--text)}.head-actions{display:flex;align-items:center;gap:var(--s-2)}.head-link{display:none}.menu{position:relative}.menu>summary{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu>summary::-webkit-details-marker{display:none}.menu>summary .ic{width:20px;height:20px}.menu[open]>summary{background:var(--surface-2);border-color:var(--line-3)}.menu-close,.menu[open] .menu-open{display:none}.menu[open] .menu-close{display:block}.menu-sheet{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px));padding:8px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-3);transform-origin:top right}.menu-sheet a:not(.btn){display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;color:var(--text);font-weight:600;text-decoration:none}.menu-sheet a:not(.btn):hover{background:var(--hover)}.menu-sheet hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.menu-sheet .btn{width:100%;margin-top:6px}@media (max-width: 359px){.head-actions>.btn-sm{padding-inline:12px}}@media (min-width: 900px){.brand{margin-right:0;flex:1 1 0}.nav{display:flex;gap:2px}.head-actions{flex:1 1 0;justify-content:flex-end}.head-link{display:inline-flex}.is-in .head-link.when-out,.menu{display:none}}.section{padding-top:var(--section)}.section-head{max-width:46rem}.section-head.center{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:var(--t-14);letter-spacing:.01em}.eyebrow .ic{width:16px;height:16px}.section-head h2{margin-top:var(--s-3);font-size:var(--t-h2);letter-spacing:-.03em}.sub{margin-top:var(--s-4);color:var(--soft);font-size:var(--t-lead);max-width:40em}.section-head.center .sub{margin-inline:auto}.hero{position:relative;isolation:isolate;padding-top:clamp(32px,5vw,80px)}.hero-bg{position:absolute;inset:-64px 0 -120px;z-index:-1;overflow:hidden;pointer-events:none}.hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(42rem 26rem at 18% 18%,var(--glow),transparent 70%),radial-gradient(38rem 28rem at 88% 36%,var(--glow-2),transparent 70%)}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(var(--dots) 1px,transparent 1.4px) 0 0 / 24px 24px;-webkit-mask-image:radial-gradient(60rem 30rem at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(60rem 30rem at 50% 20%,#000 20%,transparent 75%)}.hero-grid{display:grid;gap:clamp(40px,5vw,64px);align-items:center}.hero-copy{min-width:0}.kicker{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 14px 6px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--soft);font-size:var(--t-14);font-weight:600;box-shadow:var(--shadow-1)}.kicker-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px var(--glow)}.hero h1{margin-top:var(--s-5);font-size:var(--t-h1);line-height:1.05;letter-spacing:-.035em}.hero h1 .grad-text{display:inline}.hero-copy>h1:first-child{margin-top:0}.hero h1>.kicker{display:flex;width:fit-content;margin-bottom:var(--s-5);font:600 var(--t-14)/1.4 var(--f-body);letter-spacing:0;text-wrap:wrap}.hero h1>.h1-main{display:block}.lead{margin-top:var(--s-5);max-width:33em;color:var(--soft);font-size:var(--t-lead)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}@media (max-width: 479px){.cta-row .btn{flex:1 1 100%}.hero{padding-top:24px}.hero-grid{gap:32px}.hero h1>.kicker{margin-bottom:var(--s-4)}.hero .lead{margin-top:var(--s-4)}.cta-row{margin-top:var(--s-5)}.hero .facts{margin-top:var(--s-4)}}.facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:var(--s-5);list-style:none;color:var(--muted);font-size:var(--t-14);font-weight:500}.facts li{display:inline-flex;align-items:center;gap:6px}.facts .ic{width:16px;height:16px;color:var(--done);stroke-width:2.4}.runs{display:flex;gap:8px;margin-top:var(--s-3);color:var(--muted);font-size:var(--t-14);line-height:1.5}.runs .ic{width:16px;height:16px;margin-top:2px}@media (min-width: 1000px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.hero-copy{padding-top:clamp(8px,3vw,48px)}}.what{display:grid;gap:var(--s-4);padding:clamp(24px,4vw,40px);border-radius:var(--r-5);background:var(--surface);border:1px solid var(--line)}.what h2{font-size:var(--t-h3);color:var(--ink);letter-spacing:-.01em}.what p{font-size:clamp(1.0625rem,.98rem + .55vw,1.375rem);line-height:1.55;color:var(--text);letter-spacing:-.005em}.what p q{color:var(--ink)}@media (min-width: 900px){.what{grid-template-columns:12rem minmax(0,1fr);gap:var(--s-6)}.what h2{padding-top:6px}}.demo{position:relative;min-width:0}.demo:before{content:"";position:absolute;inset:8% 6% -4%;z-index:-1;border-radius:40px;background:var(--grad);opacity:.22;filter:blur(48px)}.demo-l{display:flex;align-items:center;gap:8px;margin:0 4px 10px;color:var(--text);font-weight:600;font-size:var(--t-15)}.demo-l .ic{width:18px;height:18px;color:var(--ink)}.demo-foot{display:grid;gap:var(--s-3);margin-top:var(--s-4)}.try{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.app-body>.try{--gutter: 12px;margin-top:10px}@media (min-width: 480px){.app-body>.try{--gutter: 16px}}.try-l{color:var(--muted);font-size:var(--t-14);font-weight:600;margin-right:2px}.try-btn{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--soft);font-size:var(--t-14);font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,color .15s,transform .15s var(--ease)}.try-btn:hover{border-color:var(--lav);color:var(--text)}.try-btn:active{transform:scale(.97)}@media (pointer: fine){.try-btn{min-height:34px;padding:4px 12px;font-size:var(--t-13)}}@media (max-width: 599px){.try{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding:8px var(--gutter);margin-block:-6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - 36px),transparent)}.try::-webkit-scrollbar{display:none}.try-l,.try-btn{flex:none;white-space:nowrap}}.demo-hint{color:var(--muted);font-size:var(--t-14);line-height:1.5}.demo-note{margin:10px 4px 2px;color:var(--muted);font-size:var(--t-13)}.demo-note a{color:var(--ink);font-weight:600}.app{position:relative;min-width:0;overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-3);font-size:var(--t-15);line-height:1.45}.app-head{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 16px 8px}.app-head .ic{width:20px;height:20px;color:var(--ink)}.app-emoji{font-size:18px;line-height:1}.app-name{font:700 1.0625rem/1.2 var(--f-display);letter-spacing:-.01em}.app-sub{margin-left:auto;color:var(--muted);font-size:var(--t-13);font-weight:600;white-space:nowrap}.app-prog{height:3px;margin:2px 16px 0;border-radius:2px;background:var(--surface-3);overflow:hidden}.app-prog>i{display:block;height:100%;width:var(--p, 0%);border-radius:inherit;background:var(--grad);transition:width .5s var(--ease)}.app-body{padding:12px}@media (min-width: 480px){.app-body{padding:14px 16px 16px}}.add{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--line-2);transition:border-color .2s,box-shadow .2s}.add:focus-within{border-color:var(--lav);box-shadow:0 0 0 4px var(--glow)}.add>.ic{width:18px;height:18px;color:var(--muted)}@media (max-width: 399px){.add>.ic{display:none}.add{padding-left:14px}}.add-in{flex:1 1 auto;min-width:0;height:44px;border:0;padding:0;background:transparent;color:var(--text);font:500 var(--t-16)/1.3 var(--f-body);outline:none;text-overflow:ellipsis}.add-in::placeholder{color:var(--muted);opacity:1}.add-btn{--h: 40px;padding:6px 16px;border-radius:11px;font-size:var(--t-15);flex:none}.add-btn .ic{display:none}@media (max-width: 399px){.add{padding-right:4px}.add-btn{--h: 44px;position:relative;width:44px;padding:0}.add-btn .ic{display:block;width:20px;height:20px;stroke-width:2.4}.add-btn .add-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.add.is-empty{animation:nudge .35s var(--ease)}@keyframes nudge{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.reads{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;margin:10px 2px 2px}.reads-l{margin-right:2px;color:var(--muted);font-size:var(--t-12);font-weight:700;letter-spacing:.02em}.reads-empty{color:var(--muted);font-size:var(--t-13)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:26px;padding:3px 10px;border-radius:999px;background:var(--chip-title);color:var(--chip-title-t);font-size:var(--t-13);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.chip .ic{width:13px;height:13px;stroke-width:2.2}.chip-day{background:var(--chip-day);color:var(--chip-day-t)}.chip-time,.chip-end{background:var(--chip-time);color:var(--chip-time-t)}.chip-repeat{background:var(--chip-rep);color:var(--chip-rep-t)}.chip-list{background:var(--surface-3);color:var(--c, var(--text))}@supports (color: color-mix(in srgb,red 50%,blue)){.chip-list{background:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) var(--tint-k),var(--tint))}}.chip.is-new{animation:chip-in .32s var(--spring) both}@keyframes chip-in{0%{opacity:0;transform:translateY(4px) scale(.9)}}.l-work{--c: #0ea5e9}.l-school{--c: #6366f1}.l-health{--c: #10b981}.l-personal{--c: #f59e0b}.l-finance{--c: #a855f7}.l-groceries{--c: #14b8a6}.tasks{display:grid;gap:4px;margin-top:10px;list-style:none}.task{position:relative}.task-row{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px;border-radius:12px;border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}.task-row:hover{background:var(--hover);border-color:var(--line-2)}.tick-in{position:absolute;left:12px;top:12px;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}.tick{position:relative;flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:2px solid var(--line-3);transition:border-color .2s}.tick:before{content:"";position:absolute;inset:-2px;border-radius:7px;background:var(--done);transform:scale(0);transition:transform .28s var(--spring)}.tick:after{content:"";position:absolute;inset:-6px;border-radius:11px;border:2px solid var(--done);opacity:0;pointer-events:none}.tick svg{position:relative;width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .24s .1s var(--ease)}.tick-in:checked+.tick{border-color:var(--done)}.tick-in:checked+.tick:before{transform:scale(1)}.tick-in:checked+.tick svg{stroke-dashoffset:0}.tick-in:checked:not(.is-pre)+.tick{animation:tick-pop .34s var(--spring)}.tick-in:checked:not(.is-pre)+.tick:after{animation:tick-ring .6s var(--ease)}@keyframes tick-pop{0%{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes tick-ring{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.tick-in:focus-visible+.tick{outline:3px solid var(--lav);outline-offset:3px}.tick-in:disabled,.tick-in:disabled+.tick{cursor:not-allowed}.tick-in:disabled+.tick{opacity:.45}.task-main{flex:1 1 auto;min-width:0;transition:opacity .35s .25s,transform .35s .2s var(--ease)}.task-title{color:var(--text);font-weight:500;font-size:var(--t-15);line-height:1.45;overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 62% / 0 1.5px no-repeat;transition:background-size .32s .06s var(--ease),color .3s .18s}.tick-in:checked~.task-main{transform:translate(2px)}.tick-in:checked~.task-main .task-title{background-size:100% 1.5px;color:var(--muted)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px}.task-meta:empty{display:none}.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--c, var(--text));font-size:var(--t-12);font-weight:600;line-height:1.5}@supports (color: color-mix(in srgb,red 50%,blue)){.tag{background:color-mix(in srgb,var(--c) 16%,transparent);color:color-mix(in srgb,var(--c) var(--tint-k),var(--tint))}}.when{color:var(--muted);font-size:var(--t-13)}.when.is-late{color:var(--late);font-weight:700}.clock,.rep{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-13)}.clock{color:var(--ink);font-weight:600}.rep{color:var(--muted)}.clock .ic,.rep .ic{width:13px;height:13px;stroke-width:2.2}.task.is-new .task-row{animation:row-glow 1.6s var(--ease)}@keyframes row-glow{0%{background:var(--glow);border-color:var(--lav)}to{background:transparent}}.del{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.del:hover{color:var(--late);background:var(--hover)}.del .ic{width:18px;height:18px}.part-h{display:flex;align-items:center;gap:6px;margin:12px 4px 4px;color:var(--muted);font-size:var(--t-12);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.part-h:first-child{margin-top:0}.part-h span{font-weight:600}.part-h+.tasks{margin-top:0}.ring{--p: 0%;margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:conic-gradient(var(--lav) var(--p),var(--surface-3) 0);font-size:11px;font-weight:700;color:var(--text)}.ring>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface)}.steps-bar{height:3px;max-width:160px;margin-top:6px;border-radius:2px;background:var(--surface-3);overflow:hidden}.steps-bar>i{display:block;height:100%;width:var(--p, 0%);background:var(--grad)}.habits{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.habits.is-top{margin:0 0 12px;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line)}.habit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;font-size:var(--t-14);font-weight:500}.habit+.habit{margin-top:10px}.days{display:flex;gap:4px;list-style:none}.days li{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-3);color:var(--muted);font-size:10px;font-weight:700}.days li.on{border-color:transparent;background:var(--grad);color:var(--on-grad)}.focus{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:var(--t-14)}.focus-ring{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:conic-gradient(var(--lav) 72%,var(--surface-3) 0);font:700 12px/1 var(--f-display)}.focus-ring>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg)}.focus b{display:block}.focus small{color:var(--muted);font-size:var(--t-13)}.mock-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;border-radius:8px;flex:none;border:1px solid var(--line-2);color:var(--text);font-size:var(--t-12);font-weight:700;white-space:nowrap}.mock-btn.is-late{color:var(--late);border-color:currentColor}.matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quad{min-width:0;padding:10px;border-radius:12px;background:var(--bg);border:1px solid var(--line-2);border-top:3px solid var(--c)}.q1{--c: #ef4444}.q2{--c: #facc15}.q3{--c: #f97316}.q4{--c: #2dd4bf}.quad-h{color:var(--c);font-size:var(--t-12);font-weight:700;letter-spacing:.02em}@supports (color: color-mix(in srgb,red 50%,blue)){.quad{background:color-mix(in srgb,var(--c) 8%,var(--bg))}.quad-h{color:color-mix(in srgb,var(--c) var(--tint-k),var(--tint))}}.qcard{margin-top:6px;padding:7px 9px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:var(--t-13);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.qcard small{display:block;margin-top:2px;color:var(--muted);font-size:var(--t-12);font-weight:500}.seg-field{min-width:0;margin:0;padding:0;border:0}.seg-l{padding:0;margin-bottom:8px;color:var(--muted);font-size:var(--t-13);font-weight:600}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface)}.seg label{position:relative;display:inline-flex}.seg input{position:absolute;opacity:0;width:1px;height:1px}.seg span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;color:var(--soft);font-size:var(--t-14);font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.seg input:checked+span{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-1)}.seg input:focus-visible+span{outline:3px solid var(--lav);outline-offset:2px}.share-pill,.role-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:var(--t-12);font-weight:700;white-space:nowrap}.share-pill{margin-left:auto;background:var(--chip-day);color:var(--chip-day-t)}.share-pill .ic{width:13px;height:13px}.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0 16px 6px;color:var(--muted);font-size:var(--t-13)}.role-pill{background:var(--surface-3);color:var(--text)}.note-box{margin:0 0 8px;padding:9px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:var(--t-13);line-height:1.5}[data-role=view] .can-edit,[data-role=view] .can-delete,[data-role=edit] .can-delete,[data-role=edit] .only-view,[data-role=delete] .only-view{display:none}[data-role=delete] .task-row{padding-right:52px}.toast{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--surface-3);color:var(--text);font-size:var(--t-14);font-weight:600;box-shadow:var(--shadow-2);animation:toast-in .25s var(--ease)}.toast button{margin-left:auto;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-weight:700;cursor:pointer}.toast-live:empty{margin:0}@media (pointer: coarse){.try-btn,.seg span,.hab-chip>span,.toast button{min-height:44px}.add-btn{--h: 44px}.del{width:44px;height:44px}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);font-size:var(--t-13);font-weight:600;white-space:nowrap}.pill-warn{color:var(--warn);border-color:currentColor}.pill-ok{color:var(--ok);border-color:currentColor}.pill .ic{width:14px;height:14px}.card{min-width:0;padding:var(--s-5);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line);transition:border-color .2s}.card:hover{border-color:var(--line-2)}.card h3{font-size:var(--t-h3)}.card p{margin-top:var(--s-2);color:var(--soft);font-size:var(--t-16)}.card-ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--s-4);border-radius:13px;background:var(--chip-day);color:var(--ink)}.card-ic .ic{width:22px;height:22px}.card.is-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;column-gap:14px}.card.is-row>.card-ic{margin:0}.card.is-row>h3{align-self:center}.card.is-row>:not(.card-ic):not(h3){grid-column:1 / -1}.card.is-row>p:first-of-type{margin-top:var(--s-3)}.steps{display:grid;gap:14px;margin-top:var(--s-7);list-style:none}.step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;align-content:start;min-width:0;padding:var(--s-5);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line)}.step>p{grid-column:2}.step-n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--grad);color:var(--on-grad);font:700 16px/1 var(--f-display)}.step h3{align-self:center;font-size:var(--t-h3)}.step p{margin-top:var(--s-2);color:var(--soft);font-size:var(--t-16)}.step q{color:var(--text);font-weight:600}@media (max-width: 719px){.step{padding:18px 20px}.step>p{grid-column:1 / -1;margin-top:12px}}@media (min-width: 720px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width: 1100px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step{display:block}.step h3{margin-top:var(--s-4)}.step:not(:last-child):after{content:"";position:absolute;top:42px;right:-16px;width:16px;height:2px;background:var(--line-2)}}.bento{display:grid;gap:16px;margin-top:var(--s-7)}.tile{display:flex;flex-direction:column;min-width:0;padding:var(--s-4);border-radius:var(--r-5);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .25s var(--ease)}.tile:hover{border-color:var(--line-2)}.tile h3{margin:var(--s-5) var(--s-2) 0;font-size:var(--t-h3)}.tile p{margin:var(--s-2) var(--s-2) 0;color:var(--soft);font-size:var(--t-16)}.tile .more{margin-left:var(--s-2);margin-top:auto;padding-top:var(--s-2)}.tile>p:last-child{margin-bottom:var(--s-2)}.viz{position:relative;min-width:0;padding:14px;border-radius:var(--r-4);background:var(--bg-2);border:1px solid var(--line);overflow:hidden}.viz .tasks,.viz .focus{margin-top:0}.app-body>.tasks:first-child{margin-top:0}.viz .task-row{padding:9px 10px;min-height:0;cursor:default}.viz .task-row:hover{background:transparent;border-color:var(--line)}@media (max-width: 719px){.tile{padding:12px}.viz{padding:10px}.said{padding:10px 12px}.tile h3,.tile p{margin-inline:6px}.tile .more{margin-left:6px}}.said-list{display:grid;gap:10px;list-style:none}.said{padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.said-q{color:var(--text);font-weight:600;font-size:var(--t-15)}.said-q:before{content:"\201c";color:var(--muted)}.said-q:after{content:"\201d";color:var(--muted)}.said .chips{margin-top:8px}.tile.is-small{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;column-gap:14px;padding:20px}.tile.is-small .card-ic{margin:0}.tile.is-small h3{align-self:center;margin:0}.tile.is-small p,.tile.is-small .more{grid-column:1 / -1;margin-inline:0}.tile.is-small p{margin-top:var(--s-3);font-size:var(--t-15)}.tile.is-small .more{margin-top:var(--s-1);padding-top:0}@media (min-width: 720px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento>.span-2{grid-column:1 / -1}}@media (min-width: 1000px){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.tile.span-2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--s-6)}.tile.span-2>.viz{grid-row:1 / 4}.tile.span-2>h3{margin-top:var(--s-3)}}.tabs{margin-top:var(--s-6)}.tablist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--soft);font-weight:600;font-size:var(--t-15);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-1)}@media (min-width: 600px){.tablist{display:inline-grid;grid-template-columns:repeat(4,auto)}}.panel{display:grid;gap:var(--s-6);align-items:center;margin-top:var(--s-6)}.panel+.panel{margin-top:var(--s-8)}.is-tabs .panel+.panel{margin-top:var(--s-6)}.panel.is-shown{animation:panel-in .4s var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.panel-copy{min-width:0}.panel-copy h3{font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);letter-spacing:-.02em}.panel-copy>p{margin-top:var(--s-3);color:var(--soft);font-size:var(--t-17)}.panel-copy q{color:var(--text);font-weight:600}.ticks{display:grid;gap:10px;margin-top:var(--s-5);list-style:none}.ticks li{display:flex;gap:10px;color:var(--soft);font-size:var(--t-16)}.ticks .ic{width:18px;height:18px;margin-top:3px;color:var(--done);stroke-width:2.4}.panel-shot{display:grid;gap:var(--s-3);min-width:0}.panel-app{box-shadow:var(--shadow-2),0 0 0 1px var(--line)}.panel-copy>.more{margin-top:var(--s-4)}.panel-fine{margin-top:var(--s-4);color:var(--muted);font-size:var(--t-15)}@media (max-width: 899px){.panel{gap:var(--s-5)}.tabs .panel{gap:var(--s-4)}.tabs .panel-copy{display:contents}.tabs .panel-copy>h3{order:-2}.tabs .panel-shot{order:-1}.tabs .panel-copy>:not(h3){margin-top:0}}@media (min-width: 900px){.panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--s-8)}}.rights{display:grid;gap:12px;list-style:none}.right{display:flex;gap:14px;padding:16px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line)}.right-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--chip-day);color:var(--ink)}.right-ic .ic{width:20px;height:20px}.right h3,.right h4{font:700 var(--t-16)/1.3 var(--f-body);letter-spacing:0}.right p{margin-top:2px;color:var(--soft);font-size:var(--t-15)}@media (min-width: 720px){.rights{grid-template-columns:repeat(2,minmax(0,1fr))}}.rights.is-compact{gap:8px;margin-top:var(--s-5)}.rights.is-compact .right{gap:12px;padding:12px}.rights.is-compact .right-ic{width:34px;height:34px;border-radius:10px}.rights.is-compact .right-ic .ic{width:18px;height:18px}.rights.is-compact p{font-size:var(--t-14)}.grid-3{display:grid;gap:16px;margin-top:var(--s-7)}@media (min-width: 720px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3>:last-child:nth-child(odd){grid-column:span 2}}@media (min-width: 1000px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3>:last-child:nth-child(odd){grid-column:auto}.grid-3>.span-2{grid-column:span 2}}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:var(--s-4)}.pills .arrow{color:var(--muted)}.faq{max-width:52rem;margin-top:var(--s-6);border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 4px;list-style:none;cursor:pointer;font:600 var(--t-17)/1.4 var(--f-body);-webkit-tap-highlight-color:transparent}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font:inherit;letter-spacing:0}.faq summary .ic{width:20px;height:20px;color:var(--muted);transition:transform .25s var(--ease)}.faq details[open] summary .ic{transform:rotate(45deg);color:var(--ink)}.faq summary:hover h3{color:var(--ink)}.answer{padding:0 4px 22px;max-width:46em;color:var(--soft)}.faq-more{margin-top:var(--s-4)}.closing-box{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:var(--s-4);padding:clamp(40px,6vw,72px) clamp(20px,4vw,48px);border-radius:var(--r-5);text-align:center;background:var(--surface);border:1px solid var(--line-2)}.closing-box:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(34rem 18rem at 50% 120%,var(--glow),transparent 70%),radial-gradient(24rem 14rem at 10% -20%,var(--glow-2),transparent 70%)}.closing-box h2{font-size:var(--t-h2);letter-spacing:-.03em}.closing-box p{max-width:34em;color:var(--soft);font-size:var(--t-lead)}.closing-box .fine{color:var(--muted);font-size:var(--t-14)}.closing-box .cta-row{justify-content:center;margin-top:var(--s-2)}.site-foot{margin-top:var(--section);padding:var(--s-7) 0 var(--s-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--t-15)}.foot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-4)}.foot-brand{grid-column:span 2}.foot-brand p{max-width:24em;margin-top:var(--s-3)}.foot-h{color:var(--text);font:700 var(--t-14)/1.3 var(--f-body);letter-spacing:.01em}.foot-col ul{display:grid;margin-top:var(--s-2);list-style:none}.foot-col a{display:inline-flex;align-items:center;min-height:44px;color:var(--soft);text-decoration:none}.foot-col a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line)}@media (min-width: 560px){.foot-grid{column-gap:var(--s-6)}}@media (min-width: 900px){.foot-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.foot-brand{grid-column:auto}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-pending{opacity:0;transform:translateY(18px)}.bento>.reveal:nth-child(3n+2),.steps>.reveal:nth-child(4n+2),.grid-3>.reveal:nth-child(3n+2){transition-delay:.07s}.bento>.reveal:nth-child(3n),.steps>.reveal:nth-child(4n+3),.grid-3>.reveal:nth-child(3n){transition-delay:.14s}.steps>.reveal:nth-child(4n){transition-delay:.21s}.menu[open] .menu-sheet{animation:sheet-in .18s var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}@media print{.site-head{position:static}.reveal.is-pending{opacity:1;transform:none}.menu,.demo:before,.hero-bg{display:none}}@property --p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.ring{transition:--p .5s var(--ease)}.crumbs{padding-top:var(--s-2);color:var(--muted);font-size:var(--t-14)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;list-style:none}.crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}.crumbs li+li:before{content:"/";color:var(--line-3)}.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--soft);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.crumbs [aria-current=page]{color:var(--text);font-weight:600}.hero.is-page{padding-top:clamp(8px,2vw,28px)}.hero.is-page h1{font-size:clamp(2rem,1.3rem + 2.9vw,3.25rem);line-height:1.08}.hero.is-solo .hero-copy{max-width:48rem}.hero.is-page.nf{padding-top:clamp(32px,6vw,80px)}.hero .shot{position:relative;min-width:0}.hero .shot:before{content:"";position:absolute;inset:10% 8% -4%;z-index:-1;border-radius:40px;background:var(--grad);opacity:.18;filter:blur(48px)}.shot-note{margin-top:var(--s-3);color:var(--muted);font-size:var(--t-14);line-height:1.5}.panel-copy>h2{font-size:var(--t-h2);letter-spacing:-.03em}.panel-copy>.eyebrow+h2{margin-top:var(--s-3)}.steps.is-list{max-width:52rem}@media (min-width: 720px){.steps.is-list{grid-template-columns:minmax(0,1fr)}}@media (min-width: 1100px){.steps.is-list .step{display:grid}.steps.is-list .step h3{margin-top:0}.steps.is-list .step:after{content:none}}.how-grid{display:grid;gap:var(--s-6);margin-top:var(--s-6)}.how-grid .steps{margin-top:0}.how-shot{display:grid;gap:var(--s-3);min-width:0}@media (max-width: 999px){.how-shot{order:-1}}@media (min-width: 1000px){.how-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-7);align-items:start}.how-shot{position:sticky;top:calc(var(--header-h) + 24px)}}.ex{min-width:0;padding:var(--s-5);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line)}.ex h3{font-size:var(--t-h3)}.ex>p{margin-top:var(--s-2);color:var(--soft);font-size:var(--t-16)}.ex .said-list{margin-top:var(--s-4)}.ex .said{background:var(--bg-2)}@media (max-width: 719px){.ex{padding:var(--s-4)}}.limits{display:grid;gap:10px;margin-top:var(--s-6);max-width:52rem;list-style:none}.limits li{position:relative;padding:14px 16px 14px 42px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line);color:var(--soft);font-size:var(--t-16)}.limits li:before{content:"";position:absolute;left:17px;top:calc(14px + .8em);width:12px;height:2px;border-radius:2px;background:var(--muted)}.limits b{color:var(--text);font-weight:600}.grid-2{display:grid;gap:16px;margin-top:var(--s-6)}@media (min-width: 720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card .ticks,.card .limits{margin-top:var(--s-4)}.card .limits li{background:var(--bg-2)}.rel{display:grid;gap:12px;margin-top:var(--s-6);list-style:none}@media (min-width: 720px){.rel{grid-template-columns:repeat(3,minmax(0,1fr))}}.rel a{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--s-5);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line);color:var(--soft);text-decoration:none;transition:border-color .2s,transform .2s var(--ease)}.rel a:hover{border-color:var(--lav)}@media (hover: hover){.rel a:hover{transform:translateY(-2px)}}.rel-t{display:flex;align-items:center;gap:8px;color:var(--text);font:700 var(--t-17)/1.3 var(--f-display);letter-spacing:-.01em}.rel-t .ic{width:16px;height:16px;margin-left:auto;color:var(--ink);transition:transform .2s var(--ease)}.rel a:hover .rel-t .ic{transform:translate(3px)}.rel-d{font-size:var(--t-15);line-height:1.5}.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-5);list-style:none}.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--soft);font-weight:600;font-size:var(--t-15);text-decoration:none;transition:border-color .15s,color .15s}.toc a:hover{border-color:var(--lav);color:var(--text)}.table-wrap{margin-top:var(--s-6);max-width:52rem;border-radius:var(--r-4);border:1px solid var(--line);background:var(--surface);overflow:hidden}.rtable{width:100%;border-collapse:collapse;font-size:var(--t-15);line-height:1.4}.rtable th,.rtable td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.rtable tr:last-child>*{border-bottom:0}.rtable thead th{background:var(--surface-2);color:var(--text);font-size:var(--t-14);font-weight:700}.rtable tbody th{text-align:left;color:var(--soft);font-weight:500}.rtable .ic{margin-inline:auto;width:20px;height:20px;color:var(--done);stroke-width:2.4}.rtable .no{color:var(--muted)}@media (max-width: 479px){.rtable th,.rtable td{padding:10px 6px;font-size:var(--t-14)}.rtable thead th{font-size:var(--t-12)}}.table-note{margin-top:var(--s-3);max-width:52rem;color:var(--muted);font-size:var(--t-14)}.layers{display:grid;gap:8px;margin-top:var(--s-5);list-style:none}.layer{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line);color:var(--soft);font-size:var(--t-15)}.layer .step-n{width:30px;height:30px;flex:none;border-radius:9px;font-size:14px}.layer b{color:var(--text);font-weight:600}.opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-4);list-style:none}.opt{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--soft);font-size:var(--t-14);font-weight:600}.opt.is-on{border-color:transparent;background:var(--surface-3);color:var(--text)}.field-l{display:block;margin:12px 2px 6px;color:var(--muted);font-size:var(--t-12);font-weight:700;letter-spacing:.02em}.field-l:first-child{margin-top:0}.mock-field{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:11px;background:var(--bg);border:1px solid var(--line-2);color:var(--muted);font-size:var(--t-14);overflow-wrap:anywhere}.mock-field .ic{width:16px;height:16px;color:var(--muted)}.mock-field b{color:var(--text);font-weight:600}.mock-field+.mock-field{margin-top:6px}.mock-field .mock-btn{margin-left:auto}.app .opts{margin-top:0}.app .opt{min-height:30px;font-size:var(--t-13);background:transparent}.app .opt.is-on{background:var(--surface-3)}.mock-cta{display:flex;justify-content:flex-end;margin-top:12px}.mock-cta span{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:10px;background:var(--grad);color:var(--on-grad);font-size:var(--t-14);font-weight:700}.carry{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--muted);font-size:var(--t-13);font-weight:600}.carry .ic{width:14px;height:14px}.hab-strip{margin-bottom:12px;padding:10px 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--bg)}.hab-strip-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:700 var(--t-13)/1.3 var(--f-display)}.hab-strip-h span{color:var(--muted);font:600 var(--t-12)/1.3 var(--f-body)}.hab-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hab-chip{position:relative;display:inline-flex;cursor:pointer}.hab-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.hab-chip>span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 13px;border-radius:999px;border:1.5px solid var(--line-2);color:var(--muted);font-size:var(--t-13);font-weight:600;transition:border-color .2s,background-color .2s,color .2s}.hab-chip input:checked+span{border-color:var(--c);color:var(--text);background:var(--surface-3)}@supports (color: color-mix(in srgb,red 50%,blue)){.hab-chip input:checked+span{background:color-mix(in srgb,var(--c) 18%,transparent)}}.hab-chip input:focus-visible+span{outline:3px solid var(--lav);outline-offset:2px}.hab-chip .on,.hab-chip input:checked+span .off{display:none}.hab-chip input:checked+span .on{display:inline}.part-h em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}.day-done{margin-top:12px;padding:10px 12px;border-radius:11px;border:1px solid var(--done);color:var(--done);font-size:var(--t-14);font-weight:700;animation:toast-in .3s var(--ease)}.day-done:empty{display:none}.habit-list{display:grid;gap:10px;list-style:none}.hab{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:0 12px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s}.hab:hover{border-color:var(--line-3)}.hab.is-static{cursor:default}.hab.is-static:hover{border-color:var(--line-2)}.hab-in{position:absolute;left:14px;top:14px;width:46px;height:46px;margin:0;opacity:0;cursor:pointer}.hab-tick{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--c);font-size:20px;line-height:1;transition:background-color .2s}.hab-tick .on{display:none;color:#fff;font:800 18px/1 var(--f-body)}.hab-in:checked+.hab-tick{background:var(--c);animation:tick-pop .34s var(--spring)}.hab-in:checked+.hab-tick .on{display:inline}.hab-in:checked+.hab-tick .off{display:none}.hab-in:focus-visible+.hab-tick{outline:3px solid var(--lav);outline-offset:3px}.hab-main{min-width:0}.hab-name{display:block;color:var(--text);font:700 var(--t-15)/1.3 var(--f-display);overflow-wrap:anywhere}.hab-meta{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:3px;color:var(--muted);font-size:var(--t-13)}.hab-streak{color:var(--warn);font-weight:700}.hab-days{color:var(--ink);font-weight:600}.hab .now,.hab-in:checked~.hab-main .was{display:none}.hab-in:checked~.hab-main .now{display:inline}.trail{grid-column:1 / -1;display:flex;align-items:flex-end;gap:3px;height:18px;margin-top:12px}.trail i{flex:1;height:10px;border-radius:3px;background:var(--surface-3);transition:height .25s var(--spring),background-color .2s}.trail i.on{height:18px;background:var(--c)}.trail i:last-child{box-shadow:inset 0 0 0 1.5px var(--c)}.hab-in:checked~.trail i:last-child{height:18px;background:var(--c)}.trail-l{grid-column:1 / -1;display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:11px}.mx{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:6px}.mx-top{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mx-side{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.mx .matrix{grid-column:2;grid-row:2;grid-template-rows:repeat(2,minmax(0,1fr))}.mx-ax{display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center}.mx-side .mx-ax{writing-mode:vertical-rl;transform:rotate(180deg)}.quad-card{border-top:4px solid var(--c)}.quad-card .quad-k{display:block;margin-top:4px;color:var(--muted);font-size:var(--t-14);font-weight:600}.prio-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.prio{display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:10px;border:1px solid var(--line-2);font-size:16px;line-height:1.2;text-align:center}.prio small{color:var(--muted);font-size:11px;font-weight:600}.prio.is-on{border-color:var(--c);background:var(--surface-3)}@supports (color: color-mix(in srgb,red 50%,blue)){.prio.is-on{background:color-mix(in srgb,var(--c) 16%,transparent)}}.prio.is-on small{color:var(--text)}.pill-sync{color:var(--ink);border-color:currentColor}.app-head .pill{margin-left:auto}.net{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:var(--s-4)}.net-l{color:var(--muted);font-size:var(--t-14)}.states{display:grid;gap:12px;margin-top:var(--s-6);list-style:none}@media (min-width: 900px){.states{grid-template-columns:repeat(3,minmax(0,1fr))}}.state{min-width:0;padding:var(--s-5);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line)}.state h3{margin-top:var(--s-4);font-size:var(--t-h3)}.state p{margin-top:var(--s-2);color:var(--soft);font-size:var(--t-16)}.pill.is-gone{border-style:dashed;color:var(--muted)}.doc-page main{width:100%;max-width:calc(46rem + 2 * var(--gutter));margin-inline:auto;padding:clamp(16px,3vw,40px) var(--gutter) 0}.doc-page main h1{font-size:clamp(2rem,1.5rem + 2vw,2.75rem);letter-spacing:-.03em}.doc-page main h2{margin-top:var(--s-7);font-size:var(--t-h3)}.doc-page main p,.doc-page main ul{margin-top:var(--s-3);color:var(--soft)}.doc-page main ul{padding-left:1.3em}.doc-page main li+li{margin-top:6px}.doc-page main a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.doc-page main .lead{max-width:none;font-size:var(--t-lead)}.doc-page main .meta{color:var(--muted);font-size:var(--t-14)}.doc-page main .note{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line);color:var(--muted);font-size:var(--t-15)}.doc-page .crumbs{max-width:calc(46rem + 2 * var(--gutter))}