:root{--paper:#f7f5f0;--panel:#eeece5;--white:#fffefb;--ink:#282b26;--muted:#787b70;--line:#dedfd4;--accent:#425b42;--tint:#e7ecdf;--danger:#99442d;--shadow:0 24px 100px #242c2430;font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{padding:36px 22px 22px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:0;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-family:Georgia,serif;font-size:43px;letter-spacing:-3px;text-decoration:none;font-weight:bold;line-height:1}.brand-mark{font-weight:normal;font-style:italic;color:var(--accent);margin-left:6px}.strapline{font-size:11px;color:var(--muted);margin:12px 0 38px;letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;background:none;text-align:left;border-radius:5px;margin:3px 0;font-size:13px}.nav-item:hover{background:#e3e5da}.nav-item.active{background:var(--ink);color:var(--white)}.nav-item .nav-count{margin-left:auto;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.nav-symbol{width:16px;font-size:17px}.sidebar-divider{border-top:1px solid var(--line);margin:28px 0 17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading>span{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:600}.icon-button{background:none;border:0;font-size:24px;line-height:1;width:32px;height:32px;border-radius:4px}.icon-button:hover{background:var(--tint)}.context-group{margin:9px 0}.context-group summary{cursor:pointer;color:var(--muted);font-size:12px;padding:6px 8px}.context-group .nav-item{padding:7px 12px 7px 22px;font-size:12px;overflow-wrap:anywhere}.context-empty{font-size:12px;line-height:1.7;color:var(--muted);padding:12px 8px}.sidebar-bottom{margin-top:auto;padding-top:36px;font-size:11px;color:var(--muted)}.sidebar-bottom a{display:block;margin-top:14px;text-decoration:none}.local-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:15px}.topbar>span{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.primary,.quiet{border-radius:5px;padding:10px 17px;border:1px solid transparent;font-size:12px;font-weight:600}.primary{background:var(--accent);color:#fff}.primary:hover{background:#344b34}.quiet{background:transparent;color:var(--muted)}.quiet:hover{background:var(--panel);color:var(--ink)}.workspace{max-width:1120px;padding:56px 48px 25px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:600;margin:0 0 14px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-1.5px;margin:0}h1{font-size:48px;line-height:1.1}h2{font-size:30px}h3{font-size:14px;margin:0}.description{color:var(--muted);font-size:13px;line-height:1.7;margin:16px 0 0}.count-badge{border:1px solid var(--line);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.capture{display:flex;align-items:center;gap:15px;background:var(--white);border:1px solid var(--line);border-radius:7px;margin:35px 0 30px;padding:16px 18px;box-shadow:0 3px 7px #22222203}.capture>span{font-size:25px;color:var(--accent)}.capture input{flex:1;min-width:0;border:0;background:none;padding:5px;color:var(--ink);font-size:14px}.capture input::placeholder{color:#96998f}.capture button{border:0;background:var(--panel);font-size:11px;border-radius:4px;padding:8px 12px;white-space:nowrap}.capture>button>span{margin-left:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:6px}.search{display:flex;align-items:center;gap:8px;flex:1}.search span{font-size:24px;color:var(--muted)}.search input{width:100%;border:0;background:none;padding:8px 0;font-size:12px;color:var(--ink)}.sort-label{font-size:11px;color:var(--muted);white-space:nowrap}.sort-label select{font-size:11px;background:transparent;border:0;color:var(--ink);padding:8px}.task-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:start;padding:19px 4px;border-bottom:1px solid var(--line)}.task-row.child{margin-left:32px;border-left:1px solid var(--line);padding-left:18px}.check{width:19px;height:19px;border:1px solid #aaaFA2;border-radius:50%;background:transparent;margin-top:2px;padding:0;font-size:12px;line-height:16px}.check:hover{background:var(--tint)}.check.checked{background:var(--accent);border-color:var(--accent);color:white}.check.milestone{border-radius:3px}.task-title{display:block;font-size:14px;font-weight:500;text-align:left;border:0;background:none;padding:0;line-height:1.5;overflow-wrap:anywhere}.task-title:hover{text-decoration:underline;text-underline-offset:4px}.done .task-title{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;color:var(--muted);font-size:10px}.pill{border:1px solid var(--line);border-radius:3px;padding:2px 6px;background:transparent;color:var(--muted);font-size:10px}.pill:hover{border-color:var(--muted)}.type-pill{background:var(--tint);color:var(--accent);border:0}.due{font-size:11px;white-space:nowrap;color:var(--muted);padding-top:4px}.due.overdue{color:var(--danger)}.progress-label{font-size:10px;color:var(--accent)}.empty{padding:60px 20px 65px;text-align:center}.empty-mark{font-family:Georgia,serif;font-size:60px;color:#b8bfac;line-height:1;margin-bottom:18px}.empty h2{font-size:29px}.empty p{max-width:350px;margin:14px auto 23px;color:var(--muted);line-height:1.8;font-size:13px}.workspace-footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.03em}.context-description{color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.context-description:empty{display:none}dialog{width:min(720px,calc(100vw - 32px));max-height:92vh;border:1px solid var(--line);border-radius:10px;padding:0;background:var(--white);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#20251e60;backdrop-filter:blur(3px)}.small-dialog{width:min(460px,calc(100vw - 32px))}.dialog-header{padding:26px 30px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header .eyebrow{margin-bottom:7px}.dialog-body{padding:24px 30px}.dialog-footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);position:sticky;bottom:0}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:19px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 12px;border-radius:5px;line-height:1.5;font-weight:normal}.field textarea{resize:vertical}.field input#task-title{font-size:18px}.optional{font-size:10px;color:var(--muted);font-weight:normal}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}fieldset{border:0;padding:0;margin:10px 0 25px}legend{font-size:12px;font-weight:600;padding:0}.field-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:6px 0 12px}.choice-list{display:flex;flex-wrap:wrap;gap:7px}.choice{display:flex;gap:6px;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:5px;padding:7px 10px;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.choice:has(input:checked){background:var(--tint);border-color:#bac8b0}.choice input{accent-color:var(--accent)}.choice-category{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 7px}.text-button{border:0;background:none;color:var(--accent);padding:10px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.small{font-size:10px;color:var(--muted)}.form-error{color:var(--danger);font-size:12px;background:#99442d0c;border-radius:5px;padding:12px;line-height:1.6}.context-record{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:16px 0;font-size:13px;gap:10px}.context-record span{font-size:11px;color:var(--muted)}.context-record:hover{color:var(--accent)}.mini-task{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.mini-task button:not(.check){border:0;background:none;text-align:left;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:var(--white);border-radius:7px;box-shadow:var(--shadow);z-index:10;max-width:90vw;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:900px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:28px 15px}.workspace{padding:40px 26px}.topbar{padding:0 26px}.topbar>span{display:none}}@media(max-width:640px){.shell{display:block}.sidebar{position:relative;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:34px}.strapline{margin:6px 0 15px}.sidebar #views{display:flex;overflow:auto;gap:5px}.nav-item{white-space:nowrap;width:auto;font-size:11px;padding:9px}.nav-count{display:none}.sidebar-divider,.sidebar .section-heading,.sidebar-bottom{display:none}#context-nav{display:flex;overflow:auto;margin-top:8px;gap:14px}.context-group{min-width:100px}.context-group .nav-item{padding:7px}.context-empty{padding:0}.topbar{height:67px;padding:0 20px;justify-content:flex-end}.workspace{padding:30px 20px}.page-heading h1{font-size:37px}.capture{gap:8px;padding:12px 10px}.capture input{font-size:12px}.capture>button>span{display:none}.capture button{padding:8px}.toolbar{gap:7px}.task-row{gap:10px}.task-row.child{margin-left:14px;padding-left:10px}.dialog-header,.dialog-body,.dialog-footer{padding:20px}.form-grid{gap:0 12px}.dialog-footer .small{max-width:120px}.due{font-size:10px}.workspace-footer{font-size:9px;gap:12px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:arrive .16s ease-out}.task-row{animation:arrive .16s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
.capture{position:relative;margin-bottom:8px}.capture-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 24px}.mention-field{position:relative}.mention-menu{position:absolute;left:0;right:0;top:100%;z-index:8;margin-top:5px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--white);box-shadow:0 10px 35px #242c2420;max-height:240px;overflow-y:auto}.mention-menu button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border:0;background:none;text-align:left;padding:11px 12px;border-radius:4px;font-size:13px}.mention-menu button[aria-selected=true]{background:var(--tint)}.mention-menu small{font-size:10px;color:var(--muted);flex-shrink:0}.mention-menu span{overflow-wrap:anywhere}
.auth-panel{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,440px)}.auth-card .brand{display:block;margin-bottom:64px}.auth-card h1{font-size:43px}.auth-card .primary{width:100%;margin-top:30px;padding:15px}.auth-card .form-error:empty{display:none}.auth-card>.quiet{display:block;margin:14px auto}.auth-card .description{font-size:15px}

.api-key-row{border-bottom:1px solid var(--line,#ddd);padding:16px 0}.api-key-row p{font-size:13px;overflow-wrap:anywhere}#key-secret-panel{margin-top:20px;padding:16px;background:#f0f3e9}#key-secret{font-family:monospace}#settings-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}.top-actions{flex-wrap:wrap}
.task-row[draggable=true]{cursor:grab}.task-row.dragging{opacity:.4;cursor:grabbing}.nav-item.drop-target{background:var(--tint);box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink)}.nav-item.drop-target.active{background:var(--ink);color:var(--white);box-shadow:inset 0 0 0 2px var(--accent)}.effort-pill{border:1px solid var(--line);border-radius:3px;padding:2px 6px;color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}
.capacity-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin:18px 0 8px}.capacity-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.capacity-head h3{font-size:13px;color:var(--ink)}.capacity-figure{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.capacity-figure b{color:var(--ink);font-weight:600}.capacity-bar{height:12px;border-radius:6px;background:var(--panel);margin:14px 0 6px;overflow:hidden;display:flex}.capacity-fill{height:100%;background:var(--cap-ok);transition:width .3s ease}.capacity-fill.warn{background:var(--cap-warn)}.capacity-fill.over{background:var(--cap-over)}.capacity-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);margin-top:10px}.capacity-legend b{color:var(--ink);font-variant-numeric:tabular-nums}:root{--cap-ok:#5aa469;--cap-warn:#e0a92e;--cap-over:#cf4b38;--cap-warn-ink:#a9761a}
.capacity-set{border:0;background:none;color:var(--accent);font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:0;margin-left:6px}.capacity-over{color:var(--cap-over)}
.cap-figs.warn,.capacity-figure .warn{color:var(--cap-warn-ink)}.cap-figs.over,.capacity-figure .over{color:var(--cap-over)}
.cap-report{margin-top:10px}.cap-summary{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted);padding:16px 0 20px;border-bottom:1px solid var(--line);margin-bottom:6px}.cap-summary b{color:var(--ink);font-variant-numeric:tabular-nums}.cap-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:18px 4px}.cap-row:hover{background:var(--white)}.cap-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cap-name{font-size:14px;font-weight:500}.cap-figs{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.cap-row .capacity-bar{margin:10px 0 6px}.cap-row-meta{font-size:11px;color:var(--muted)}
.danger{border-radius:5px;padding:10px 17px;border:1px solid var(--line);background:transparent;color:var(--danger);font-size:12px;font-weight:600;margin-right:auto}.danger:hover{background:#99442d0c;border-color:var(--danger)}.danger[data-armed]{background:var(--danger);color:#fff;border-color:var(--danger)}

/* ===== Appearance system: switch via <html data-appearance="..."> ===== */
:root, :root[data-appearance="slate"]{
  --paper:#f4f6f8; --bg-grad:none; --panel:#e9edf1; --white:#ffffff; --ink:#1f2933; --muted:#64748b; --line:#e2e8f0;
  --accent:#3a6ea5; --accent-ink:#ffffff; --tint:#e7eef7; --danger:#c0503f;
  --btn-r:8px; --card-r:9px; --shadow:0 1px 3px rgba(15,23,42,.06); --round:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color-scheme:light;
}
:root[data-appearance="paper"]{
  --paper:#fbfbfa; --bg-grad:none; --panel:#f0f0ee; --white:#ffffff; --ink:#191919; --muted:#6b6b6b; --line:#e6e6e4;
  --accent:#1a1a1a; --accent-ink:#ffffff; --tint:#efefee; --danger:#b3372a;
  --btn-r:5px; --card-r:5px; --shadow:0 1px 0 rgba(0,0,0,.05); --round:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color-scheme:light;
}
:root[data-appearance="forest"]{
  --paper:#f2f5f0; --bg-grad:radial-gradient(1000px 480px at 100% -10%, #e6efe4 0%, transparent 58%); --panel:#e7ece2; --white:#ffffff; --ink:#232a24; --muted:#6d766a; --line:#dde3d7;
  --accent:#2f7d5b; --accent-ink:#ffffff; --tint:#e3efe8; --danger:#b0492f;
  --btn-r:9px; --card-r:11px; --shadow:0 1px 3px rgba(35,55,40,.07); --round:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color-scheme:light;
}
:root[data-appearance="azure"]{
  --paper:#ffffff; --bg-grad:radial-gradient(1000px 460px at 100% -10%, #e9f8fc 0%, transparent 56%); --panel:#eef6f9; --white:#ffffff; --ink:#14181b; --muted:#5b6266; --line:#e7edf0;
  --accent:#12a7c9; --accent-ink:#ffffff; --tint:#e3f7fc; --danger:#c0503f;
  --btn-r:999px; --card-r:12px; --shadow:0 1px 3px rgba(20,60,70,.07); --round:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color-scheme:light;
}
:root[data-appearance="warm"]{
  --paper:#faf5ef; --bg-grad:radial-gradient(1100px 520px at 0% -12%, #ffeede 0%, transparent 60%),radial-gradient(900px 480px at 100% 0%, #fff2e0 0%, transparent 58%); --panel:#f2ebe0; --white:#ffffff; --ink:#43392f; --muted:#9a8d7d; --line:#efe6d9;
  --accent:#e8714b; --accent-ink:#ffffff; --tint:#ffe7dc; --danger:#c0503f;
  --btn-r:999px; --card-r:16px; --shadow:0 2px 8px rgba(80,55,30,.08); --round:ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN",system-ui,-apple-system,"Segoe UI",sans-serif; color-scheme:light;
}
:root[data-appearance="midnight"]{
  --paper:#0f1216; --bg-grad:none; --panel:#1a1f26; --white:#171b21; --ink:#e6eaef; --muted:#8b95a1; --line:#2a313a;
  --accent:#6ea8fe; --accent-ink:#0f1216; --tint:#1e2a3b; --danger:#e08a7c;
  --btn-r:8px; --card-r:8px; --shadow:0 2px 10px rgba(0,0,0,.4); --round:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color-scheme:dark;
}

body{ font-family:var(--round); background-color:var(--paper); background-image:var(--bg-grad); color:var(--ink); }
h1,h2,h3,.brand,.empty-mark,.empty h2,.auth-card h1{ font-family:var(--round); font-weight:800; letter-spacing:-.01em; }
.brand-mark{ color:var(--accent); font-style:normal; }
button,input,textarea,select{ font-family:var(--round); }
.eyebrow,.local-dot,.progress-label,.text-button,.capacity-set,.effort-pill{ color:var(--accent); }
.sidebar{ background:var(--panel); border-right-color:var(--line); }
.nav-item{ border-radius:var(--btn-r); }
.nav-item:hover{ background:var(--tint); }
.nav-item.active,.nav-item.active:hover{ background:var(--accent); color:var(--accent-ink); }
.icon-button:hover{ background:var(--tint); }
.primary,.quiet,.danger{ border-radius:var(--btn-r); font-weight:700; }
.primary{ background:var(--accent); color:var(--accent-ink); box-shadow:var(--shadow); }
.primary:hover{ filter:brightness(.95); background:var(--accent); }
.quiet:hover{ background:var(--tint); color:var(--accent); }
.card,.capture,.capacity-panel{ border:0; border-radius:var(--card-r); box-shadow:var(--shadow); background:var(--white); }
.capture>span{ color:var(--accent); }
.capture button{ border-radius:var(--btn-r); background:var(--tint); color:var(--accent); font-weight:700; }
.count-badge{ border-color:var(--line); color:var(--muted); }
.check{ border-radius:50%; }
.check.checked{ background:var(--accent); border-color:var(--accent); color:var(--accent-ink); }
.check.milestone{ border-radius:6px; }
.pill,.effort-pill{ border-radius:999px; }
.type-pill{ background:var(--tint); color:var(--accent); border:0; }
.field input,.field textarea,.field select,.choice{ border-radius:var(--card-r); background:var(--white); color:var(--ink); }
.choice:has(input:checked){ background:var(--tint); border-color:var(--accent); }
input:focus,textarea:focus,select:focus{ border-color:var(--accent); }
.context-record:hover{ color:var(--accent); }
dialog{ border:0; border-radius:calc(var(--card-r) + 6px); box-shadow:var(--shadow); background:var(--white); color:var(--ink); }
.dialog-footer{ background:var(--paper); }
.mention-menu{ border-radius:var(--card-r); background:var(--white); }
.mention-menu button[aria-selected=true]{ background:var(--tint); }
#toast{ background:var(--ink); color:var(--paper); border-radius:999px; }
.capacity-bar{ border-radius:999px; }
.nav-item.drop-target{ background:var(--tint); box-shadow:inset 0 0 0 2px var(--accent); }