:root{--bg:#f4f4f6;--surface:#fff;--surface-2:#ebebef;--fg:#2b2d35;--muted:#868995;--line:#e1e1e7;--accent:#4d5b7c;--accent-fg:#fff;--accent-soft:#e6e9f1;--tint-high:#fbebea;--tint-med:#f8f2e2;--tint-low:#fff;--late:#b5574f;--shadow:0 1px 2px #1e202d0d;--pop:0 8px 24px #1e202d24;--f:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17181c;--surface:#202127;--surface-2:#1b1c21;--fg:#e3e4ea;--muted:#8d909b;--line:#2e3038;--accent:#9fb0d6;--accent-fg:#14161c;--accent-soft:#2a3040;--tint-high:#33262a;--tint-med:#2f2b22;--tint-low:#202127;--late:#e08a82;--shadow:none;--pop:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#17181c;--surface:#202127;--surface-2:#1b1c21;--fg:#e3e4ea;--muted:#8d909b;--line:#2e3038;--accent:#9fb0d6;--accent-fg:#14161c;--accent-soft:#2a3040;--tint-high:#33262a;--tint-med:#2f2b22;--tint-low:#202127;--late:#e08a82;--shadow:none;--pop:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:14px;line-height:1.4;transition:background .2s}.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}input,select,textarea,button{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}header .bar{flex-wrap:wrap;align-items:center;gap:10px;padding-block:16px 6px;display:flex}.hero{align-items:center;gap:10px;min-width:0;margin-right:auto;display:flex}.logo{flex:none;height:auto;display:block}.sep{background:var(--line);flex:none;width:1px;height:28px;margin-inline:6px}.hero .me{background:0 0;border:0;border-radius:50%;flex:none;padding:0}.hero .me:hover{transform:translateY(-1px)}.bubble{background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:12px 12px 12px 4px;max-width:44ch;padding:6px 10px;font-size:13px}.bubble small{color:var(--muted);font-size:12px;display:block}h1{color:var(--muted);margin:0;font-size:13px;font-weight:500}.search{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:170px;max-width:100%;min-height:40px;padding:8px 12px}.btn{background:var(--accent);color:var(--accent-fg);border:0;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:9px 16px;font-weight:500;display:inline-flex}.btn.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--late);border:1px solid var(--line);background:0 0}.icon{background:var(--surface);border:1px solid var(--line);min-width:40px;min-height:40px;color:var(--muted);border-radius:10px;place-items:center;display:inline-grid}.icon:hover{color:var(--fg)}.people{flex-wrap:wrap;gap:6px;padding-block:6px 0;display:flex}.who{min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:2px 12px 2px 2px;display:inline-flex}.who[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--fg)}.chub{flex:none;display:block}.ph{background:var(--surface-2);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:inline-grid}.layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;padding-block:16px 32px;display:grid}.layout.notes-left{grid-template-columns:270px minmax(0,1fr)}.layout.notes-left aside{order:-1}.layout.notes-off{grid-template-columns:minmax(0,1fr)}.layout.notes-off aside{display:none}.board{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:14px;min-width:0;padding-bottom:4px;display:grid;overflow-x:auto}.col{border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:4px;display:flex}.col.over{background:var(--accent-soft)}.col h2{color:var(--muted);gap:6px;margin:0 4px 4px;font-size:13px;font-weight:500;display:flex}.col h2 i{opacity:.7;font-style:normal}.card{background:var(--tint-low);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;display:flex;position:relative}.card.p-high{background:var(--tint-high)}.card.p-med{background:var(--tint-med)}.card.dragging{opacity:.4}.thead{align-items:flex-start;gap:4px;display:flex}.card .title{overflow-wrap:anywhere;cursor:grab;flex:1;min-width:0;padding-top:4px;font-size:15px;font-weight:500}.ib{min-width:32px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:2px;padding:0 4px;font-size:11px;display:inline-flex}.ib:hover,.ib[aria-expanded=true]{background:var(--surface-2);color:var(--fg)}.ib svg.i{width:16px;height:16px}.is-done .title{color:var(--muted);text-decoration:line-through}.is-done .meta,.is-done .split,.is-done .ib{opacity:.7}.card.menu-open{z-index:30}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.meta .late{color:var(--late);font-weight:500}.meta:empty{display:none}.meta .who-av{margin-left:auto}.split{display:flex}.split .go{border:1px solid var(--line);background:var(--surface);border-radius:9px 0 0 9px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-flex}.split .arrow{border:1px solid var(--line);background:var(--surface);width:36px;min-height:38px;color:var(--muted);border-left:0;border-radius:0 9px 9px 0;place-items:center;display:grid}.split .go:hover,.split .arrow:hover{border-color:var(--muted)}.menu{z-index:20;background:var(--surface);border:1px solid var(--line);box-shadow:var(--pop);border-radius:10px;min-width:180px;padding:4px;display:grid;position:absolute;right:10px}.menu button{text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;gap:12px;min-height:40px;padding:10px 12px;display:flex}.menu button:hover{background:var(--surface-2)}.menu button[aria-current=true]{color:var(--muted)}.details{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px;display:grid}.desc{color:var(--muted);margin:0;font-size:13px}.subs{display:grid}.subs label{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:flex}.subs input{width:18px;height:18px;accent-color:var(--accent)}.subs .ok{color:var(--muted);text-decoration:line-through}.cm{align-items:flex-start;gap:8px;font-size:13px;display:flex}.cm p{overflow-wrap:anywhere;min-width:0;margin:0}.cm time{color:var(--muted);font-size:11px;display:block}.cm-form{gap:6px;display:flex}.cm-form input{background:var(--surface);border:1px solid var(--line);border-radius:9px;flex:auto;width:100%;min-width:0;min-height:38px;padding:8px 10px}.cm-form button{border:1px solid var(--line);background:var(--surface);width:38px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.add{border:1px dashed var(--line);color:var(--muted);text-align:left;background:0 0;border-radius:12px;min-height:42px;padding:10px}.add:hover{color:var(--fg)}aside.notes{flex-direction:column;gap:8px;min-width:0;display:flex}aside h2{color:var(--muted);justify-content:space-between;align-items:center;margin:4px;font-size:13px;font-weight:500;display:flex}aside h2 button{color:var(--muted);background:0 0;border:0;min-height:28px;font-size:13px}aside h2 button:hover{color:var(--fg)}.notelist{flex-direction:column;gap:8px;display:flex}.note{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;min-width:0;padding:10px 10px 10px 12px;display:grid}.note .nh{align-items:center;gap:2px;display:flex}.note .nh b{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.note .nb{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.note .nb a{color:var(--accent)}.hint{color:var(--muted);margin:4px;font-size:12px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);z-index:50;white-space:nowrap;border-radius:99px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--bg);background:0 0;border:0;min-height:32px;padding:4px 2px;font-weight:600;text-decoration:underline}.menu .del{color:var(--late);border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:2px}.col h2 .clear{color:var(--muted);background:0 0;border:0;min-height:24px;margin-left:auto;padding:0 4px;font-size:12px}.col h2 .clear:hover{color:var(--late)}.trash{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;border:2px dashed var(--late);background:var(--surface);color:var(--late);box-shadow:var(--pop);border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.trash.over{background:var(--tint-high)}.card.swiping{transition:none}.card{transition:transform .15s,opacity .15s}dialog{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:14px;width:min(540px,100vw - 32px);max-height:calc(100vh - 32px);padding:0}dialog::backdrop{background:#14161e59}form.edit{gap:14px;padding:20px;display:grid}form.edit h3{margin:0;font-size:16px;font-weight:600}form.edit label{color:var(--muted);gap:4px;font-size:12px;display:grid}form.edit input,form.edit select,form.edit textarea{background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:9px;padding:9px 10px;font-size:14px}.cap{color:var(--muted);margin-bottom:6px;font-size:12px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button,.seg label{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--fg);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.seg button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.seg label:has(input:checked){border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.seg input{opacity:0;pointer-events:none;position:absolute}.prio label{flex:1}.sw{border:1px solid var(--line);border-radius:4px;width:14px;height:14px}.row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.actions .danger{margin-right:auto}.fam{gap:6px;display:grid}.fam div{align-items:center;gap:8px;min-height:40px;display:flex}.fam div span.n{flex:1}.fam-add{gap:6px;display:flex}.fam-add input{flex:1;min-width:0}.themes{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.themes button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;gap:6px;padding:8px;font-size:13px;display:grid}.themes button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.themes .dots{gap:3px;display:flex}.themes .dots i{border:1px solid #00000014;border-radius:50%;width:16px;height:16px}.colrow{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:40px;display:flex}.colrow span{flex:1}.colrow.off span{color:var(--muted);text-decoration:line-through}.maker{grid-template-columns:150px 1fr;align-items:start;gap:16px;display:grid}.maker .stage{background:var(--bg);border-radius:14px;place-items:center;padding:10px;display:grid;position:sticky;top:0}.maker .opts{gap:12px;min-width:0;display:grid}.colors{flex-wrap:wrap;gap:6px;display:flex}.colors button{border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.colors button[aria-pressed=true]{border-color:var(--fg)}.presets{flex-wrap:wrap;gap:4px;display:flex}.presets button{background:var(--bg);border:1px solid #0000;border-radius:10px;padding:2px}.presets button:hover{border-color:var(--line)}@media (width<=1100px){.layout,.layout.notes-left{grid-template-columns:1fr}.layout aside.notes{order:-1}.notelist{flex-direction:row;padding-bottom:4px;overflow-x:auto}.note{flex:0 0 230px}}@media (width<=640px){.board{grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.search{order:5;width:100%}.bubble{display:none}.maker{grid-template-columns:1fr}.maker .stage{position:static}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}*{box-sizing:border-box}body{margin:0}.hint.err{color:var(--late)}.who-av span{display:inline-flex}.code{letter-spacing:.12em;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:6px 12px;font-family:ui-monospace,Menlo,monospace;font-size:18px}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth form{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:14px;width:min(380px,100%);padding:24px;display:grid}.auth .top{flex-direction:column;align-items:center;gap:12px;margin-bottom:4px;display:flex}.auth p{color:var(--muted);text-align:center;margin:0}.auth label{color:var(--muted);gap:4px;font-size:12px;display:grid}.auth input{background:var(--bg);border:1px solid var(--line);border-radius:9px;min-height:42px;padding:10px;font-size:15px}.auth .btn{justify-content:center}.auth .switch{color:var(--accent);background:0 0;border:0;min-height:36px}.loading{min-height:100%;color:var(--muted);place-items:center;display:grid}#root{height:100%;min-height:100%}