.relations,.rel-results{margin:0 0 8px;padding:0;list-style:none}.relation{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.rel-kind{color:var(--accent-2);font-size:var(--fs-caption);min-width:7.5em}.relation .sub-title.done{color:var(--text-muted);text-decoration:line-through}.rel-add{flex-wrap:wrap;gap:8px;display:flex}.rel-add select{flex:0 160px}.rel-results .btn{text-align:left;justify-content:flex-start;width:100%}.counter{--c:var(--accent);vertical-align:middle;border:1px solid color-mix(in srgb, var(--c) 60%, transparent);color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;margin-left:6px;padding:0 8px;display:inline-flex}.counter svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.counter.checklist{border-radius:99px}.counter.subtasks{--c:var(--accent-2);border-radius:6px}.counter.complete{--c:var(--success)}.subtask-list{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.subtask{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;display:flex}.subtask.done .sub-title{color:var(--text-muted);text-decoration:line-through}.sub-check{width:20px;height:20px;accent-color:var(--accent);flex:none}.sub-title{text-align:left;min-width:0;color:var(--text);font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;flex:120px;padding:8px 0}.sub-edit{flex:120px;min-width:0}.sub-actions{gap:4px;margin-left:auto;display:inline-flex}.sub-add{margin-top:4px}.md-view{color:var(--text);overflow-wrap:anywhere;line-height:1.55}.md-empty{color:var(--text-muted);margin:0}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{color:var(--accent-2);margin:1em 0 .4em;line-height:1.25}.md-body h1{font-size:1.3em}.md-body h2{font-size:1.15em}.md-body h3{font-size:1.05em}.md-body p{margin:0 0 .7em}.md-body a{color:var(--accent)}.md-body code{background:var(--panel);border:var(--border);color:var(--info);border-radius:6px;padding:0 4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.md-body pre{background:var(--panel);border:var(--border);border-radius:var(--radius-sm);padding:10px 12px;overflow-x:auto}.md-body pre code{background:0 0;border:0;padding:0}.md-body blockquote{border-left:3px solid var(--line);color:var(--text-muted);margin:0 0 .7em;padding-left:12px}.md-body hr{border:0;border-top:var(--border);margin:1em 0}.md-body ul,.md-body ol{margin:0 0 .7em;padding-left:1.4em}.md-body li.task-item{margin-left:-1.4em;list-style:none}.md-body li.task-item input{accent-color:var(--accent);vertical-align:-1px;margin-right:6px}.md-body li>ul,.md-body li>ol{margin-bottom:0}.md-body li.task-item>ul,.md-body li.task-item>ol{margin-left:1.4em}.md-body li.task-item input:not(:disabled){cursor:pointer;width:18px;height:18px}.md-body li.task-item input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.md-body table{border-collapse:collapse;margin-bottom:.7em}.md-body th,.md-body td{border:var(--border);padding:4px 8px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11111b;--panel:#181825;--card:#1e1e2e;--card-hover:#313244;--line:#3c3e4e;--text:#cdd6f4;--text-strong:#fff;--text-muted:#9399b2;--accent:#89b4fa;--accent-2:#cba6f7;--accent-gradient:linear-gradient(90deg, var(--accent-2), var(--accent));--danger:#f38ba8;--warning:#f9e2af;--info:#74c7ec;--success:#a6e3a1;--deadline:#fab387;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--border:1px solid var(--line);--font:Inter, Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-caption:.8125rem;--fs-body:1rem;--fs-title:1.125rem;--fs-heading:2rem;--space:8px;--stripe-1:#f2cdcd;--stripe-2:#94e2d5;--stripe-3:#cba6f7;--stripe-4:#89dceb;--stripe-5:#f5c2e7;--stripe-6:#a6e3a1;--stripe-darken:0%}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#dce0e8;--panel:#e6e9ef;--card:#eff1f5;--card-hover:#ccd0da;--line:#bcc0cc;--text:#4c4f69;--text-strong:#11111b;--text-muted:#6c6f85;--accent:#1e66f5;--accent-2:#8839ef;--danger:#d20f39;--warning:#df8e1d;--info:#209fb5;--success:#40a02b;--deadline:#fe640b;--stripe-1:#dd7878;--stripe-2:#179299;--stripe-3:#8839ef;--stripe-4:#04a5e5;--stripe-5:#ea76cb;--stripe-6:#40a02b;--stripe-darken:50%}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.4}h1,h2{color:var(--text-strong);margin:0}h1{font-size:var(--fs-heading)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}small,.hint{color:var(--text-muted);font-size:var(--fs-caption)}.hint{margin:4px 0 12px}.grow{flex:1;min-width:0}.spacer{flex:1}.empty{color:var(--text-muted);text-align:center;padding:32px 0}.error{color:var(--danger);margin:8px 0}.ok{color:var(--success);margin:8px 0}.shell{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.nav{background:var(--panel);border-right:var(--border);flex-direction:column;gap:8px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{font-size:var(--fs-title);color:var(--text-strong);padding:0 12px 12px;font-weight:700}.navlink{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:12px;min-height:44px;padding:12px;text-decoration:none;display:flex}.navlink:hover{background:var(--card-hover)}.navlink.router-link-exact-active{background:var(--card);color:var(--text-strong);border:var(--border)}.ico{text-align:center;width:20px}.main{justify-content:center;padding:24px 16px 96px;display:flex}.screen{width:100%;max-width:680px;position:relative}.top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.date{color:var(--text-muted)}.date:first-letter{text-transform:uppercase}.top h1{margin-top:4px}.btn{border:var(--border);border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--text);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--card-hover)}.btn.small{min-width:36px;min-height:36px;padding:0}.btn.text{border-color:#0000}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--bg);font-weight:600}.btn.wide{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.danger-text{color:var(--danger)}.newtask{margin-bottom:12px}.fab{background:var(--accent-gradient);width:56px;height:56px;color:var(--bg);border:0;border-radius:50%;font-size:28px;display:none;position:fixed;bottom:84px;right:20px;box-shadow:0 6px 20px #0006}.focus{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 12%, var(--card)), var(--card));justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:20px;display:flex}.focus small{color:var(--text-muted)}.focus b{font-size:var(--fs-title);color:var(--text-strong);margin-top:4px;display:block}.focus .sub{font-size:var(--fs-caption);color:var(--text-muted);margin-top:2px;display:block}.bar{background:var(--card-hover);border-radius:99px;flex:0 0 38%;height:8px;overflow:hidden}.bar i{background:var(--accent-gradient);height:100%;transition:width .3s;display:block}.sec{justify-content:space-between;align-items:baseline;margin:24px 0 12px;display:flex}.sec h2{font-size:var(--fs-title)}.sec span{color:var(--text-muted);font-size:var(--fs-caption)}.sec.overdue h2{color:var(--danger)}.tasks,.plain{margin:0;padding:0;list-style:none}.row{background:var(--card);border:var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;margin-bottom:12px;padding:12px 16px 12px 24px;display:flex;position:relative}.row:before{content:"";background:color-mix(in srgb, var(--p), var(--text-strong) var(--stripe-darken));border-radius:99px;width:4px;position:absolute;top:18%;bottom:18%;left:10px}.row:hover{background:color-mix(in srgb, var(--card-hover) 40%, var(--card))}.badge{border-radius:var(--radius-sm);border:2px solid var(--c);width:44px;height:44px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);flex:none;place-items:center;padding:0;font-weight:700;display:grid;position:relative}.badge.empty{background:0 0;border-style:dashed}.badge:disabled{cursor:default}.badge .tick{opacity:0;position:absolute}@media (hover:hover){.badge:not(:disabled):hover .letter{opacity:0}.badge:not(:disabled):hover .tick{opacity:1}}.row-main{flex:1;min-width:0}.desc{color:var(--text-muted);font-size:var(--fs-caption);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;cursor:default;-webkit-box-orient:vertical;margin:2px 0 0;line-height:1.45;display:-webkit-box;overflow:hidden}.row.done .desc{opacity:.7}.body{text-align:left;background:0 0;border:0;flex:1;width:100%;min-width:0;padding:4px 0;display:block}.t{font-size:var(--fs-title);color:var(--text-strong);overflow-wrap:anywhere;font-weight:600;display:block}.m{font-size:var(--fs-caption);color:var(--text-muted);margin-top:4px;display:block}.m b{color:color-mix(in srgb, var(--p) 55%, var(--text));font-weight:500}.m .late{color:var(--danger)}.dl{border:1px solid var(--deadline);color:var(--deadline);background:color-mix(in srgb, var(--deadline) 14%, transparent);border-radius:99px;padding:0 8px;font-weight:600;display:inline-block}.chip{--c:var(--text-muted);border:1px solid color-mix(in srgb, var(--c) 60%, transparent);color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);font-size:var(--fs-caption);border-radius:99px;margin-left:6px;padding:0 8px;display:inline-block}.row.done .t{color:var(--text-muted);text-decoration:line-through}.field{background:var(--card);border:var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text);padding:8px 12px}textarea.field{resize:vertical}.lbl{color:var(--text-muted);font-size:var(--fs-caption);border:0;flex-direction:column;gap:4px;min-width:0;margin-bottom:12px;padding:0;display:flex}.lbl .field{color:var(--text);font-size:var(--fs-body)}fieldset.lbl legend{margin-bottom:4px;padding:0}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.inline-form>.field{flex:140px;width:auto}.swatch{border:var(--border);border-radius:var(--radius-sm);background:var(--card);width:44px;height:44px;padding:2px}.search{margin:16px 0}.chip.pick{cursor:pointer;margin:0 6px 6px 0;padding:4px 10px}.chip.pick input{accent-color:var(--accent)}.item{background:var(--card);border:var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding:8px 12px;display:flex}.item.archived{opacity:.6}.item>.field{flex:160px;width:auto}.card{background:var(--card);border:var(--border);border-radius:var(--radius-lg);padding:16px 20px}.card p{margin:0 0 12px}.danger-card{border-color:color-mix(in srgb, var(--danger) 50%, var(--line))}.actions{flex-wrap:wrap;gap:8px;display:flex}.seg{border:var(--border);border-radius:var(--radius-md);margin-bottom:12px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;min-height:44px;padding:0 20px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--bg);font-weight:600}.switch{align-items:center;gap:12px;min-height:44px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent)}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;width:100%;max-width:400px;padding:32px 24px;display:flex}.login-card h1{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.scrim{z-index:20;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:calc(100dvh - 32px);padding:20px;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet-head h2{font-size:var(--fs-title)}.sheet-foot{align-items:center;gap:8px;margin-top:8px;display:flex}@media (width<=720px){.shell{grid-template-columns:1fr}.nav{height:auto;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:var(--border);z-index:10;flex-direction:row;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.brand,.newtask{display:none}.navlink{letter-spacing:-.01em;text-align:center;flex-direction:column;flex:1 1 0;gap:2px;min-width:0;padding:6px 2px;font-size:11px;position:relative}.navlink .lab{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.navlink .count-badge{position:absolute;top:0;right:14%}.main{padding:16px 12px calc(168px + env(safe-area-inset-bottom))}.fab{display:block}.scrim{align-items:flex-end;padding:0}.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:92dvh}.grid2{grid-template-columns:1fr}.focus{flex-direction:column;align-items:stretch}.bar{flex-basis:auto}}.natchip{flex-wrap:wrap;align-items:center;gap:4px;margin:-4px 0 12px;display:flex}.chip.nat{--c:var(--accent);margin-left:0}.btn.small-text{min-height:36px;font-size:var(--fs-caption);padding:0 10px}.dot{border-radius:50%;flex:none;width:12px;height:12px;margin-right:8px}.check{min-height:44px;color:var(--text-muted);font-size:var(--fs-caption);align-items:center;gap:6px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.rem-banner{z-index:30;flex-direction:column;gap:8px;max-width:420px;margin-left:auto;display:flex;position:fixed;top:12px;left:12px;right:12px}@media (width>=721px){.rem-banner{left:auto}}.rem-card{background:var(--panel);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 14px;display:flex;box-shadow:0 6px 20px #0006}.rem-text b{color:var(--text-strong);overflow-wrap:anywhere}.rem-actions{flex-wrap:wrap;gap:6px;display:flex}.rem-actions .btn{min-height:44px;font-size:var(--fs-caption);padding:0 12px}.reminders{border:0;min-width:0;margin:0 0 12px;padding:0}.reminders legend{color:var(--text-muted);font-size:var(--fs-caption);margin-bottom:4px;padding:0}.rem-list{margin:0 0 8px;padding:0;list-style:none}.rem-row{align-items:center;gap:8px;padding:4px 0;display:flex}.rem-row .grow small{display:block}.rem-presets{flex-wrap:wrap;gap:6px;display:flex}.rem-presets .btn{min-height:44px;font-size:var(--fs-caption);padding:0 12px}.chip[aria-pressed=true]{background:var(--accent);color:var(--bg);font-weight:600}.chip-list{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.rem-missed{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 14px}.rem-custom{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:end;gap:8px;margin-top:8px;display:grid}.detail{max-width:640px}.detail:focus{outline:none}.detail-title{font-size:var(--fs-title);color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-weight:600}.detail-title.done{color:var(--text-muted);text-decoration:line-through}.detail .sheet-head{align-items:flex-start;gap:12px}.detail-meta{font-size:var(--fs-caption);grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 16px;display:grid}.detail-meta dt{color:var(--text-muted)}.detail-meta dd{color:var(--text);overflow-wrap:anywhere;margin:0}.detail-sec{margin:0 0 16px}.detail-sec h3{font-size:var(--fs-caption);color:var(--text-muted);align-items:center;gap:4px;margin:0 0 6px;font-weight:500;display:flex}.detail-sec .md-view{background:var(--card);border:var(--border);border-radius:var(--radius-sm);padding:10px 12px}.detail-rem{font-size:var(--fs-caption);margin:0;padding:0;list-style:none}.detail-rem li{padding:2px 0}.detail-rem small{color:var(--text-muted)}.tabs{border-bottom:var(--border);gap:4px;margin:8px 0 16px;display:flex}.tab{min-height:44px;color:var(--text-muted);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.tab[aria-selected=true]{color:var(--text-strong);border-bottom-color:var(--accent);font-weight:600}.count-badge{background:var(--danger);min-width:20px;height:20px;color:var(--bg);font-size:var(--fs-caption);border-radius:99px;place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.share-card{margin-bottom:16px}.share-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.share-head h2{font-size:var(--fs-title);overflow-wrap:anywhere}.subhead{font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-weight:600}.people{display:block}.person{border-bottom:var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.person:last-child{border-bottom:0}.person .grow{flex:160px}.person .block{overflow-wrap:anywhere;display:block}.email-line{overflow-wrap:anywhere}.avatar{--s:36px;width:var(--s);height:var(--s);font-size:calc(var(--s) * .38);color:var(--bg);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.role-badge{border:1px solid var(--line);font-size:var(--fs-caption);color:var(--text);background:var(--panel);white-space:nowrap;border-radius:99px;padding:2px 10px;display:inline-block}.role-badge.editor{border-color:var(--accent);color:var(--accent)}.role-badge.viewer{border-color:var(--text-muted);color:var(--text-muted)}.role-badge.owner{border-color:var(--accent-2);color:var(--accent-2)}.role-select{width:auto;min-width:110px}.btn.danger-outline{border-color:var(--danger);color:var(--danger);margin-top:12px}.share-sheet{max-width:600px}.invite-form{margin-bottom:8px}.confirm{max-width:420px}.confirm-scrim{z-index:40}.confirm-text{color:var(--text-muted);margin:0 0 12px}.by{color:var(--text-muted)}@media (width<=720px){.person{align-items:center}.person .grow{flex:calc(100% - 60px)}.role-select{flex:120px}}.chip.blocked{--c:var(--danger);align-items:center;gap:4px;display:inline-flex}.chip.waiting{--c:var(--accent-2)}.ico-sm{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.detail-head{flex:1;min-width:0}.detail-head .chip{margin:6px 0 0;display:inline-flex}.detail-sec h3 .counter{font-weight:400}.top .check{text-align:left;margin:0 8px 0 auto}