:root{--neutral-0:#fff;--neutral-100:#f7f7f8;--neutral-200:#f1f2f4;--neutral-300:#e5e7eb;--neutral-400:#c2c7cf;--neutral-500:#a8adb7;--neutral-600:#8a8f98;--neutral-700:#5c626d;--neutral-800:#3a3f47;--neutral-900:#26292e;--neutral-1000:#1c1e21;--neutral-1100:#121417;--blue-100:#e8effd;--blue-200:#cfdefb;--blue-300:#a6c0f7;--blue-400:#7da1f2;--blue-500:#5487ef;--blue-600:#2f6fed;--blue-700:#2458c4;--blue-800:#1c449a;--blue-900:#163471;--blue-1000:#102550;--red-100:#fdebec;--red-300:#f5a8ab;--red-500:#ef6a6e;--red-600:#e5484d;--red-700:#c73a3f;--green-100:#e7f6ec;--green-500:#4cb375;--green-600:#2f9e5b;--green-700:#26804a;--yellow-100:#fdf4d7;--yellow-500:#f2b705;--yellow-700:#b78900;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--color-bg:var(--buncss-light,var(--neutral-100))var(--buncss-dark,var(--neutral-1100));--color-surface:var(--buncss-light,var(--neutral-0))var(--buncss-dark,var(--neutral-900));--color-text:var(--buncss-light,var(--neutral-1000))var(--buncss-dark,var(--neutral-100));--color-text-subtle:var(--buncss-light,var(--neutral-600))var(--buncss-dark,var(--neutral-500));--color-text-inverse:var(--neutral-0);--color-border:var(--buncss-light,var(--neutral-300))var(--buncss-dark,var(--neutral-800));--color-field:var(--buncss-light,var(--neutral-200))var(--buncss-dark,var(--neutral-1000));--color-field-hover:var(--buncss-light,var(--neutral-300))var(--buncss-dark,var(--neutral-900));--color-icon:var(--buncss-light,var(--neutral-400))var(--buncss-dark,var(--neutral-700));--color-icon-strong:var(--buncss-light,var(--neutral-500))var(--buncss-dark,var(--neutral-600));--color-hover:var(--buncss-light,#00000008)var(--buncss-dark,#ffffff0d);--color-accent:var(--buncss-light,var(--blue-600))var(--buncss-dark,var(--blue-500));--color-accent-subtle:var(--buncss-light,var(--blue-100))var(--buncss-dark,var(--blue-900));--color-accent-text:var(--buncss-light,var(--blue-600))var(--buncss-dark,var(--blue-300));--color-danger:var(--buncss-light,var(--red-600))var(--buncss-dark,var(--red-500));--color-success:var(--buncss-light,var(--green-600))var(--buncss-dark,var(--green-500));--color-warning:var(--yellow-500);--color-toast-bg:var(--buncss-light,var(--neutral-400))var(--buncss-dark,var(--neutral-900));--color-toast-track:var(--neutral-700);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-050:.6875rem;--font-size-075:.8125rem;--font-size-100:.9375rem;--font-size-200:1.0625rem;--font-size-300:1.25rem;--font-size-400:1.5rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-body:var(--font-weight-regular)var(--font-size-100)/1.25rem var(--font-family-base);--font-caption:var(--font-weight-regular)var(--font-size-075)/1.3 var(--font-family-base);--font-heading-xs:var(--font-weight-semibold)var(--font-size-050)/1.3 var(--font-family-base);--font-heading-md:var(--font-weight-semibold)var(--font-size-200)/1.3 var(--font-family-base);--font-heading-lg:var(--font-weight-bold)var(--font-size-300)/1.3 var(--font-family-base);--space-0:0;--space-025:.125rem;--space-050:.25rem;--space-075:.375rem;--space-100:.5rem;--space-150:.75rem;--space-200:1rem;--space-250:1.25rem;--space-300:1.5rem;--space-400:2rem;--space-500:2.5rem;--space-600:3rem}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}:root[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}:root{--control-h:2.5rem;--screen-header-h:3.25rem;--input-bar-h:4rem;--scrollbar-w:.625rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font:var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}[hidden]{display:none!important}.icon{display:inline-block;font-style:normal;line-height:1}.icon--menu:before{content:"☰"}.icon--drag{font-size:1.25rem}.icon--drag:before{content:"⠿"}.icon--status{font-size:1.25rem}.icon--status:before{content:"○"}.card--done .icon--status:before{content:"◉"}.icon--dot:before{content:"●"}.icon--outcome-new-week:before,.icon--move-to-week:before{content:"→"}.icon--outcome-backlog:before,.icon--copy-to-backlog:before{content:"↓"}.icon--delete:before{content:"✕"}.icon--pause:before{content:"⏸"}.app{display:grid;grid-template-columns:minmax(0,1fr);height:100dvh}.sidebar,.scrim,.screen{grid-area:1/1}.brand{padding:var(--space-150);color:var(--color-text-subtle);flex:none}.brand-name{font:var(--font-heading-md);font-weight:var(--font-weight-bold)}.brand-version{display:block;font-size:var(--font-size-050);line-height:1.3}.sidebar{z-index:3;display:flex;padding:calc(var(--screen-header-h) + var(--space-150))var(--space-100)var(--space-150);background:var(--color-surface);overflow:hidden;visibility:hidden;flex-direction:column;width:min(17.5rem,80%);transition:transform .2s,visibility .2s;transform:translate(-100%);box-shadow:0 0 1.5rem #0000002e}.scrim{z-index:2;opacity:0;visibility:hidden;background:#00000059;transition:opacity .2s,visibility .2s}.app--menu .sidebar{visibility:visible;transform:none}.app--menu .scrim{visibility:visible;opacity:1}.sidebar-nav{overflow-y:auto;display:flex;gap:var(--space-025);flex-direction:column;flex:1;min-height:0}.sidebar-link{display:block;padding:var(--space-075)var(--space-150);color:var(--color-text);text-decoration:none;border-radius:.5rem}.sidebar-link:not(.sidebar-link--disabled):hover{background:var(--color-hover)}.sidebar-link--disabled{color:var(--color-text-subtle);cursor:default}.sidebar-link--active{background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:var(--font-weight-semibold)}.sidebar-heading{margin:var(--space-200)var(--space-150)var(--space-050);font:var(--font-heading-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle)}.screen{position:relative}.screen-header,.screen-footer{position:absolute;left:var(--scrollbar-w);right:var(--scrollbar-w);z-index:1}.screen-header{z-index:4;display:flex;justify-content:space-between;align-items: center;gap:var(--space-050);height:var(--screen-header-h);padding:0 var(--space-100);border-bottom:1px solid var(--color-border);background:var(--color-bg);top:0;left:0;right:0}.screen-menu{display:grid;font-size:var(--font-size-200);color:var(--color-text);border-radius:.5rem;flex:none;place-items: center;width:2.5rem;height:2.5rem}.screen-menu:active{background:var(--color-hover)}.screen-spacer{flex:none;width:2.5rem}.screen-title{position:absolute;pointer-events:none;text-align:center;font:var(--font-heading-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5.5rem;left:0;right:0}.screen-note{display:none}.screen-menu,.screen-plan{position:relative}.screen-scroll{position:absolute;overflow-y:scroll;scrollbar-gutter:stable;padding-left:var(--scrollbar-w);inset:0}.screen-content{padding-top:var(--screen-header-h);padding-bottom:calc(var(--input-bar-h)*1.5 + env(safe-area-inset-bottom))}.screen-scroll::-webkit-scrollbar{width:.625rem}.screen-scroll::-webkit-scrollbar-thumb{background:var(--color-icon);background-clip:padding-box;border:.125rem solid #0000;border-radius:.3125rem}.screen-scroll::-webkit-scrollbar-track{background:0 0}.screen-footer{display:flex;padding-bottom:env(safe-area-inset-bottom);pointer-events:none;flex-direction:column;bottom:0}.screen-footer>*{pointer-events:auto}.screen.screen--no-input{--input-bar-h:0}.input-bar{display:flex;gap:var(--space-100);height:var(--input-bar-h);padding:var(--space-150);background:color-mix(in srgb,var(--color-bg)75%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.newtask{height:var(--control-h);padding:0 var(--space-150);background:var(--color-field);outline:none;border:1px solid #0000;border-radius:.5rem;flex:1;min-width:0}.newtask::placeholder{color:var(--color-text-subtle)}.newtask:hover:not(:focus){background:var(--color-field-hover)}.newtask:focus{background:var(--color-surface);border-color:var(--color-accent)}.btn{display:inline-flex;padding:0 var(--space-150);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:.5rem;flex:none;align-items: center;height:2rem}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:active{filter:brightness(.92)}.btn:disabled{cursor:default}.btn--primary:disabled{background:var(--color-border);color:var(--color-text-subtle)}.toast{margin:0 var(--space-150)var(--space-100);display:flex;align-items: center;gap:var(--space-150);padding:var(--space-100)var(--space-150);background:var(--color-toast-bg);border-radius:.625rem;box-shadow:0 .25rem 1rem #00000029}.screen--no-input .toast{margin-bottom:var(--space-150)}.toast-timer{--toast-progress:80%;position:relative;display:grid;background:conic-gradient(var(--color-warning)var(--toast-progress),var(--color-toast-track)0);border-radius:50%;flex:none;place-items: center;width:1.75rem;height:1.75rem}.toast-timer:before{content:"";position:absolute;background:var(--color-toast-bg);border-radius:50%;inset:.1875rem}.toast-timer-num{position:relative;font-size:var(--font-size-050);font-weight:var(--font-weight-semibold)}.toast-text{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.toast-undo{color:var(--color-accent-text);font-weight:var(--font-weight-semibold);flex:none}.toast-undo:hover{text-decoration:underline}.tasklist{list-style:none}.card:last-child{border-bottom:none}.card{display:flex;padding:var(--space-100)var(--space-150)var(--space-100)var(--space-050);border-bottom:1px solid var(--color-border);align-items: center;min-height:3.6875rem}.card-handle{padding:var(--space-075)var(--space-025);color:var(--color-icon);cursor:grab;touch-action:none;flex:none}.card-handle--hidden{visibility:hidden}.card-status{display:grid;margin:0 var(--space-150)0 0;font-size:var(--font-size-200);flex:none;place-items: center;width:1.5rem;height:1.5rem}.card-status .icon--status{color:var(--color-icon-strong)}.card--done .card-status .icon--status{color:var(--color-success)}.card-status--disabled .icon--status,.card--done .card-status--disabled .icon--status{color:var(--color-icon)}.card-status .icon--outcome-new-week,.card-status .icon--outcome-backlog{color:var(--color-accent-text);font-weight:var(--font-weight-bold)}.card-status--disabled{cursor:default}.card-status--disabled .icon{opacity:.5}.card-action{display:grid;margin-left:var(--space-100);color:var(--color-icon-strong);font-weight:var(--font-weight-bold);font-size:var(--font-size-200);border-radius:.5rem;flex:none;place-items: center;width:2rem;height:2rem}.card-action:hover{background:var(--color-hover);color:var(--color-accent-text)}.card-action--delete:hover{color:var(--color-danger)}.card-body{display:flex;flex-direction:column;flex:1;min-width:0}.card-title{overflow-wrap:break-word;padding-top:var(--space-025);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;-webkit-box-orient:vertical}.card--done .card-title{color:var(--color-text-subtle);text-decoration:line-through}.card-edit{padding-top:var(--space-025);outline:none;box-shadow:0 1px 0 var(--color-accent);background:0 0;border:none;width:100%;min-width:0}.card--done .card-edit{color:var(--color-text);text-decoration:none}.card-tag{display:inline-block;color:var(--color-accent-text);background:var(--color-accent-subtle);box-shadow:0 0 0 .0625rem var(--color-accent-subtle);border-radius:.125rem;margin:0 .1875rem;padding:0 .1875rem;font-style:normal}.card-meta{display:flex;align-items: center;gap:var(--space-100);min-height:calc(var(--font-size-075)*1.3 + var(--space-025));padding-top:var(--space-025)}.card-caption{font:var(--font-caption);color:var(--color-text-subtle)}.card-weeks{display:flex;gap:var(--space-050);color:var(--color-icon);font-size:.5rem}.card-weeks .icon--dot--active{color:var(--color-accent-text)}.card-weeks--hot{color:var(--color-danger)}.empty{display:grid;align-content: center;justify-items:center;gap:var(--space-100);min-height:calc(100dvh - var(--screen-header-h) - var(--input-bar-h)*1.5 - env(safe-area-inset-bottom));padding:var(--space-300);text-align:center;color:var(--color-text-subtle)}.empty-title{font:var(--font-heading-md)}.empty-about{margin-top:var(--space-200);max-width:24rem}@media (min-width:860px){.app{grid-template-columns:13.75rem minmax(0,1fr);--screen-header-pt:var(--space-200);--screen-header-h:calc(var(--screen-header-pt) + 2rem + var(--space-150))}.sidebar{grid-column:1;padding-top:var(--screen-header-pt);z-index:1;box-shadow:none;visibility:visible;background:0 0;width:auto;transform:none}.scrim{display:none}.screen{grid-column:2}.screen-header,.screen-content,.screen-footer{margin-inline-start:auto;margin-inline-end:auto}.screen{--input-bar-h:4.25rem}.screen-header{left:var(--scrollbar-w);right:var(--scrollbar-w);z-index:1;align-items: flex-start;gap:var(--space-200);height:var(--screen-header-h);padding:var(--screen-header-pt)var(--space-250)var(--space-150);border-bottom:0}.screen-menu,.screen-spacer{display:none}.screen-note{display:inline;margin-left:var(--space-150);color:var(--color-text-subtle);font:var(--font-body)}.screen-title{position:static;text-align:left;font:var(--font-heading-lg);flex:1;min-width:0;padding:0;line-height:2rem}.screen-content{padding-inline:var(--space-100)}.input-bar{padding:var(--space-150)var(--space-250)var(--space-200)}.toast{width:80%;max-width:40rem;margin-inline-start:auto;margin-inline-end:auto}.card:hover{background:var(--color-hover)}.card-title{cursor:text}.card-status{cursor:pointer}}@media (min-width:77.5rem){.screen{grid-column:1/-1}.screen-header,.screen-content,.screen-footer{max-width:50rem}}