:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#1c1c1e;color:#f5f5f7;--muted: #98989d;--line: rgba(255, 255, 255, .08);--blue: #0a84ff;--rail: #161618}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:#6cb6ff}.lock{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.lock form{width:min(420px,100%);display:grid;gap:12px}.lock h1{margin:0;font-size:32px}.clip-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pass-row{display:flex;gap:8px;align-items:center}.pass-row input{flex:1}.lock button.eye,.lock button.text-button{background:transparent;color:var(--muted);width:auto}.lock p{color:var(--muted);margin:0 0 8px}.lock input,.sheet input,.sheet select,.sheet textarea,.search{background:#2c2c2e;border:1px solid transparent;border-radius:10px;padding:10px 12px}.lock button,.danger,.rail-actions button,.add-section{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 14px}.danger{background:#3a1d1d;color:#ff453a}.app{display:grid;grid-template-columns:320px 1fr;min-height:100dvh}.rail,.pane{max-height:100dvh;overflow:auto}.rail{background:var(--rail);display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:100vh}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.card{position:relative;min-height:74px;border:0;border-radius:14px;text-align:left;padding:10px 12px;color:#fff}.card.selected{outline:2px solid white}.card-count{position:absolute;top:8px;right:12px;font-size:22px;font-weight:650}.card-label{position:absolute;left:12px;bottom:10px;font-weight:650}.card:nth-child(5){grid-column:1 / -1}.rail-scroll{overflow:auto;flex:1;padding:0 8px 12px}.folder-name{background:none;border:0;color:var(--muted);font-size:13px;padding:12px 8px 4px}.list-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px}.list-row.selected{background:var(--blue)}.list-row:hover{background:#ffffff0f}.list-row.selected:hover{background:var(--blue)}.list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-more{display:none;min-width:44px;min-height:44px;font-size:18px;letter-spacing:1px}.search-toggle{display:none;background:none;border:0;color:var(--blue);min-width:44px;min-height:44px;padding:0}.list-row.selected .list-count,.list-row.selected .list-glyph,.list-row.selected .list-name{color:#fff}.icon-button,.text-button,.info{background:none;border:0;color:var(--muted)}.info{width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-size:13px;font-weight:700}.info.quiet{opacity:.35}.rail-actions{display:flex;gap:8px;padding:12px}.rail-actions button{flex:1;background:#2c2c2e}.pane{padding:18px 28px 48px}.pane-top{display:flex;justify-content:flex-end;gap:12px}.back{display:none;background:none;border:0;color:var(--blue);margin-right:auto}.search{width:min(280px,100%);border-radius:999px}.pane-head{display:flex;justify-content:space-between;align-items:flex-end;margin:18px 0 8px}.pane-head h1{margin:0;font-size:40px;letter-spacing:-.5px}.big-count{font-size:40px;font-weight:650}.done-row{display:flex;justify-content:space-between;color:var(--muted);padding:8px 0 12px;border-bottom:1px solid var(--line)}.section-block.section-target{background:#0a84ff1f;border-radius:10px}.section-head{display:flex;gap:8px;align-items:center;margin-top:18px;font-weight:700;margin-left:calc(var(--depth, 0) * 18px)}.section-title,.section-head input{background:none;border:0;font-weight:700;padding:0;font-size:17px;min-height:1.2em}.section-title{min-width:2rem;text-align:left}.list-body{display:flex;flex-direction:column;min-height:calc(100dvh - 220px)}.compose-catch{min-height:28px}.compose-catch.grow{flex:1;min-height:160px}.item{display:flex;gap:12px;align-items:flex-start;padding:8px 4px;border-radius:8px;margin-left:calc(var(--depth, 0) * 22px)}.item:hover{background:#ffffff0a}.item.nest-target{background:#0a84ff29;box-shadow:inset 3px 0 0 var(--blue)}.item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1.5px solid #8e8e93;border-radius:50%;margin-top:2px;flex:none}.item input[type=checkbox]:checked{background:#8e8e93;box-shadow:inset 0 0 0 3px #1c1c1e}.item.checked .item-title{color:var(--muted);text-decoration:line-through}.item-body{flex:1;min-width:0}.item-title{line-height:1.35}.meta{color:var(--muted);font-size:13px;margin-top:2px}.meta.overdue{color:#ff453a}.chip{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:8px;background:#2c2c2e;text-decoration:none;color:#f5f5f7;font-size:13px}.qty{display:inline-block;margin-left:8px;color:var(--muted)}.item.add input:not([type=checkbox]){flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;padding:2px 0;text-align:left}.day{color:var(--muted);font-size:13px;margin:18px 0 4px}.empty,.error{color:var(--muted)}.error{color:#ff453a}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:24px}.sheet{width:min(440px,100%);background:#2c2c2e;border-radius:18px;padding:18px 16px 22px;display:grid;gap:12px;max-height:88vh;overflow:auto;box-shadow:0 24px 80px #00000073}.sheet h2,.sheet-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.sheet-title{width:100%;background:transparent;border:0;padding:4px 6px 8px}.section-label{margin:6px 8px 0;font-size:15px;font-weight:650}.group{background:#3a3a3c;border-radius:12px;overflow:hidden}.group textarea,.group input:not(.ghost):not(.ghost-label):not([type=checkbox]){width:100%;background:transparent;border:0;border-radius:0;padding:12px 14px}.group textarea{min-height:72px;resize:vertical}.grow{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 14px}.grow+.grow,.group .grow+textarea,.group textarea+input,.group input+input,.group .repeat{border-top:1px solid rgba(255,255,255,.08)}.grow-text{flex:1;min-width:0}.grow .name{font-weight:650}.placeholder{color:#8e8e93;font-weight:600}.row-value{color:#98989d}.chevron{color:#636366;font-size:20px}.sheet-button{width:100%;background:none;border:0;color:inherit;text-align:left}.glyph{width:28px;text-align:center;flex:none}.ghost-label{background:none;border:0;color:#98989d;padding:0;font-size:13px;text-align:left}.sr-picker{position:absolute;width:1px;height:1px;opacity:0}.inline-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-weight:650;text-align:right;max-width:55%}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-ui{position:absolute;top:0;right:0;bottom:0;left:0;background:#39393d;border-radius:16px;transition:background .2s}.switch-ui:before{content:"";position:absolute;width:27px;height:27px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.switch-ui{background:#0a84ff}.switch input:checked+.switch-ui:before{transform:translate(20px)}.danger.link{background:none;color:#ff453a;font-weight:650;padding:8px}.alert-sheet{width:min(360px,100%);text-align:center}.alert-sheet h2{font-size:22px}.alert-sheet p{color:var(--muted);margin:0}.alert-actions{display:flex;gap:8px}.alert-actions button{flex:1;min-height:44px;border-radius:12px}.alert-actions .text-button{background:#3a3a3c;color:var(--text, #f5f5f7)}.alert-actions button:not(.text-button){background:var(--blue);color:#fff;border:0}.field,.check-row,.when,.repeat{display:grid;gap:6px}.repeat{padding:10px 14px 12px;grid-template-columns:auto 72px 1fr;align-items:center}.cal{padding:4px 8px 10px}.cal-caption{padding:10px 14px 0;color:#98989d;font-size:13px}.cal-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}.cal-title{font-weight:650}.cal-navs{display:flex;gap:4px}.cal-nav{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#0a84ff;font-size:22px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-dow{color:#98989d;font-size:11px;letter-spacing:.04em;padding:4px 0}.cal-pad{height:36px}.cal-day{height:36px;border:0;border-radius:50%;background:transparent;color:inherit}.cal-day.on{background:#0a84ff;color:#fff;font-weight:650}.info-sheet{width:min(560px,100%);background:#2a2a2c}.info-title{font-size:20px;font-weight:650;margin:0 0 8px}.info-row{display:flex;align-items:center;gap:16px}.info-label{width:88px;flex:none;color:#f5f5f7}.info-name{flex:1;background:#1c1c1e;border:1px solid transparent;border-radius:8px;padding:8px 10px}.info-name:focus{outline:none;border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff59}.info-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.info-col{display:grid;gap:10px;align-content:start}.info-split .info-col+.info-col{border-left:1px solid rgba(255,255,255,.08);padding-left:18px}.swatches{display:grid;grid-template-columns:repeat(6,28px);gap:10px}.swatch{width:28px;height:28px;border-radius:50%;border:0;padding:0;display:grid;place-items:center}.swatch.on:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.icon-choices{display:flex;gap:16px;align-items:center}.icon-choice{width:64px;height:64px;border-radius:18px;border:3px solid transparent;background:#3a3a3c;display:grid;place-items:center;font-size:28px;padding:0}.icon-choice.on{border-color:#0a84ff}.icon-choice.plain{color:#fff;border-radius:50%}.emoji-input{width:48px;height:48px;border:0;background:transparent;text-align:center;font-size:28px;padding:0}.type-pill{background:#3a3a3c;color:inherit;border:0;border-radius:8px;padding:6px 28px 6px 12px;font-weight:600}.swatch.on{border-color:#fff}.add-section{margin-top:16px;background:#2c2c2e}.menu-modal{background:transparent;place-items:start end;padding:calc(56px + env(safe-area-inset-top)) 12px 24px}.context-menu{width:min(280px,calc(100vw - 24px));background:#2c2c2e;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000080}.menu-row{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 16px;font-size:17px}.menu-row.danger{color:#ff453a;border-bottom:0}@media(max-width:800px){.app{grid-template-columns:1fr}.app.show-pane .rail{display:none}.app:not(.show-pane) .pane{display:none}.rail,.pane{min-height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.cards{padding-top:calc(16px + env(safe-area-inset-top))}.back,.pane-more,.search-toggle{display:inline-flex;align-items:center;justify-content:center}.pane{padding:calc(8px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}.pane-top{align-items:center}.pane-top:not(.searching) .search{display:none}.pane-top.searching .search{flex:1;min-width:0}.pane-top.searching .search-toggle,.add-section{display:none}.pane-head{align-items:flex-start;gap:12px}.pane-head h1{font-size:32px;overflow-wrap:anywhere}.big-count{font-size:32px}.list-row{min-height:48px}.item{margin-left:calc(var(--depth, 0) * 14px);padding:12px 2px}.section-head{margin-left:calc(var(--depth, 0) * 12px)}.item input[type=checkbox]{width:26px;height:26px}.info{width:30px;height:30px}.rail-actions{flex-wrap:wrap}.rail-actions button{min-height:44px;flex:1 1 40%}.modal{padding:0;align-items:end}.sheet,.info-sheet{width:100%;max-height:min(92dvh,100%);border-radius:18px 18px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.info-split{grid-template-columns:1fr;gap:16px}.info-split .info-col+.info-col{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.info-row{align-items:stretch;flex-direction:column;gap:8px}.info-label{width:auto}.info-title{font-size:22px}.chip{max-width:100%;overflow-wrap:anywhere}}
