:root{--bg:#f1f3e9;--surface:#e6ead9;--surface-2:#d9dfc4;--text:#242920;--text-muted:#6f7860;--border:#24292024;--accent:#5f7a52;--accent-hover:#4c6641;--accent-tint:#e3e9d8;--accent-text:#fbf8ef;--carry:#c67139;--carry-bg:#f2ddc2;--carry-border:#c6713959;--danger:#b3261e;--focus:#5f7a52;--font-heading:"Caprasimo", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-brand:"Beyond The Mountains", cursive;--font-mono:ui-monospace, "Cascadia Mono", Menlo, monospace;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--lh:1.45;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--radius-sm:10px;--radius:18px;--radius-lg:26px;--pill:999px;--tap:44px;--max-w:640px;--max-w-wide:1040px;--shadow-sm:0 1px 2px #2429201a;--shadow-md:0 4px 14px #24292021;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.18s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#2b3226;--surface:#363f2f;--surface-2:#434d3a;--text:#f1f4ea;--text-muted:#aab39c;--border:#f1f4ea29;--accent:#8fae7c;--accent-hover:#a3c091;--accent-tint:#3f4a35;--accent-text:#1b2417;--carry:#e8935c;--carry-bg:#4a3b28;--carry-border:#e8935c73;--danger:#e2776b;--focus:#8fae7c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #00000057}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}@font-face{font-family:Beyond The Mountains;src:url(/fonts/BeyondTheMountains.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caprasimo;src:url(/fonts/Caprasimo-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Variable.woff2)format("woff2-variations"),url(/fonts/Figtree-Variable.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:var(--fs-md) / var(--lh) var(--font-body);-webkit-text-size-adjust:100%;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,p{margin:0}h1,h2{font-family:var(--font-heading);font-weight:400}.muted{color:var(--text-muted);font-size:var(--fs-sm)}.screen{max-width:var(--max-w);min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--s4)) var(--s4) calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.topbar{align-items:center;gap:var(--s3);margin-bottom:var(--s5);display:flex}.topbar h1{font-size:var(--fs-xl);flex:1;line-height:1.15}.topbar-title{flex:1;min-width:0}.topbar-title h1{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{min-height:var(--tap);padding:0 var(--s4);border-radius:var(--pill);border:1px solid var(--border);background:var(--surface);font-family:var(--font-heading);white-space:nowrap;font-weight:400}.home .topbar{gap:var(--s2)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn.primary:disabled{opacity:.45;cursor:default}.btn.small{min-height:36px;padding:0 var(--s3);font-size:var(--fs-sm)}.btn.quiet{background:0 0;border-color:#0000}.btn.block{width:100%}.danger{color:var(--danger)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--pill);font-size:var(--fs-lg);color:var(--text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.drag-handle{width:var(--tap);height:var(--tap);color:var(--text-muted);touch-action:none;cursor:grab;border-radius:var(--pill);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:0;flex:none;place-items:center;font-size:18px;line-height:1;display:grid}.drag-handle:hover{color:var(--text);background:var(--surface)}body.is-dragging,body.is-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}li.lifted{box-shadow:var(--shadow-md);border-radius:var(--radius-sm);background:var(--surface);scale:1.02}.item.lifted{border-bottom-color:#0000}.item.lifted .swipe-content{background:var(--surface)}.item.lifted .drag-handle,.lists li.lifted .drag-handle,.section-edit-list li.lifted .drag-handle{color:var(--accent)}.lists li.lifted{border-radius:var(--radius)}.lists li.lifted .list-row{box-shadow:inset 4px 0 0 0 var(--list-color,transparent)}.reordering>li:not(.lifted){z-index:1;position:relative}@keyframes landed-flash{0%{background-color:var(--accent-tint)}}.item.landed .swipe-content,.lists li.landed .list-row,.section-edit-list li.landed,.card.landed{animation:landed-flash calc(var(--dur) * 3) var(--ease)}.section-head,.group-head{transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}.section-head.drop-into,.group-head.drop-into{background:var(--accent-tint);border-radius:var(--radius-sm)}.section-head.drop-into h2,.group-head.drop-into h2{color:var(--accent-hover)}.item.lifted{overflow:visible}.drag-label{top:-11px;right:var(--s5);z-index:1;pointer-events:none;box-shadow:var(--shadow-sm);color:var(--accent-text);background:var(--accent);border-radius:var(--pill);white-space:nowrap;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute}.lists{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.list-row{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm), inset 4px 0 0 0 var(--list-color,transparent);display:flex}.list-row.selected{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.list-row-main{align-items:center;gap:var(--s3);text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:flex}.list-row-grid{align-items:center;gap:2px var(--s3);flex:1;grid-template-columns:1fr auto;grid-template-areas:"name meta""cad meta";min-width:0;display:grid}.select-check{border-radius:var(--pill);border:2px solid var(--text-muted);flex:none;width:22px;height:22px}.select-check.on{background:var(--accent);border-color:var(--accent)}.list-name{grid-area:name;font-weight:600}.list-row .muted{grid-area:cad}.list-meta{align-items:center;gap:var(--s2);grid-area:meta;display:flex}.count{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;min-width:2ch}.pill{font-size:var(--fs-sm);color:var(--carry);background:var(--carry-bg);border-radius:var(--pill);white-space:nowrap;padding:3px 11px;font-weight:600}.group-head{margin-top:var(--s3)}.group-toggle{width:100%;min-height:var(--tap);align-items:center;gap:var(--s2);padding:0 var(--s1);text-align:left;background:0 0;border:0;display:flex}.group-toggle h2{font-size:var(--fs-md);flex:1}.group-caret{width:1ch;color:var(--text-muted)}.home-links{gap:var(--s2);margin-top:var(--s5);display:flex}.week-nav{margin-bottom:var(--s2);justify-content:space-between;align-items:center;display:flex}.week-nav .icon-btn:disabled{opacity:.3;cursor:default}.week-total{margin-bottom:var(--s4)}.history-lists{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.history-card{background:var(--surface);border-radius:var(--radius);padding:var(--s2) var(--s4) var(--s3);box-shadow:inset 4px 0 0 0 var(--list-color,transparent)}.history-card-head{width:100%;min-height:var(--tap);justify-content:space-between;align-items:center;gap:var(--s3);text-align:left;background:0 0;border:0;padding:0;display:flex}.history-card-head h2{font-size:var(--fs-md)}.history-card .item{min-height:40px}.history-carried{margin-top:var(--s2)}.empty{gap:var(--s4);justify-items:start;max-width:44ch;display:grid}.empty-hint{color:var(--text-muted);padding:var(--s5) 0}.review-banner{width:100%;padding:var(--s3) var(--s4);margin-bottom:var(--s4);border:1px solid var(--carry-border);background:var(--carry-bg);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;display:flex}.review-banner strong{color:var(--carry)}.review-banner span{color:var(--carry);background:var(--bg);border-radius:var(--pill);padding:6px 14px;font-weight:700}.items{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--border);min-height:52px;display:flex;position:relative;overflow:hidden}.swipe-bg{padding:0 var(--s4);font-weight:700;font-size:var(--fs-sm);align-items:center;display:flex;position:absolute;inset:0}.swipe-bg-complete{background:var(--accent);color:var(--accent-text);justify-content:flex-start}.swipe-bg-delete{background:var(--danger);color:#fff;justify-content:flex-end}.swipe-content{align-items:center;gap:var(--s2);background:var(--bg);touch-action:pan-y;flex:1;min-width:0;display:flex;position:relative}.check{width:var(--tap);height:var(--tap);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;flex:none;place-items:center;display:grid}.check:before{content:"";border:2px solid var(--text-muted);width:22px;height:22px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:50%}.check.done:before{background:var(--accent);border-color:var(--accent)}.check.doing:before{background:linear-gradient(90deg, var(--accent) 50%, transparent 50%);border-color:var(--accent)}.item-text{text-align:left;min-width:0;padding:var(--s3) 0;overflow-wrap:anywhere;background:0 0;border:0;flex:1}.item.done .item-text{color:var(--text-muted);text-decoration:line-through}.item-edit{border:0;border-bottom:2px solid var(--accent);min-width:0;padding:var(--s2) 0;background:0 0;outline:none;flex:1}.carry{margin-left:var(--s2);color:var(--accent-hover);background:var(--accent-tint);border-radius:var(--pill);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 8px;font-size:.8rem;font-weight:700}.done-section{margin-top:var(--s5)}.done-toggle{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--s2) 0;min-height:var(--tap);background:0 0;border:0}.section-head{align-items:center;gap:var(--s2);padding-top:var(--s4);border-bottom:1px solid var(--border);display:flex}.section-head h2{min-width:0;font-size:var(--fs-md);align-items:baseline;gap:var(--s2);flex:1;display:flex}.section-head hr{border:0;border-top:2px dashed var(--border);flex:1;margin:0}.section-head.divider{border-bottom:0}.section-date{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted)}.section-head.today h2{color:var(--accent)}.section-head.today .section-date{color:var(--accent);font-weight:600}.section-tag{margin-left:var(--s2);color:var(--text-muted);background:var(--surface);border-radius:var(--pill);white-space:nowrap;padding:1px 8px;font-size:.8rem;display:inline-block}.section-edit-list{margin:var(--s3) 0;padding:0;list-style:none}.section-edit-list li{align-items:center;gap:var(--s1);border-bottom:1px solid var(--border);display:flex}.section-name-input{min-width:0;min-height:var(--tap);background:0 0;border:0;flex:1;font-weight:600}.section-add{gap:var(--s2);margin-top:var(--s3);display:flex}.section-add input{min-width:0;min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);flex:1}.section-presets{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.item-menu-actions{margin-top:var(--s4)}.view-toggle,.chips{gap:var(--s1);display:flex}.view-toggle button,.chips button{min-height:36px;padding:0 var(--s3);border-radius:var(--pill);background:var(--surface);font-size:var(--fs-sm);white-space:nowrap;border:0}.view-toggle button.on,.chips button.on{background:var(--accent);color:var(--accent-text)}.view-toggle{margin:calc(-1 * var(--s3)) 0 var(--s4)}.chips{padding-bottom:var(--s1);margin-bottom:var(--s3);scrollbar-width:none;overflow-x:auto}.screen.board-mode{max-width:var(--max-w-wide)}.board{gap:var(--s3);scroll-snap-type:x mandatory;padding-bottom:var(--s2);grid-auto-columns:min(85%,320px);grid-auto-flow:column;display:grid;overflow-x:auto}.board.board-dragging{scroll-snap-type:none}@media (width>=720px){.board{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}}.board-col{scroll-snap-align:start;background:var(--surface);border-radius:var(--radius);padding:var(--s3);min-height:120px;transition:outline-color var(--dur) var(--ease);outline:2px solid #0000;align-self:start}.board-col.drop-target{outline-color:var(--accent)}.board-col-head{font-size:var(--fs-md);margin-bottom:var(--s2);justify-content:space-between;display:flex}.cards{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.card{background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;display:flex}.card.placeholder{box-shadow:none;border:2px dashed var(--border);background:0 0}.card.placeholder>*{visibility:hidden}.card-float{z-index:50;pointer-events:none;box-shadow:var(--shadow-md);background:var(--surface-2);position:fixed;rotate:1.5deg;scale:1.03}.card-float .card-text{justify-items:start}.card-float .drag-handle{color:var(--accent)}.drop-slot{border:2px dashed var(--accent);border-radius:var(--radius-sm);background:var(--accent-tint);color:var(--accent-hover);font-size:var(--fs-sm);place-items:center;font-weight:600;display:grid}.board-col.drop-target .board-col-head{color:var(--accent-hover)}.card-text{text-align:left;min-width:0;padding:var(--s2) 0;overflow-wrap:anywhere;background:0 0;border:0;flex:1;gap:2px;display:grid}.card-meta:empty{display:none}.card-meta .section-tag,.card-meta .carry{margin-left:0;margin-right:var(--s1)}.card.done .card-text{color:var(--text-muted);text-decoration:line-through}.board-empty{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--s2)}.composer{gap:var(--s2);max-width:var(--max-w);padding:var(--s3) var(--s4) calc(env(safe-area-inset-bottom) + var(--s3));background:var(--bg);border-top:1px solid var(--border);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.composer-target{max-width:40%;min-height:var(--tap);padding:0 var(--s3);border-radius:var(--pill);background:var(--accent-tint);color:var(--accent-hover);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;border:0;flex:none;font-weight:600;overflow:hidden}.composer input{min-width:0;min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);flex:1}.select-bar{justify-content:space-between;align-items:center;gap:var(--s2);max-width:var(--max-w);padding:var(--s3) var(--s4) calc(env(safe-area-inset-bottom) + var(--s3));background:var(--bg);border-top:1px solid var(--border);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet{background:var(--bg);color:var(--text);width:100%;max-width:var(--max-w);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:0;max-height:85dvh;margin:auto auto 0;padding:0}.sheet::backdrop{background:#00000059}@media (width>=720px){.sheet{border-radius:var(--radius);max-width:480px;margin:auto}}.sheet-body{flex-direction:column;max-height:85dvh;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s2) var(--s4);display:flex}.sheet-head h2{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-content{padding:0 var(--s4) var(--s4);overflow-y:auto}.sheet-foot{padding:var(--s3) var(--s4) calc(env(safe-area-inset-bottom) + var(--s3));border-top:1px solid var(--border)}.pick-list,.review-list{margin:0;padding:0;list-style:none}.pick-list button{justify-content:space-between;align-items:center;gap:var(--s3);text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;width:100%;min-height:52px;padding:0;display:flex}.pick-name{font-weight:600}.pick-new{color:var(--accent)}.review-list li{padding:var(--s3) 0;border-bottom:1px solid var(--border);gap:var(--s2);display:grid}.review-actions{gap:var(--s2);display:flex}.settings-action{margin:var(--s4) 0}.settings-section h2{font-size:var(--fs-lg);margin-bottom:var(--s2)}.period-switcher{gap:var(--s2);margin-bottom:var(--s4);display:flex}.period-tab{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.period-tab [role=tab]{min-height:var(--tap);padding:0 var(--s3);background:0 0;border:0}.period-tab [role=tab].on{background:var(--accent);color:var(--accent-text)}.period-tab-close{width:var(--tap);min-height:var(--tap);color:var(--text-muted);font-size:var(--fs-md);background:0 0;border:0}.checkbox-field{align-items:center;gap:var(--s2);display:flex}.form{gap:var(--s4);display:grid}.field{gap:var(--s1);border:0;margin:0;padding:0;display:grid}.field>span,.field>legend{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--s1);padding:0}.field input,.field select{min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--border);border-radius:var(--pill);background:var(--surface)}.segmented{gap:var(--s1);flex-wrap:wrap;display:flex}.segmented label{padding:var(--s2) var(--s3);border-radius:var(--pill);background:var(--surface);cursor:pointer}.segmented label.on{background:var(--accent);color:var(--accent-text)}.segmented label:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.segmented input{opacity:0;pointer-events:none;position:absolute}.color-swatches{gap:var(--s2);flex-wrap:wrap;display:flex}.color-swatch{border-radius:var(--pill);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--border);border:2px solid #0000;flex:none}.color-swatch.on{border-color:var(--text)}.color-swatch.none{background:var(--surface);background-image:linear-gradient(45deg, transparent 46%, var(--danger) 48%, var(--danger) 52%, transparent 54%)}.hint{font-size:var(--fs-sm);color:var(--text-muted)}.hint.danger{color:var(--danger)}.brand-logo{width:auto;height:48px;display:block}.brand-footer-name{font-family:var(--font-brand);font-size:12px}.splash-brand-name{font-family:var(--font-brand);font-size:22px}.brand-footer{padding:var(--s5) 0 var(--s3);opacity:.55;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.auth-screen{min-height:100dvh;padding:var(--s4);place-items:center;display:grid}.auth-card{justify-items:center;gap:var(--s4);text-align:center;width:100%;max-width:340px;display:grid}.auth-card .form,.auth-card .pick-list{text-align:left;width:100%}.auth-card h1{font-size:var(--fs-xl)}.recovery-key{width:100%;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:.04em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:block}.sync-banner{margin:calc(-1 * var(--s3)) 0 var(--s4);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm)}.splash{z-index:100;background:var(--bg);opacity:1;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.splash p{color:var(--text-muted);margin:0;font-size:18px}.splash-out{opacity:0;pointer-events:none}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 88px);align-items:center;gap:var(--s2);padding:var(--s2) var(--s2) var(--s2) var(--s4);background:var(--text);color:var(--bg);border-radius:var(--radius);font-size:var(--fs-sm);display:flex;position:fixed;transform:translate(-50%)}