:root{--bg:#faf6f2;--side:#f4ede5;--surface:#fff;--text:#3e3731;--muted:#8e8276;--accent:#b06b47;--accent-soft:#f3e3d6;--border:#ece3d8;--border-faint:#f2ebe2;--scrim:#3e373138;--check-border:#c9c0b4;--side-hover:#ffffff8c;--radius:12px;--radius-sm:8px;--row-py:11px;--font:"Albert Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}#root,.app{height:100vh}.app{display:flex;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{color:inherit;font-family:inherit}.sidebar{background:var(--side);flex-direction:column;flex-shrink:0;gap:2px;width:236px;padding:22px 12px 16px;transition:background .25s,margin-left .28s cubic-bezier(.32,.72,.25,1);display:flex;overflow-y:auto}.sidebar.hidden{z-index:30;margin-left:-236px;position:fixed;top:0;bottom:0;left:0}:is(.sidebar.hidden.peeking,.app:has(.side-reveal:hover) .sidebar.hidden,.sidebar.hidden:hover){margin-left:0;box-shadow:8px 0 24px #3e37311f}.side-brand{letter-spacing:-.01em;align-items:center;gap:9px;padding:0 10px 18px;font-size:16.5px;font-weight:700;display:flex}.side-toggle{width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;margin-left:auto;transition:background .12s,color .12s;display:grid}.side-toggle:hover{background:var(--side-hover);color:var(--text)}.side-reveal{z-index:40;width:32px;height:32px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:9px;place-items:center;transition:color .12s;display:grid;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #3e373114}.side-reveal:hover{color:var(--accent)}.side-logo{background:var(--accent);border-radius:8px;place-items:center;width:24px;height:24px;transition:background .25s;display:grid}.side-group{flex-direction:column;gap:1px;display:flex}.side-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:18px 6px 6px 10px;font-size:11px;font-weight:700;display:flex}.side-add{width:20px;height:20px;color:var(--muted);border-radius:6px;place-items:center;transition:background .12s,color .12s;display:grid}.side-add:hover{background:var(--side-hover);color:var(--accent)}.side-newinput{border:none;border-bottom:1.5px solid var(--accent);background:0 0;outline:none;flex:1;min-width:0;margin-bottom:-1.5px;padding:0;font-size:15px}.side-newinput::placeholder{color:var(--muted);opacity:.7}.side-item{border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:7px 10px;transition:background .12s;display:flex}.side-item .side-ic{color:var(--muted);flex-shrink:0;place-items:center;transition:color .12s;display:grid}.side-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-item:hover{background:var(--side-hover)}.side-item.active{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #3e37310f}.side-item.active .side-ic{color:var(--accent)}.sprout-box{flex-direction:column;align-items:center;gap:2px;padding:10px 0 14px;display:flex}.sprout-svg{transform-origin:50% 100%;animation:.4s cubic-bezier(.34,1.4,.5,1) sproutPop}.mini-flower{transform-origin:bottom;animation:.45s cubic-bezier(.34,1.5,.5,1) miniPop}@keyframes miniPop{0%{opacity:0;transform:scale(.2)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sproutPop{0%{transform:scale(.82)}to{transform:scale(1)}}.sprout-cap{color:var(--muted);text-align:center;font-size:11px}.sprout-cap b{color:var(--text);font-size:12px;font-weight:700}@media (prefers-reduced-motion:reduce){.sprout-svg{animation:none}}.side-bottom{flex-direction:column;gap:1px;margin-top:auto;padding-top:18px;display:flex}.side-del{width:20px;height:20px;color:var(--muted);opacity:0;border-radius:6px;flex-shrink:0;place-items:center;margin-left:auto;transition:opacity .12s,color .12s,background .12s;display:grid}.side-item:hover .side-del,.side-del:focus-visible{opacity:1}.side-del:hover{background:var(--side-hover);color:#b4543f}.side-lbl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-kbd{letter-spacing:.06em;color:var(--muted);background:var(--side-hover);border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10.5px;font-weight:700}.side-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600}.ring{flex-shrink:0;margin-left:auto}.side-num{font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.side-item.drop-hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.side-item.f-dragging{opacity:.4}.side-item.fdrop-above{box-shadow:inset 0 2px 0 var(--accent)}.side-item.fdrop-below{box-shadow:inset 0 -2px 0 var(--accent)}.main{flex:1;overflow-y:auto}.main-inner{max-width:720px;margin:0 auto;padding:44px 48px 80px}.page-head h1{letter-spacing:-.015em;margin:0;font-size:27px;font-weight:700}.page-head h1.editable{cursor:text}.h1-input{letter-spacing:-.015em;color:inherit;border:none;border-bottom:2px solid var(--accent);background:0 0;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:27px;font-weight:700}.h1-row{align-items:center;gap:12px;display:flex}.subtitle{color:var(--muted);margin:5px 0 0;font-size:14px}.cheer{color:var(--muted)}.fcp{place-items:center;display:grid;position:relative}.fcp-btn{border-radius:8px;place-items:center;width:28px;height:28px;transition:background .12s;display:grid}.fcp-btn:hover{background:var(--accent-soft)}.fcp-dot{border-radius:50%;width:14px;height:14px}.fcp-dot.none{border:1.5px dashed var(--check-border)}.fcp-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(5,22px);gap:9px;padding:10px;display:grid;position:absolute;top:34px;left:0;box-shadow:0 8px 24px #3e373124}.fcp-swatch{border-radius:50%;width:22px;height:22px;transition:transform .12s}.fcp-swatch:hover{transform:scale(1.15)}.fcp-swatch.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.fcp-swatch.clear{border:1.5px dashed var(--check-border);color:var(--muted);place-items:center;display:grid}.g-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.sort-wrap{margin-left:auto;display:inline-flex;position:relative}.sort-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.sort-btn:hover{border-color:var(--accent);color:var(--text)}.sort-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.sort-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;min-width:130px;padding:4px;display:flex;position:absolute;top:36px;right:0;box-shadow:0 8px 24px #3e373124}.quickadd{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;margin-top:26px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.quickadd:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.qa-icon{color:var(--muted);place-items:center;display:grid}.quickadd:focus-within .qa-icon{color:var(--accent)}.quickadd input{background:0 0;border:none;outline:none;flex:1;font-size:15px}.quickadd input::placeholder{color:var(--muted);opacity:.8}.qa-go{background:var(--accent);color:#fff;border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600}.group{margin-top:38px}.group-h{color:color-mix(in srgb, var(--text) 72%, var(--muted) 28%);letter-spacing:-.005em;align-items:center;gap:8px;margin:0 0 8px;padding:0 4px;font-size:17px;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:visible}.row{padding:var(--row-py) 14px;align-items:center;gap:12px;transition:opacity 1.8s;display:flex;position:relative}.row+.row{border-top:1px solid var(--border-faint)}.row.leaving{opacity:.25}.row.dragging{opacity:.35}.row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.check{border:1.5px solid var(--check-border);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;transition:border-color .15s,background .15s,transform .15s;display:grid}.check:hover{border-color:var(--accent);transform:scale(1.08)}.check.on{background:var(--accent);border-color:var(--accent)}.check.big{width:24px;height:24px}.title{cursor:text;overflow-wrap:anywhere;flex:1;min-width:0;font-size:15.5px}.title.done{color:var(--muted);-webkit-text-decoration:line-through #8e82768c;text-decoration:line-through #8e82768c}.title-input{border:none;border-bottom:1.5px solid var(--accent);background:0 0;outline:none;flex:1;min-width:0;margin-bottom:-1.5px;padding:0;font-size:15.5px}.row-folder{color:var(--muted);opacity:.85;flex-shrink:0;place-items:center;display:grid}.due-zone{cursor:pointer;flex-shrink:0;justify-content:flex-end;align-self:stretch;align-items:center;gap:6px;min-width:88px;display:flex}.note-slot{flex-shrink:0;place-items:center;width:15px;display:grid}.note-ind{color:var(--muted);opacity:.8;place-items:center;display:grid}.due-inner{align-items:center;gap:4px;display:flex}.snooze{width:22px;height:22px;color:var(--muted);opacity:0;border-radius:6px;place-items:center;transition:opacity .12s,background .12s,color .12s;display:grid}.row:hover .snooze,.snooze:focus-visible{opacity:1}.snooze:hover{background:var(--accent-soft);color:var(--accent)}.due{color:var(--muted);white-space:nowrap;font-size:12.5px}.due.overdue{color:#b4543f;font-weight:600}.prio-wrap{flex-shrink:0;place-items:center;width:26px;display:grid;position:relative}.due.done-date{color:var(--muted)}.prio-static{opacity:.75;flex-shrink:0;place-items:center;width:26px;display:grid}.prio-spacer{flex-shrink:0;width:26px}.prio-btn{border-radius:7px;place-items:center;width:26px;height:26px;transition:background .12s,opacity .12s;display:grid}.prio-btn:hover{background:var(--accent-soft)}.prio-btn.is-none{opacity:0}.row:hover .prio-btn.is-none,.prio-btn.is-none:focus-visible{opacity:1}.pdot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.pdot.small{width:9px;height:9px}.pdot.none.hollow{border:1.5px dashed var(--check-border);background:0 0}.pchip{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pmarks{letter-spacing:.04em;font-size:13.5px;font-weight:800}.menu-scrim{z-index:30;position:fixed;inset:0}.prio-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;min-width:124px;padding:4px;display:flex;position:absolute;top:30px;right:0;box-shadow:0 8px 24px #3e373124}.prio-opt{text-align:left;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:13.5px;display:flex}.prio-opt:hover{background:var(--bg)}.prio-opt.active{background:var(--accent-soft);font-weight:600}.add-row{cursor:text}.add-plus{width:20px;height:20px;color:var(--check-border);flex-shrink:0;place-items:center;transition:color .12s;display:grid}.add-row:hover .add-plus,.add-row:focus-within .add-plus{color:var(--accent)}.add-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.add-input::placeholder{color:var(--muted);opacity:0;transition:opacity .12s}.add-row:hover .add-input::placeholder,.add-row:focus-within .add-input::placeholder{opacity:.8}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;margin-top:48px;display:flex}.empty-ring{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.empty p{margin:0;font-size:14.5px}.scrim{background:var(--scrim);z-index:40;animation:.24s fadeIn;position:fixed;inset:0}.scrim.closing{animation:.24s forwards fadeOut}.flyout{background:var(--surface);z-index:41;border-radius:calc(var(--radius) + 6px);flex-direction:column;width:444px;max-width:92vw;padding:20px 26px 26px;animation:.28s cubic-bezier(.32,.72,.25,1) slideIn;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 12px 48px #3e373138}.flyout.closing{animation:.24s forwards slideOut}@keyframes slideIn{0%{transform:translate(calc(100% + 24px))}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(calc(100% + 24px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fly-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.fly-crumb{background:var(--bg);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.fly-crumb svg{color:var(--accent)}.fly-hero{align-items:flex-start;gap:12px;display:flex}.fly-hero .check.big{margin-top:2px}.fly-hint{color:var(--muted);margin:6px 0 0 36px;font-size:12.5px}.fly-close{width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.fly-close:hover{background:var(--bg);color:var(--text)}.fly-title{resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:26px;padding:0;font-size:20px;font-weight:650;line-height:1.3;overflow:hidden}.fly-title.done{color:var(--muted);text-decoration:line-through}.fly-sec{margin-top:22px}.fly-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.fly-label svg{color:var(--accent)}.fly-desc{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);resize:none;outline:none;width:100%;min-height:185px;padding:10px 12px;font-size:14px;line-height:1.5;overflow:hidden}.fly-desc:focus{border-color:var(--accent)}.fly-desc::placeholder{color:var(--muted);opacity:.8}.seg{gap:6px;display:flex}.seg-btn{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.seg-btn:hover{border-color:var(--accent);color:var(--text)}.seg-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.fly-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pillrow{align-items:stretch;gap:6px;display:flex}.pill{text-align:center;white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;flex:1;padding:7px 8px;font-size:12.5px;font-weight:600;transition:all .12s}.pill:hover{border-color:var(--accent);color:var(--text)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.datepill-wrap{flex:1;display:flex;position:relative}.datepill-wrap .pill{width:100%}.cal-pop{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:252px;padding:12px;animation:.16s palIn;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #3e37312e}.cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-title{white-space:nowrap;font-size:13.5px;font-weight:650}.cal-nav{width:26px;height:26px;color:var(--muted);border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid}.cal-nav:hover{background:var(--bg);color:var(--text)}.cal-dow{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px;display:grid}.cal-dow span{text-align:center;color:var(--muted);padding:2px 0;font-size:10.5px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-empty{aspect-ratio:1}.cal-day{aspect-ratio:1;color:var(--text);border-radius:8px;place-items:center;font-size:12.5px;transition:background .1s,color .1s;display:grid}.cal-day:hover{background:var(--accent-soft)}.cal-day.today{color:var(--accent);font-weight:700}.cal-day.sel{background:var(--accent);color:#fff;font-weight:600}.cal-day.sel.today{color:#fff}.cal-clear{border-radius:var(--radius-sm);width:100%;color:var(--muted);margin-top:10px;padding:7px;font-size:12.5px;transition:background .12s,color .12s}.cal-clear:hover{background:var(--bg);color:#b4543f}.datepill-input{opacity:0;pointer-events:none;border:0;padding:0;position:absolute;inset:0}.fly-field{border:1px solid var(--border);background:var(--bg);border-radius:999px;outline:none;width:100%;padding:8px 14px;font-size:13.5px;transition:border-color .12s}.fly-field:hover,.fly-field:focus{border-color:var(--accent)}select.fly-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238E8276' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.folder-btn{text-align:left;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238E8276' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:12px;padding-right:36px;display:block}.tag-opt.cur{background:var(--accent-soft);font-weight:600}.tagedit{position:relative}.tag-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;max-height:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 24px #3e373124}.tag-opt{text-align:left;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;display:flex}.tag-opt svg{color:var(--muted)}.tag-opt:hover{background:var(--bg)}.chiprow{border:1px solid var(--border);background:var(--bg);border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 14px;display:flex}.chiprow:focus-within{border-color:var(--accent)}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:5px;padding:3px 7px 3px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-x{color:inherit;opacity:.7;place-items:center;display:grid}.chip-x:hover{opacity:1}.chip-input{background:0 0;border:none;outline:none;flex:1;min-width:70px;font-size:13px}.chip-input::placeholder{color:var(--muted);opacity:.8}.fly-props{background:color-mix(in srgb, var(--accent-soft) 22%, var(--surface));border-radius:var(--radius);border:none;margin-top:auto;padding:22px 20px 20px}.fly-props .fly-sec:first-child{margin-top:0}.fly-props .fly-desc,.fly-props .chiprow,.fly-props .folder-btn,.fly-props .pill:not(.active),.fly-props .seg-btn:not(.active){background:var(--surface)}.fly-foot{justify-content:space-between;align-items:center;margin-top:22px;padding-top:28px;display:flex}.fly-delete{color:var(--muted);font-size:13px}.fly-delete:hover{color:#b4543f}.fly-done{background:var(--accent);color:#fff;border-radius:999px;padding:8px 22px;font-size:14px;font-weight:600;transition:filter .12s}.fly-done:hover{filter:brightness(1.06)}.search-scrim{z-index:60}.search-pal{z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:500px;max-width:92vw;animation:.18s palIn;position:fixed;top:16vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 64px #0000002e}@keyframes palIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.search-head{border-bottom:1px solid var(--border-faint);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-ic{color:var(--muted);place-items:center;display:grid}.search-head input{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15.5px}.search-head input::placeholder{color:var(--muted);opacity:.8}.search-esc{letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:10.5px;font-weight:700}.search-res{max-height:320px;padding:6px;overflow-y:auto}.search-row{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;display:flex}.search-row.sel{background:var(--accent-soft)}.search-check{border:1.5px solid var(--check-border);border-radius:50%;flex-shrink:0;width:14px;height:14px}.search-check.on{background:var(--accent);border-color:var(--accent)}.search-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-title.done{color:var(--muted);text-decoration:line-through}.search-folder{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:12px}.search-none{color:var(--muted);text-align:center;padding:18px 14px;font-size:13.5px}@media (prefers-reduced-motion:reduce){.flyout,.scrim{animation:none}.row{transition:none}}