@font-face{font-family:"Inter Variable";src:url("fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  
  --canvas:#f2f3f5;
  --bg:#ffffff;--bg-2:#f7f8fa;--bg-3:#eef0f3;--bg-hover:#f2f4f6;--bg-active:#e8ebef;
  --border:#e1e4e9;--border-subtle:#eceef2;--border-strong:#cdd1d8;--border-focus:#0e8a92;
  --fg:#1b1d22;--fg-2:#4b505c;--fg-3:#6d727e;
  --accent:#0d8189;--accent-hover:#0a6d74;--accent-fg:#ffffff;--accent-soft:#e1f2f3;
  --done:#197a47;--done-soft:#e2f4ea;--progress:#955f00;--progress-soft:#fbefd4;
  --later:#4f5f8c;--later-soft:#e8ecf6;--popover:#ffffff;--menu-hover:rgba(27,29,34,.06);--seg-bg:#eff1f4;--seg-active:#ffffff;--seg-ring:rgba(20,22,30,.09);--test:#6a4ed0;--test-soft:#ede8fc;
  --blocked:#bf323e;--blocked-soft:#fbe4e6;--info:#2463b8;--info-soft:#e4edfb;
  --unknown:#646975;--unknown-soft:#edeff2;--bug:#dc3d43;--feature:#0d8189;
  --shadow:0 1px 2px rgba(20,22,30,.07),0 12px 32px rgba(20,22,30,.13);--shadow-panel:-8px 0 32px rgba(20,22,30,.13);
  --panel-shadow:0 1px 2px rgba(20,22,30,.04),0 4px 14px -6px rgba(20,22,30,.08);
  --radius-s:4px;--radius:6px;--radius-l:10px;
  --font:"Inter Variable","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-settings:"cv01","ss03";
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --topbar:48px;--peek-w:480px;--gutter:clamp(16px,3vw,32px);--sidebar-w:248px;--shell-gap:8px;--pad-x:clamp(14px,1.8vw,22px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--canvas:#121316;--bg:#18191d;--bg-2:#1d1f23;--bg-3:#24262b;--bg-hover:#212327;--bg-active:#2a2d33;--border:#2d3037;--border-subtle:#23252a;--border-strong:#3d414a;--border-focus:#4fcad1;--fg:#f1f2f4;--fg-2:#b4b8c1;--fg-3:#878c97;--accent:#3fc4cc;--accent-hover:#62d1d8;--accent-fg:#04201f;--accent-soft:#0f2f34;--done:#52c78f;--done-soft:#13301f;--progress:#e8bc5a;--progress-soft:#33290f;--later:#9aa8d3;--later-soft:#1e2541;--popover:#1e2024;--menu-hover:rgba(241,242,244,.07);--seg-bg:#131417;--seg-active:#2d3037;--seg-ring:rgba(255,255,255,.07);--test:#ad9af6;--test-soft:#272044;--blocked:#f2707a;--blocked-soft:#3a1b1f;--info:#74b4ff;--info-soft:#13263f;--unknown:#9499a4;--unknown-soft:#202329;--bug:#f2707a;--feature:#3fc4cc;--shadow:0 1px 2px rgba(0,0,0,.45),0 16px 40px rgba(0,0,0,.6);--shadow-panel:-8px 0 40px rgba(0,0,0,.6);--panel-shadow:0 0 0 1px rgba(255,255,255,.015),0 8px 24px -8px rgba(0,0,0,.6)}}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#121316;--bg:#18191d;--bg-2:#1d1f23;--bg-3:#24262b;--bg-hover:#212327;--bg-active:#2a2d33;--border:#2d3037;--border-subtle:#23252a;--border-strong:#3d414a;--border-focus:#4fcad1;--fg:#f1f2f4;--fg-2:#b4b8c1;--fg-3:#878c97;--accent:#3fc4cc;--accent-hover:#62d1d8;--accent-fg:#04201f;--accent-soft:#0f2f34;--done:#52c78f;--done-soft:#13301f;--progress:#e8bc5a;--progress-soft:#33290f;--later:#9aa8d3;--later-soft:#1e2541;--popover:#1e2024;--menu-hover:rgba(241,242,244,.07);--seg-bg:#131417;--seg-active:#2d3037;--seg-ring:rgba(255,255,255,.07);--test:#ad9af6;--test-soft:#272044;--blocked:#f2707a;--blocked-soft:#3a1b1f;--info:#74b4ff;--info-soft:#13263f;--unknown:#9499a4;--unknown-soft:#202329;--bug:#f2707a;--feature:#3fc4cc;--shadow:0 1px 2px rgba(0,0,0,.45),0 16px 40px rgba(0,0,0,.6);--shadow-panel:-8px 0 40px rgba(0,0,0,.6);--panel-shadow:0 0 0 1px rgba(255,255,255,.015),0 8px 24px -8px rgba(0,0,0,.6)}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--canvas);color:var(--fg);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:var(--font-settings)}
body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:var(--canvas);color:var(--fg);display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);align-items:stretch}
body.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
.main-col{display:flex;flex-direction:column;min-width:0;height:calc(100vh - var(--shell-gap) * 2);height:calc(100dvh - var(--shell-gap) * 2);margin:var(--shell-gap) var(--shell-gap) var(--shell-gap) 0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:var(--panel-shadow);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
body.sidebar-collapsed .main-col{margin-left:var(--shell-gap)}
.main-col>.topbar,.main-col>.footer,.main-col>.agents-page,.main-col>.settings-page,.main-col>#peek,.main-col>.day-plan-shell,.main-col>.doc-page,.main-col>.pages-index,.main-col>.home-page,.main-col>.chat-page,.main-col>.kb-page,.main-col>.kb-public,.main-col>.team-page,.main-col>.campaigns-page,.main-col>.changelog-page{flex-shrink:0}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,dl,dd{margin:0}
h1,h2,h3,h4,strong,b,th{font-weight:550}
code{font-family:var(--mono);font-size:12px}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-s)}
.skip-link{position:absolute;left:8px;top:-40px;padding:8px 12px;background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);z-index:50;font-weight:550}
.skip-link:focus{top:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.align-end{text-align:right;justify-self:end}
.muted{color:var(--fg-3)}
kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-s);background:var(--bg-2);font-family:var(--font);font-size:10.5px;font-weight:550;color:var(--fg-2)}
kbd.hint{height:16px;min-width:16px;font-size:10px;border-bottom-width:1px;opacity:.8}


.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);border-radius:10px 10px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 var(--pad-x);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}
.topbar-start{display:flex;align-items:center;gap:10px;min-width:0}
.topbar-end{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:550;letter-spacing:-.01em;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--accent);color:var(--accent-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.brand-mark svg{display:block}
.proto{font-size:10.5px;font-weight:550;text-transform:uppercase;letter-spacing:.06em;color:var(--progress);background:var(--progress-soft);padding:2px 6px;border-radius:999px}
.seg{position:relative;isolation:isolate;display:inline-flex;justify-self:center;padding:3px;gap:2px;border-radius:9px;background:var(--seg-bg);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.seg-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color 160ms ease}
.seg-link:hover{color:var(--fg-2)}
.seg-link.is-active{color:var(--fg);background:var(--seg-active);box-shadow:0 1px 2px rgba(20,22,30,.08),0 0 0 1px var(--seg-ring)}
.seg.small .seg-link{height:24px;padding:0 10px}
.seg-indicator{position:absolute;z-index:0;top:3px;bottom:3px;left:0;width:0;border-radius:6px;background:var(--seg-active);box-shadow:0 1px 2px rgba(20,22,30,.08),0 0 0 1px var(--seg-ring);pointer-events:none;transition:transform 240ms cubic-bezier(.23,1,.32,1),width 240ms cubic-bezier(.23,1,.32,1),opacity 120ms ease}
.seg-indicator.no-anim{transition:none}
.has-indicator .seg-link.is-active,.has-indicator.theme-switch button[aria-checked="true"]{background:transparent;box-shadow:none}
.dot{width:7px;height:7px;border-radius:50%;background:var(--fg-3)}
.dot-bug{background:var(--bug)}.dot-feature{background:var(--feature)}
.icon-button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);cursor:pointer}
.icon-button:hover{background:var(--bg-hover);color:var(--fg);border-color:var(--border)}
.icon-button:disabled{opacity:.35;cursor:default}
.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.icon-button[hidden],.topbar .button[hidden]{display:none}
:root[data-theme="dark"] .icon-sun,:root:not([data-theme="dark"]) .icon-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .icon-sun{display:none}:root:not([data-theme="light"]) .icon-moon{display:block}}
:root[data-theme="dark"] .icon-moon{display:block}:root[data-theme="light"] .icon-sun{display:block}:root[data-theme="light"] .icon-moon{display:none}
.identity{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 4px;border-radius:var(--radius);color:var(--fg-2);font-size:12.5px}
.avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:9.5px;font-weight:600;letter-spacing:.02em;flex:none}
.button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-weight:500;font-size:12.5px;cursor:pointer;white-space:nowrap}
.button:hover{background:var(--bg-hover);border-color:var(--fg-3)}
.button.small{height:26px;padding:0 8px;font-size:12px}
.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button.primary kbd{border-color:color-mix(in srgb,var(--accent-fg) 35%,transparent);background:color-mix(in srgb,var(--accent-fg) 14%,transparent);color:var(--accent-fg)}
.button.file{cursor:pointer}

.button.is-quiet{border-color:transparent;background:transparent;color:var(--fg-2)}
.button.is-quiet:hover{border-color:transparent;background:var(--bg-hover);color:var(--fg)}
.link-button{border:0;background:transparent;padding:0;color:var(--fg-3);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.link-button:hover{color:var(--fg)}


main{flex:1 0 auto;width:100%;max-width:none;margin:0;padding:0 0 48px;transition:padding-right .2s ease}
body.peek-open main{padding-right:var(--peek-w)}
.toolbar{position:sticky;top:var(--topbar);z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px var(--pad-x) 8px;background:var(--bg);border-bottom:1px solid var(--border)}
.count{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;background:var(--bg-3);color:var(--fg-2);font-size:11px;font-weight:550;font-variant-numeric:tabular-nums}
.toolbar-right{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;justify-content:flex-end}
.chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-2);font-size:12px;cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--border-strong);color:var(--fg)}
.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}
#mine-filter{height:28px;padding:0 10px;border-radius:var(--radius);font-size:12.5px}
.chip[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}
.chip svg{flex:none}
.chip.tag{cursor:default;height:20px;padding:0 6px;font-size:11px;border-radius:var(--radius-s)}
.search-trigger{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 6px 0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg-3);font-size:12.5px;cursor:pointer;white-space:nowrap;transition:border-color 120ms ease,color 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.search-trigger:hover{border-color:var(--border-strong);color:var(--fg-2)}
.search-trigger:active{transform:scale(.98)}
.search-trigger kbd.hint{margin-left:4px;opacity:.8}
.search-modal{top:10vh;bottom:auto;margin:0 auto;width:min(640px,calc(100vw - 32px));max-height:min(70vh,640px);padding:0;overflow:hidden;border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.search-modal-field{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px 0 16px;border-bottom:1px solid var(--border);color:var(--fg-3)}
.search-modal-field:focus-within{color:var(--fg-2)}
.search-modal-field input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;outline:0;color:var(--fg);font-size:15px}
.search-modal-field input::placeholder{color:var(--fg-3)}
.search-modal-results{max-height:min(52vh,460px);overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.search-modal-title{padding:8px 10px 4px;color:var(--fg-3);font-size:10.5px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.search-result{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.search-result[aria-selected="true"]{background:var(--bg-hover)}
.search-result .status-icon{width:14px;height:14px;flex:none}
.search-result-id{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.search-result-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.search-result-title mark{background:transparent;color:var(--accent);font-weight:550}
.search-result-meta{display:flex;align-items:center;gap:6px;flex:none;color:var(--fg-3);font-size:11.5px}
.search-result kbd.hint{flex:none;opacity:0}
.search-result[aria-selected="true"] kbd.hint{opacity:.9}
.search-modal-hint{padding:26px 12px;color:var(--fg-3);font-size:12.5px;text-align:center}
.search-modal-foot{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-2);color:var(--fg-3);font-size:11.5px}
.search-modal-foot span{display:inline-flex;align-items:center;gap:4px}
.search-modal-scope{margin-left:auto}
@media (max-width:767px){.toolbar .search-trigger span,.toolbar .search-trigger kbd{display:none}.toolbar .search-trigger{width:28px;padding:0;justify-content:center}.search-modal{top:8px;width:calc(100vw - 16px)}.search-modal-foot{display:none}.search-modal-results{max-height:min(70vh,560px)}}

.search-result-body{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}
.search-result-line{display:flex;align-items:center;gap:8px;min-width:0}
.search-result-snippet{overflow:hidden;color:var(--fg-3);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.search-result-snippet mark{background:transparent;color:var(--fg);font-weight:550}
.search-modal-title{display:flex;align-items:center;justify-content:space-between}
.search-modal-count{color:var(--fg-3);font-weight:450;letter-spacing:0;text-transform:none}
.search-modal-more{padding:6px 10px;color:var(--fg-3);font-size:12px}
.search-result .team-hash{color:var(--fg-3);font-size:13px}
.search-scopes{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px 2px}
.search-scopes[hidden]{display:none}
.search-scope{flex:none;height:24px;padding:0 9px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2);font:inherit;font-size:12px;cursor:pointer}
.search-scope:hover{background:var(--bg-hover);color:var(--fg)}
.search-scope[aria-pressed="true"]{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--fg);font-weight:550}
.search-scope{display:inline-flex;align-items:center;gap:5px}
.search-scope-count{color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}
.search-scope[aria-pressed="true"] .search-scope-count{color:var(--fg-2)}
.search-scope.is-empty{opacity:.55}
.search-modal-link{height:20px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:var(--fg-3);font:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer}
.search-modal-link:hover{background:var(--bg-hover);color:var(--fg)}
.search-modal-title>span:first-child{margin-right:auto}
.search-clear{display:grid;place-items:center;flex:none;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);cursor:pointer}
.search-clear:hover{background:var(--bg-hover);color:var(--fg)}
.search-clear[hidden]{display:none}
.search-result kbd.search-result-key{opacity:1;min-width:18px;text-align:center}


.page-tabs{display:flex;gap:22px;margin:-8px 0 24px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.page-tab{flex:none;height:36px;margin-bottom:-1px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--fg-3);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.page-tab:hover{color:var(--fg)}
.page-tab.is-active{border-bottom-color:var(--fg);color:var(--fg)}
.page-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}

.list-head{display:grid;grid-template-columns:136px minmax(0,1fr) 150px 110px 120px 90px;gap:12px;padding:6px var(--pad-x);color:var(--fg-3);font-size:11px;font-weight:550;text-transform:uppercase;letter-spacing:.06em}
.list{border-top:1px solid var(--border)}
.group{border-bottom:1px solid var(--border-subtle)}
.group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px var(--pad-x);border:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-2);color:var(--fg);font:inherit;font-size:12px;font-weight:550;text-align:left;cursor:pointer}
.group-head:hover{background:var(--bg-hover)}
.group-head:focus-visible{position:relative;z-index:1;outline:2px solid var(--border-focus);outline-offset:-2px}
.group-head[aria-expanded="false"]{border-bottom:0;color:var(--fg-2)}
.group-label{display:inline-flex;align-items:center;gap:6px;min-width:0}
.group-caret{width:13px;height:13px;color:var(--fg-3);transition:transform .14s ease-out}
.group-head[aria-expanded="false"] .group-caret{transform:rotate(-90deg)}
.group-head .count{font-variant-numeric:tabular-nums}
.group-rows[hidden]{display:none}
.row{display:grid;grid-template-columns:136px minmax(0,1fr) 150px 110px 120px 90px;gap:12px;align-items:center;padding:0 var(--pad-x);min-height:44px;border-bottom:1px solid var(--border-subtle);cursor:pointer}
.row:last-child{border-bottom:0}
.row:hover{background:var(--bg-hover)}
.row:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;background:var(--bg-hover);border-radius:0}
.row.is-selected{background:var(--accent-soft)}
.cell{min-width:0}
.row .title-line{display:flex;align-items:baseline;gap:8px;min-width:0}
.row .id{color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums;flex:none}
.row .title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .sub{display:flex;gap:6px;align-items:center;color:var(--fg-3);font-size:11.5px;margin-top:1px}
.type-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--fg-2)}
.reporter{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12px;min-width:0}
.reporter span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
time{color:var(--fg-3);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.row time{justify-self:end}
.status-icon{display:inline-block;width:14px;height:14px;flex:none;color:var(--unknown)}
.status-icon.kind-done{color:var(--done)}.status-icon.kind-progress{color:var(--progress)}.status-icon.kind-later{color:var(--later)}.status-icon.kind-test{color:var(--test)}.status-icon.kind-blocked{color:var(--fg-3)}.status-icon.kind-open{color:var(--fg-3)}
.prio{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12px}
.prio svg{width:14px;height:14px;flex:none}
.prio.p-urgent{color:var(--bug)}
.attach-count{display:inline-flex;align-items:center;gap:3px;color:var(--fg-3);font-size:11px}
.automation-mini{font-weight:550;color:var(--progress)}
.automation-mini.state-review_ready,.automation-mini.state-verified{color:var(--done)}
.automation-mini.state-blocked,.automation-mini.state-failed{color:var(--blocked)}
.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:56px 16px;text-align:center;color:var(--fg-2);border-bottom:1px solid var(--border)}
.empty strong{color:var(--fg);font-weight:550}
.empty .button{margin-top:8px}
.empty.is-error strong{color:var(--blocked)}
.skeleton{display:grid;grid-template-columns:136px minmax(0,1fr) 150px 110px;gap:12px;align-items:center;padding:0 var(--pad-x);min-height:44px;border-bottom:1px solid var(--border-subtle)}
.bone{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-active) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.sentinel{height:1px}
.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad-x);color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.list-footer[hidden]{display:none}
.note-form{display:grid;gap:7px;margin-top:10px}

.toast.is-error::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--blocked)}
.footer a{color:var(--fg-3)}


.status{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px 0 5px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--unknown-soft);color:var(--fg-2)}
.status svg{width:12px;height:12px}
.status.kind-done{background:var(--done-soft);color:var(--done)}.status.kind-progress{background:var(--progress-soft);color:var(--progress)}.status.kind-later{background:var(--later-soft);color:var(--later)}.status.kind-test{background:var(--test-soft);color:var(--test)}
.inline-select{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 7px 0 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:12.5px;cursor:pointer;max-width:100%;box-shadow:0 1px 2px rgba(20,22,30,.04);user-select:none;-webkit-user-select:none;transition:border-color 120ms ease,background 120ms ease,box-shadow 120ms ease}
.inline-select:hover{border-color:var(--border-strong);background:var(--bg-hover)}
.inline-select:focus-visible{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.inline-select[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.inline-select>span:first-child{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline-select select{position:absolute;inset:0;width:100%;opacity:0;pointer-events:none}
.inline-select .status-icon,.inline-select .prio svg{width:13px;height:13px}
.inline-select.filter{height:28px;color:var(--fg-2);font-size:12.5px;white-space:nowrap}
.inline-select.filter.is-set{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}
.inline-select .caret{flex:none;margin-left:auto;color:var(--fg-3);opacity:.8}
.props .inline-select{height:28px;margin-left:-8px;padding:0 6px 0 8px;border-color:transparent;background:transparent;box-shadow:none}
.props .inline-select .caret{opacity:0;transition:opacity 120ms ease}
.props .inline-select:hover,.props .inline-select[aria-expanded="true"]{border-color:transparent;background:var(--menu-hover)}
.props .inline-select:hover .caret,.props .inline-select:focus-visible .caret,.props .inline-select[aria-expanded="true"] .caret{opacity:.8}
.field-select{width:100%;height:32px}
#status-filter-wrap[hidden]{display:none}
.status-filter{flex:none}
.status-filter .count{height:17px;padding:0 5px}
.row .status-button{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:24px;padding:0 6px 0 5px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}
.row .status-button .caret{width:11px;height:11px;color:var(--fg-3);opacity:0;transition:opacity .12s}
.row .status-button:hover,.row .status-button[aria-expanded="true"]{background:var(--bg);border-color:var(--border-strong);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.row .status-button:hover .caret,.row:hover .status-button .caret,.row .status-button[aria-expanded="true"] .caret{opacity:1}
.row .status-button.kind-done{color:var(--done)}.row .status-button.kind-progress{color:var(--progress)}.row .status-button.kind-later{color:var(--later)}.row .status-button.kind-test{color:var(--test)}
.row .prio-button{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 4px;margin:0 -4px;border:0;border-radius:var(--radius-s);background:transparent;color:inherit;cursor:pointer}
.row .prio-button:hover{background:var(--bg-active)}
.row .status-button:focus-visible,.row .prio-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:0}
.menu{position:absolute;z-index:40;min-width:180px;max-height:min(360px,calc(100vh - 24px));overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--popover);color:var(--fg);box-shadow:0 10px 38px -10px rgba(22,23,24,.28),0 10px 20px -15px rgba(22,23,24,.18);transform-origin:top left;animation:menu-in 140ms cubic-bezier(.23,1,.32,1);scrollbar-width:thin}
@keyframes menu-in{from{opacity:0;transform:scale(.97) translateY(-2px)}to{opacity:1;transform:none}}
.menu[hidden]{display:none}
.menu.is-fixed{position:fixed}
.menu-title{margin:0 -4px 4px;padding:7px 12px 7px;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:500;color:var(--fg-3)}
.menu-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer;outline:0;transition:background 80ms ease}
.menu-item:hover,.menu-item:focus,.menu-item:focus-visible{background:var(--menu-hover);outline:0}
.menu-item[aria-checked="true"]{font-weight:500}
.menu-item .status-icon,.menu-item .prio svg{width:14px;height:14px}
.menu-item .check{margin-left:auto;flex:none;color:var(--fg)}
.menu-item kbd{margin-left:auto;min-width:0;height:auto;padding:0;border:0;background:none;color:var(--fg-3);font-size:11px;font-weight:400;letter-spacing:.08em}
.menu-item .check+kbd{margin-left:8px}
.surface-tag{display:inline-flex;align-items:center;height:18px;padding:0 5px;border-radius:var(--radius-s);background:var(--bg-3);color:var(--fg-2);font-size:10.5px;font-weight:550;letter-spacing:.04em;text-transform:uppercase}
.inline-input{height:26px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:12.5px;min-width:0;width:100%}
.inline-input:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}


.peek-backdrop{position:fixed;inset:var(--topbar) 0 0 0;z-index:29;background:rgba(10,11,14,.35)}
.peek-backdrop[hidden]{display:none}
.peek{position:fixed;top:var(--topbar);right:0;bottom:0;z-index:30;width:var(--peek-w);max-width:100%;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow-panel);animation:slide .18s ease-out}
.peek[hidden]{display:none}
@keyframes slide{from{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}
.peek-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--topbar);padding:0 12px 0 20px;border-bottom:1px solid var(--border);flex:none}
.peek-kicker{min-width:0;overflow:hidden;color:var(--fg-3);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis}
.peek-actions{display:flex;align-items:center;gap:2px}
.peek-divider{width:1px;height:16px;margin:0 6px;background:var(--border)}
.peek-pos{margin-right:4px;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.peek-pos:empty{display:none}
.peek-body{overflow-y:auto;padding:20px 20px 40px;flex:1}
.peek-title{font-size:17px;font-weight:550;letter-spacing:-.015em;line-height:1.35;overflow-wrap:anywhere;border:0;background:transparent;width:100%;padding:0;resize:none;font-family:inherit;color:var(--fg)}
.peek-title:focus{outline:0;box-shadow:0 0 0 3px var(--accent-soft);border-radius:var(--radius-s)}
.peek-lead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--fg-3);font-size:12px}
.props{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);align-items:center}
.props dt{color:var(--fg-3);font-size:12px}
.props dd{min-width:0;font-size:12.5px}
.section{margin-top:22px}
.section-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.section-head h3{font-size:12px;font-weight:550;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2)}
.work-progress{margin:12px 0 8px;font-size:13px;font-weight:520;color:var(--fg)}
.work-hint,.work-evidence{margin:6px 0;color:var(--fg-3);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.work-actions,.work-link-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.work-link-row{justify-content:space-between}
.work-link-row a{color:var(--accent);font-size:12.5px}
.work-link-form{display:flex;gap:8px;margin-top:12px}
.work-link-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);padding:7px 9px;font:inherit;font-size:12px}
.work-link-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.work-details{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;font-size:12px}
.work-details summary{cursor:pointer;color:var(--fg-2);font-weight:550}
.work-evidence-form{display:grid;gap:8px;margin-top:14px}
.work-evidence-form h4{margin:0;color:var(--fg-2);font-size:12px}
.work-evidence-form input,.work-evidence-form select,.work-evidence-form textarea{min-width:0;width:100%;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);padding:7px 9px;font:inherit;font-size:12px}
.work-evidence-form textarea{min-height:64px;resize:vertical}
.work-evidence-form .button{justify-self:start}
.section-head .count{margin-left:auto}
.desc{margin-top:10px;overflow-wrap:anywhere;line-height:1.55;font-size:13px;color:var(--fg)}
.structured-text{display:grid;gap:8px;min-width:0}
.structured-heading{margin-top:5px;color:var(--fg-2);font-size:11px;font-weight:600;letter-spacing:.065em;line-height:1.3;text-transform:uppercase}
.structured-heading:first-child{margin-top:0}
.structured-paragraph{white-space:pre-wrap;overflow-wrap:anywhere}
.structured-list{display:grid;gap:4px;margin:0;padding-left:20px}
.structured-list li{padding-left:2px}
.structured-text.is-compact{gap:5px;color:var(--fg-2);font-size:12.5px;line-height:1.5}
.structured-text.is-compact .structured-heading{margin-top:4px;font-size:10.5px}
.desc-edit{width:100%;min-height:120px;margin-top:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);resize:vertical;line-height:1.55}
.desc-edit:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}
.shot{position:relative;display:block;aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-2);cursor:zoom-in;padding:0}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot .shot-name{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:rgba(0,0,0,.55);color:#fff;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot.is-open{position:fixed;inset:0;z-index:60;aspect-ratio:auto;border:0;border-radius:0;background:rgba(10,11,14,.9);cursor:zoom-out}
.shot.is-open img{object-fit:contain;padding:24px}
.activity{list-style:none;margin:8px 0 0;padding:0}
.activity li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:12.5px;color:var(--fg-2)}
.activity li strong{color:var(--fg);font-weight:500}
.activity .avatar{width:18px;height:18px;font-size:8.5px}
.activity-content{display:grid;gap:3px;min-width:0}
.activity-actor{line-height:18px}
.activity-text{display:grid;gap:5px;min-width:0}
.activity-action{width:max-content;padding:1px 5px;border-radius:var(--radius-s);background:var(--bg-3);color:var(--fg-3);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.note-input{width:100%;min-height:74px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:12.5px;line-height:1.5;resize:vertical}
.note-input:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.note-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}
.worker-name{color:var(--fg);font-weight:550}
.automation-state{margin-left:auto;display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:999px;background:var(--progress-soft);color:var(--progress);font-size:11px;font-weight:580}
.automation-state.state-review_ready,.automation-state.state-verified{background:var(--done-soft);color:var(--done)}
.automation-state.state-blocked,.automation-state.state-failed{background:var(--blocked-soft);color:var(--blocked)}
.automation-facts{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 10px;margin-top:10px;font-size:12px}
.automation-facts dt{color:var(--fg-3)}
.automation-facts dd{overflow-wrap:anywhere;color:var(--fg-2)}
.automation-pr{display:inline-flex;margin-top:10px;font-weight:550;text-underline-offset:3px}
.automation-checks{list-style:none;margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--fg-2)}
.automation-checks li{padding:2px 0}.automation-checks .check-passed{color:var(--done)}.automation-checks .check-failed{color:var(--blocked)}


.modal{width:min(640px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);color:var(--fg);box-shadow:var(--shadow)}
.modal::backdrop{background:rgba(10,11,14,.5);backdrop-filter:blur(2px)}
.modal form{display:flex;flex-direction:column}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--border)}
.modal-header h2{font-size:14px;font-weight:550}
.modal.composer{width:min(840px,calc(100vw - 32px));max-height:calc(100vh - 48px);border-radius:12px;animation:pop .16s ease-out}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.modal.composer .modal-header{padding:10px 10px 10px 16px;display:grid;grid-template-columns:1fr auto auto;gap:12px}
.crumb{display:flex;align-items:center;gap:8px;min-width:0;color:var(--fg-2);font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumb-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--accent);color:var(--accent-fg);font-size:8.5px;font-weight:600;flex:none}
.crumb-sep{color:var(--fg-3)}
#composer-crumb-type{color:var(--fg)}
.modal.composer .modal-body{padding:18px 22px 14px;gap:8px;overflow:auto}
.title-input{width:100%;border:0;padding:2px 0;background:transparent;font-size:21px;font-weight:550;letter-spacing:-.02em;line-height:1.3;color:var(--fg)}
.title-input::placeholder{color:var(--fg-3);font-weight:500}
.title-input:focus{outline:0}
.title-help{color:var(--blocked);font-size:12px}
.desc-input{width:100%;border:0;padding:0;background:transparent;resize:vertical;line-height:1.6;color:var(--fg);min-height:220px;font-size:13.5px}
.desc-input::placeholder{color:var(--fg-3)}
.desc-input:focus{outline:0}
.dropzone{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px dashed var(--border-strong);border-radius:var(--radius-l);background:var(--bg-2);transition:border-color .12s,background .12s}
.dropzone:hover{border-color:var(--fg-3)}
.modal.is-dropping .dropzone{border-color:var(--accent);background:var(--accent-soft)}
.dropzone-hint{display:flex;align-items:center;gap:10px;color:var(--fg-2);font-size:12.5px;cursor:pointer}
.dropzone-hint strong{color:var(--fg);font-weight:500}
.dropzone-hint kbd{height:16px;min-width:16px;font-size:10px}
.dropzone-hint:hover{color:var(--fg)}
.attach-strip{display:flex;flex-wrap:wrap;gap:8px}
.attach-strip:empty{display:none}
.thumb{position:relative;width:132px;height:96px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb button{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;opacity:0;transition:opacity .12s}
.thumb:hover button,.thumb button:focus-visible{opacity:1}
.thumb .thumb-name{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal.composer .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px 12px 22px;border-top:1px solid var(--border);background:var(--bg-2);border-radius:0 0 12px 12px}
.pill-row{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:12.5px;cursor:pointer;white-space:nowrap}
.pill:hover,.pill[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.pill-label{color:var(--fg-3)}
.pill-label::after{content:"·";margin-left:6px;color:var(--border-strong)}
.pill-icon{display:inline-flex}
.pill-icon svg{width:14px;height:14px}
.pill.p-urgent .pill-icon{color:var(--bug)}
.modal-actions{display:flex;align-items:center;gap:8px}
.reporter-note{font-size:12px;margin-right:4px}
.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 12px;border-top:1px solid var(--border);font-size:12px}
.shortcuts{width:min(440px,calc(100vw - 32px))}
.shortcut-list{display:grid;gap:10px;padding:14px 18px 18px}
.shortcut-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;font-size:12.5px}
.shortcut-list dt{display:flex;gap:4px;align-items:center;color:var(--fg-2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--popover);color:var(--fg);box-shadow:var(--shadow);font-size:12.5px;animation:rise .18s ease-out}
.toast[hidden]{display:none}
.toast strong{color:var(--fg);font-weight:550}
.toast strong+span{color:var(--fg-2)}
.toast-action{height:24px;margin-left:2px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:transparent;color:var(--fg);font-size:12px;font-weight:550;cursor:pointer}
.toast-action:hover{background:var(--bg-hover)}
#peek-plan{margin-right:4px}
#peek-plan[hidden],.button[hidden]{display:none}
body.peek-open .day-plan-shell{right:calc(var(--peek-w) + 24px)}
@media (max-width:1199px){body.peek-open .day-plan-shell{display:none}}
@keyframes rise{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px var(--gutter) 20px;border-top:1px solid var(--border);color:var(--fg-3);font-size:12px}


.day-plan-shell{--ease-out:cubic-bezier(.23,1,.32,1);position:fixed;right:24px;bottom:var(--day-plan-bottom,22px);z-index:45;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.day-plan-shell.is-open{right:12px;bottom:12px}
.day-plan-shell>*{pointer-events:auto}
.day-plan-shell[hidden],.day-plan[hidden],.day-plan-results[hidden],.day-plan-calendar[hidden],.day-plan-carry[hidden],.day-plan-trigger[hidden],.day-plan-trigger-count[hidden],.day-plan-today[hidden],.day-plan-carry-button[hidden],.day-plan-bar[hidden]{display:none}


.day-plan-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 11px;border:1px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-2);box-shadow:0 1px 2px rgba(20,22,30,.08),0 4px 14px rgba(20,22,30,.1);font-size:12.5px;font-weight:550;cursor:pointer;transition:transform 160ms var(--ease-out),box-shadow 160ms ease,color 160ms ease,border-color 160ms ease}
.day-plan-trigger:active{transform:scale(.97)}
.day-plan-trigger-count{min-width:22px;padding:1px 6px;border-radius:var(--radius-s);background:var(--accent-soft);color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}
.day-plan-trigger-count.is-done{background:var(--done-soft);color:var(--done)}
@media (hover:hover) and (pointer:fine){.day-plan-trigger:hover{color:var(--fg);border-color:var(--fg-3);box-shadow:0 1px 2px rgba(20,22,30,.08),0 6px 18px rgba(20,22,30,.14)}}


.day-plan{display:flex;flex-direction:column;width:min(520px,calc(100vw - 24px));height:min(800px,calc(100dvh - 24px));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg);box-shadow:var(--shadow);transform-origin:bottom right;animation:day-plan-enter 180ms var(--ease-out)}
.day-plan.no-anim{animation:none}
@keyframes day-plan-enter{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes day-plan-rise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes day-plan-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}


.day-plan-head{position:relative;display:flex;align-items:center;gap:2px;height:52px;padding:0 10px 0 10px;border-bottom:1px solid var(--border);flex:none}
.day-plan-head .icon-button{width:30px;height:30px}
.day-plan-head-spacer{flex:1}
.day-plan-date{display:inline-flex;align-items:center;gap:7px;min-width:0;height:30px;line-height:1;padding:0 9px 0 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg);cursor:pointer;transition:background 120ms ease,border-color 120ms ease}
.day-plan-date:hover,.day-plan-date[aria-expanded="true"]{background:var(--bg-hover);border-color:var(--border)}
.day-plan-date:active{transform:scale(.98)}
.day-plan-date strong{font-size:14px;font-weight:550;letter-spacing:-.01em;white-space:nowrap}
.day-plan-date span{min-width:0;color:var(--fg-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.day-plan-date svg{flex:none;color:var(--fg-3)}
.day-plan-today{height:28px;padding:0 9px;border:0;border-radius:var(--radius);background:transparent;color:var(--accent);font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer;transition:background 120ms ease}
.day-plan-today:hover{background:var(--accent-soft)}


.day-plan-calendar{position:absolute;top:calc(100% + 4px);left:var(--calendar-left,10px);z-index:5;width:min(300px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);box-shadow:var(--shadow);transform-origin:top left;animation:day-plan-drop 120ms var(--ease-out)}
.day-plan-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px 6px;color:var(--fg);font-size:13px;font-weight:550}
.day-plan-calendar-head>div{display:flex;gap:2px}
.day-plan-calendar-head button{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);cursor:pointer}
.day-plan-calendar-head button:hover{background:var(--bg-hover);border-color:var(--border);color:var(--fg)}
.day-plan-calendar-table{width:100%;border-spacing:0;table-layout:fixed;text-align:center}
.day-plan-calendar-table th{height:26px;color:var(--fg-3);font-size:10.5px;font-weight:550}
.day-plan-calendar-table td{padding:1px 0}
.day-plan-calendar-day{display:grid;place-items:center;width:34px;height:34px;margin:auto;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg);font-size:12.5px;font-variant-numeric:tabular-nums;cursor:pointer;transition:background 100ms ease}
.day-plan-calendar-day:hover{background:var(--bg-hover)}
.day-plan-calendar-day.is-outside{color:var(--fg-3);opacity:.5}
.day-plan-calendar-day.is-today{color:var(--accent);font-weight:550}
.day-plan-calendar-day.is-selected{background:var(--accent);color:var(--accent-fg);font-weight:550}
.day-plan-calendar-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle);text-align:center}
.day-plan-calendar-foot button{height:26px;padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--accent);font-size:12px;font-weight:550;cursor:pointer}
.day-plan-calendar-foot button:hover{background:var(--accent-soft)}


.day-plan-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 24px;scrollbar-color:var(--border-strong) transparent}
.day-plan-label{color:var(--fg-3);font-size:11px;font-weight:550;text-transform:uppercase;letter-spacing:.06em}
.day-plan-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.day-plan-save{color:var(--fg-3);font-size:11px;opacity:0;transition:opacity 200ms ease}
.day-plan-save.is-visible{opacity:1}
.day-plan-save.is-error{color:var(--blocked)}
#day-plan-goal{display:block;width:100%;min-height:50px;padding:12px 14px;resize:none;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);color:var(--fg);font-size:16px;font-weight:500;line-height:1.45;letter-spacing:-.012em;transition:border-color 120ms ease,box-shadow 120ms ease,background 120ms ease}
#day-plan-goal:hover{border-color:var(--border-strong)}
#day-plan-goal:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg)}
#day-plan-goal::placeholder{color:var(--fg-3);font-weight:400}
#day-plan-goal:disabled{opacity:.55}


.day-plan-carry{margin:10px 0 2px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);color:var(--fg-2);font-size:12.5px;line-height:1.4}
.day-plan-carry-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 6px 6px 12px}
.day-plan-carry-icon{display:grid;flex:none;place-items:center;color:var(--fg-3)}
.day-plan-carry-text{flex:1;min-width:0;color:var(--fg)}
.day-plan-carry-actions{display:flex;flex:none;align-items:center;gap:4px}
.day-plan-carry-show,.day-plan-carry-button{height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer;transition:transform 160ms var(--ease-out),background 120ms ease,border-color 120ms ease}
.day-plan-carry-show:hover,.day-plan-carry-button:hover{background:var(--bg-hover);color:var(--fg)}
.day-plan-carry-button{border-color:var(--border);background:var(--bg)}
.day-plan-carry-button.is-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}
.day-plan-carry-button.is-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-fg)}
.day-plan-carry-button:active{transform:scale(.97)}
.day-plan-carry-button:disabled,.day-plan-carry-show:disabled{opacity:.6;cursor:wait}
.day-plan-carry-list{padding:2px 12px 10px;border-top:1px solid var(--border-subtle)}
.day-plan-carry-day{margin:8px 0 2px;color:var(--fg-3);font-size:11px;font-weight:550;text-transform:uppercase;letter-spacing:.06em}
.day-plan-carry-task{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 -6px;padding:0 6px;border-radius:var(--radius);color:var(--fg-2);font-size:12.5px;cursor:pointer}
.day-plan-carry-task:hover{background:var(--bg-hover);color:var(--fg)}
.day-plan-carry-task .day-plan-check{flex:none}
.day-plan-carry-hint{margin:8px 0 2px;color:var(--fg-3);font-size:11.5px}
.day-plan-carry-task .status-icon{width:14px;height:14px;flex:none}
.day-plan-carry-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){.day-plan-carry-row{flex-wrap:wrap;padding:8px 8px 8px 12px}.day-plan-carry-text{flex-basis:calc(100% - 25px)}.day-plan-carry-actions{margin-left:auto}}

.day-plan-tasks-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:22px 0 0}
.day-plan-tasks-head span{color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}
.day-plan-bar{height:2px;margin:8px 0 4px;border-radius:999px;background:var(--bg-3);overflow:hidden}
.day-plan-bar i{display:block;width:0;height:100%;border-radius:999px;background:var(--done);transition:width 300ms var(--ease-out)}
.day-plan-tasks{display:grid;grid-template-columns:minmax(0,1fr);margin-top:6px}
.day-plan-task{min-width:0}
.day-plan-skeleton{display:grid;gap:16px;padding:14px 0}
.day-plan-empty{padding:12px 0;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.day-plan-task{display:flex;align-items:center;gap:10px;min-height:40px;margin:0 -8px;padding:4px 6px 4px 8px;border-radius:var(--radius);transition:background 100ms ease}
.day-plan-task+.day-plan-task{box-shadow:inset 0 1px 0 var(--border-subtle)}
.day-plan-task:hover{background:var(--bg-hover);box-shadow:none}
.day-plan-task-main{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}
.day-plan-task-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);transition:color 160ms ease}
.day-plan-task.is-done .day-plan-task-title{color:var(--fg-3);text-decoration:line-through;text-decoration-color:var(--border-strong)}
.day-plan-task-id{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.day-plan-task .status-icon{width:16px;height:16px}
.day-plan-task-open:hover .day-plan-task-title{text-decoration:underline;text-underline-offset:2px}
.day-plan-task-status{flex:none;color:var(--fg-3);font-size:11.5px;white-space:nowrap}
.day-plan-check{appearance:none;display:grid;place-items:center;flex:none;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--bg);cursor:pointer;transition:background 120ms ease,border-color 120ms ease,transform 120ms var(--ease-out)}
.day-plan-check:hover{border-color:var(--fg-3)}
.day-plan-check:active{transform:scale(.9)}
.day-plan-check:checked{border-color:var(--done);background:var(--done)}
.day-plan-check::after{content:'';width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform 120ms var(--ease-out)}
.day-plan-check:checked::after{transform:rotate(-45deg) scale(1)}
.day-plan-task-tools{display:flex;gap:2px;flex:none;opacity:0;transition:opacity 120ms ease}
.day-plan-task:hover .day-plan-task-tools,.day-plan-task:focus-within .day-plan-task-tools{opacity:1}
@media (hover:none){.day-plan-task-tools{opacity:1}}
.day-plan-move{height:24px;padding:0 8px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--accent);font-size:11.5px;font-weight:550;white-space:nowrap;cursor:pointer}
.day-plan-move:hover{background:var(--accent-soft)}
.day-plan-remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer}
.day-plan-remove:hover{background:var(--bg-active);color:var(--fg)}


.day-plan-foot{position:relative;flex:none;padding:10px 20px 12px;border-top:1px solid var(--border);background:var(--bg-2)}
.day-plan-add{display:flex;align-items:center;gap:9px;height:38px;padding:0 9px 0 11px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);color:var(--fg-3);transition:border-color 120ms ease,box-shadow 120ms ease,color 120ms ease}
.day-plan-add:hover{border-color:var(--border-strong)}
.day-plan-add:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}
.day-plan-add input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;outline:0;color:var(--fg);font-size:13px}
.day-plan-add input::placeholder{color:var(--fg-3)}
.day-plan-add kbd.hint{opacity:0;transition:opacity 120ms ease}
.day-plan-add.has-text kbd.hint{opacity:.9}
.day-plan-foot-hint{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px;color:var(--fg-3);font-size:11px}
.day-plan-results{position:absolute;left:20px;right:20px;bottom:calc(100% - 2px);z-index:5;max-height:300px;overflow:auto;padding:4px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);box-shadow:var(--shadow);transform-origin:bottom center;animation:day-plan-rise 120ms var(--ease-out)}
.day-plan-results-title{padding:8px 8px 4px;color:var(--fg-3);font-size:10.5px;font-weight:550;text-transform:uppercase;letter-spacing:.06em}
.day-plan-option{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font-size:12.5px;text-align:left;cursor:pointer}
.day-plan-option[aria-selected="true"]{background:var(--bg-hover)}
.day-plan-option svg{flex:none}
.day-plan-option-plus{display:grid;place-items:center;width:16px;height:16px;color:var(--accent)}
.day-plan-option-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.day-plan-option-text em{font-style:normal;font-weight:550}
.day-plan-option-id{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.day-plan-option-meta{flex:none;color:var(--fg-3);font-size:11px;white-space:nowrap}
.day-plan-option kbd.hint{flex:none;opacity:0}
.day-plan-option[aria-selected="true"] kbd.hint{opacity:.9}
.day-plan-results-hint{padding:8px 9px;color:var(--fg-3);font-size:11.5px}



.view-switch .seg-link{gap:5px;padding:0 9px}
.view-switch svg{width:13px;height:13px;flex:none}
#group-filter-wrap[hidden]{display:none}
.toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}

main:has(>.board:not([hidden])){display:flex;flex:1 1 0;flex-direction:column;min-height:0;padding-bottom:0}
.board{display:flex;flex:1 1 auto;gap:16px;align-items:stretch;min-height:0;padding:24px var(--pad-x);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.board[hidden],.list-head[hidden],.list[hidden],.sentinel[hidden]{display:none}
.board>.empty{grid-column:1/-1;width:100%}
.board-col{display:flex;flex:1 0 320px;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border-subtle);border-radius:var(--radius-l);background:var(--bg-2);transition:border-color 120ms ease,background 120ms ease}
.board-col-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;color:var(--fg);font-size:12.5px;font-weight:550}
.board-col-head .status-icon{width:14px;height:14px}
.board-col-head .count{margin-left:1px}
.board-col-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-col-tools{display:flex;gap:1px;flex:none;margin-left:auto}
.board-col-head .icon-button{width:24px;height:24px;opacity:0;transition:opacity 120ms ease,background 120ms ease}
.board-col:hover .board-col-head .icon-button,.board-col-head .icon-button:focus-visible,.board-col-head .icon-button[aria-expanded="true"],.board-col-head .icon-button.is-active{opacity:1}
.board-col-head .icon-button.is-active{color:var(--accent)}
.board-col-filter{height:20px;padding:0 4px 0 7px;font-size:11px;max-width:120px}
.board-col-filter>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-col-filter-x{display:grid;place-items:center;width:14px;height:14px;border-radius:3px;font-size:13px;line-height:1}
.board-col-filter:hover .board-col-filter-x{background:var(--accent);color:var(--accent-fg)}
.board-col.is-collapsed{flex:0 0 44px;min-width:44px;cursor:pointer}
.board-col.is-collapsed:hover{border-color:var(--border-strong)}
.board-col-collapsed{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;min-height:200px;padding:12px 0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;font-weight:550;cursor:pointer}
.board-col-collapsed .status-icon{width:14px;height:14px;flex:none}
.board-col-vertical{display:inline-flex;align-items:center;gap:8px;writing-mode:vertical-rl;white-space:nowrap}
.board-col-vertical .count{writing-mode:horizontal-tb}
.board-col-body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:88px;padding:2px 10px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.board-col.is-over{border-color:var(--accent);background:var(--accent-soft)}
.board-empty .drop,body.is-board-dragging .board-empty .idle{display:none}
body.is-board-dragging .board-empty .drop{display:inline}
.board-empty{display:grid;place-items:center;min-height:72px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--fg-3);font-size:12px;transition:border-color 120ms ease,color 120ms ease}
.board-col.is-over .board-empty{border-color:var(--accent);color:var(--accent)}
.card{position:relative;display:flex;flex-direction:column;gap:9px;padding:13px 14px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);box-shadow:0 1px 2px rgba(20,22,30,.04);color:var(--fg);text-align:left;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease,border-color 120ms ease,opacity 120ms ease}
@media (hover:hover) and (pointer:fine){.card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px rgba(20,22,30,.08);transform:translateY(-1px)}}
.card:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.card.is-dragging{opacity:.35;border-style:dashed;transform:none;box-shadow:none}
.card.is-dropped{animation:card-drop 900ms ease-out}
@keyframes card-drop{from{background:var(--accent-soft);border-color:var(--accent)}to{background:var(--bg);border-color:var(--border)}}
.card-top{display:flex;align-items:center;gap:6px;min-height:18px;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.card-top .spacer,.card-foot .spacer{flex:1}
.card-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--fg);font-size:13px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.card-foot{display:flex;align-items:center;gap:8px;min-height:20px;color:var(--fg-3);font-size:11.5px}
.card-foot .prio{gap:4px;font-size:11.5px}
.card-foot .avatar{width:18px;height:18px;font-size:8.5px}
.card-foot time{font-size:11px}
.card-foot .status{height:18px;padding:0 6px 0 4px;font-size:11px}
.card-ghost{position:fixed;z-index:80;margin:0;pointer-events:none;border-color:var(--border-strong);box-shadow:0 14px 36px rgba(20,22,30,.24),0 2px 6px rgba(20,22,30,.1);cursor:grabbing;will-change:transform;transition:none}
:root[data-theme="dark"] .card-ghost{box-shadow:0 14px 36px rgba(0,0,0,.6)}
body.is-board-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
body.is-board-dragging .card{cursor:grabbing}
.board .skeleton{display:flex;flex-direction:column;gap:9px;min-height:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
@media (max-width:1023px){.board-col{flex-basis:min(84vw,340px)}.board-col-head .icon-button{opacity:1}}



.assignee-filter{display:inline-flex;align-items:center;flex:none}
.assignee-filter[hidden]{display:none}
#assignee-filter{gap:6px}
.assignee-filter-icon{display:inline-grid;place-items:center;color:var(--fg-3)}
.assignee-filter-icon .avatar{width:16px;height:16px;font-size:7.5px}
#assignee-filter.is-set .assignee-filter-icon{color:inherit}

.assignee-filter.is-set #assignee-filter{border-top-right-radius:0;border-bottom-right-radius:0}
.assignee-filter.is-set #assignee-filter .caret{display:none}
.assignee-filter-clear{display:grid;place-items:center;width:24px;height:28px;margin-left:-1px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-left-color:transparent;border-radius:0 6px 6px 0;background:var(--accent-soft);color:var(--accent);cursor:pointer}
.assignee-filter-clear:hover{background:color-mix(in srgb,var(--accent) 18%,var(--accent-soft))}
.assignee-filter-clear[hidden]{display:none}

body.subpage .main-col>.topbar,body.subpage #main,body.subpage .main-col>.footer{display:none}
.page-head{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--topbar);padding:0 var(--pad-x) 0 calc(var(--pad-x) - 8px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.page-crumb{margin:0 0 0 4px;overflow:hidden;color:var(--fg);font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
body.page-today .day-plan-shell{position:static;display:block;inset:auto;z-index:auto;min-height:100%;pointer-events:auto}
body.page-today .day-plan{display:flex;width:auto;max-width:none;height:auto;min-height:100%;overflow:visible;border:0;border-radius:0;box-shadow:none;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
body.page-today .day-plan.no-anim{animation:none}
body.subpage .day-plan-trigger,body.item-page .day-plan-trigger,body.page-today #day-plan-close{display:none}
body.page-today .day-plan-head{position:sticky;top:0;z-index:6;height:var(--topbar);gap:2px;padding:0 var(--pad-x) 0 calc(var(--pad-x) - 8px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
body.page-today .day-plan-scroll{flex:none;overflow:visible;width:100%;max-width:760px;margin:0 auto;padding:44px var(--pad-x) 88px}
.plan-hero{margin-bottom:30px}
.plan-hero h1{margin:0;color:var(--fg);font-size:30px;font-weight:550;letter-spacing:-.028em;line-height:1.15}
.plan-hero p{margin:6px 0 0;color:var(--fg-3);font-size:14px}
body.page-today #day-plan-goal{min-height:58px;padding:15px 16px;font-size:18px;border-radius:12px}
body.page-today .day-plan-carry{margin:12px 0 4px;border-radius:10px}
body.page-today .day-plan-carry-row{min-height:44px;padding:6px 8px 6px 14px}
body.page-today .day-plan-carry-text{font-size:13.5px}
body.page-today .day-plan-carry-list{padding:2px 14px 12px}
body.page-today .day-plan-tasks-head{margin-top:36px}
body.page-today .day-plan-foot{position:relative;margin:12px 0 6px;padding:0;border:0;background:transparent}
body.page-today .day-plan-add{height:42px;border-radius:10px}
body.page-today .day-plan-results{top:calc(100% + 6px);bottom:auto;left:0;right:0;transform-origin:top center;animation:day-plan-drop 120ms cubic-bezier(.23,1,.32,1)}
body.page-today .day-plan-foot-hint{margin-top:8px}
body.page-today .day-plan-task{min-height:44px;margin:0 -10px;padding:4px 8px 4px 10px}
body.page-today .day-plan-task-main{font-size:14px}
.day-plan-crumbs .sidebar-open{margin-right:2px}
.agents-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
.agents-page[hidden]{display:none}
.page-head-link{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;font:inherit;cursor:pointer;color:var(--fg-2);font-size:13px;font-weight:500;text-decoration:none;transition:background 100ms ease,color 100ms ease}
.page-head-link:hover{background:var(--menu-hover);color:var(--fg)}
.agents-body{width:100%;max-width:980px;margin:0 auto;padding:48px var(--pad-x) 96px}
.agents-hero{max-width:680px}
.agents-hero-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:12px;background:linear-gradient(180deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 40%,var(--bg)));color:var(--accent);box-shadow:0 1px 2px rgba(20,22,30,.06)}
.agents-hero h1{margin:0;color:var(--fg);font-size:30px;font-weight:550;letter-spacing:-.028em;line-height:1.15}
.agents-hero>p{margin:10px 0 0;color:var(--fg-2);font-size:15px;line-height:1.6;max-width:62ch}
.agents-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.agents-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-2);color:var(--fg-2);font-size:12px}
.agents-chip i{width:7px;height:7px;border-radius:50%;background:var(--fg-3)}
.agents-chip.is-on i{background:var(--done);box-shadow:0 0 0 3px var(--done-soft)}
.agents-chip.is-off i{background:var(--border-strong)}
.agents-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}
.agents-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 16px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.agents-card-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:6px;border-radius:9px;background:var(--bg);color:var(--fg-2);box-shadow:0 0 0 1px var(--border)}
.agents-card h2{margin:0;color:var(--fg);font-size:14px;font-weight:550}
.agents-card p{margin:0;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.copy-field{display:flex;align-items:center;gap:6px;min-width:0;margin-top:auto;padding:6px 6px 6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.agents-card .copy-field{margin-top:10px}
.copy-field code{flex:1;min-width:0;color:var(--fg);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.copy-field.is-stack{display:grid;gap:4px;padding:8px 10px}
.copy-field .icon-button{width:26px;height:26px;flex:none}
.agents-section{margin-top:52px}
.agents-section-head h2{margin:0;color:var(--fg);font-size:17px;font-weight:550;letter-spacing:-.015em}
.agents-section-head p{margin:6px 0 0;color:var(--fg-3);font-size:13px}
.code-block{position:relative;margin-top:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.code-block pre{margin:0;padding:16px 18px;overflow-x:auto;font-size:12.5px;line-height:1.65;color:var(--fg)}
.code-block>.copy-button{position:absolute;top:10px;right:10px;gap:6px}
.agents-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--fg-3);font-size:12.5px;line-height:1.55}
.agents-note svg{flex:none;margin-top:2px;color:var(--progress)}
.agents-note code,.agents-rules code{padding:1px 5px;border-radius:4px;background:var(--bg-3);color:var(--fg);font-size:11.5px}
.tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.tool-group{min-width:0;padding:16px 16px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.tool-group h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:var(--fg);font-size:13.5px;font-weight:550}
.tool-group h3 span{color:var(--fg-3);font-size:11.5px;font-weight:400}
.tool-group>p{margin:0 0 12px;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.tool-group ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.tool-group li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:6px 0;border-top:1px solid var(--border-subtle);font-size:12.5px}
.tool-group li:first-child{border-top:0}
.tool-group li code{color:var(--fg);font-size:12px}
.tool-group li span{color:var(--fg-3)}
.tool-chips{display:flex;flex-wrap:wrap;gap:6px}
.tool-chips code{padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-2);font-size:11.5px}
.api-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--border);border-radius:12px}
.api-table{width:100%;border-collapse:collapse;font-size:12.5px}
.api-table th{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-2);color:var(--fg-3);font-size:11px;font-weight:500;text-align:left;letter-spacing:.04em;text-transform:uppercase}
.api-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--fg-2);vertical-align:middle}
.api-table tr:last-child td{border-bottom:0}
.api-table td code{color:var(--fg);font-size:12px;white-space:nowrap}
.method{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.02em}
.method-get{background:var(--done-soft);color:var(--done)}.method-post{background:var(--accent-soft);color:var(--accent)}.method-patch{background:var(--progress-soft);color:var(--progress)}.method-delete{background:var(--blocked-soft);color:var(--blocked)}
.agents-rules{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.agents-rules li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--fg-2);font-size:13px;line-height:1.55}
.agents-rules li svg{flex:none;margin-top:2px;color:var(--done)}
.agents-rules li strong{color:var(--fg);font-weight:550}
.agents-rules li.is-warning svg{color:var(--progress)}
@media (max-width:1023px){.agents-cards{grid-template-columns:minmax(0,1fr)}.tool-groups{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.agents-body{padding:28px 16px 64px}.agents-hero h1,.plan-hero h1{font-size:24px}body.page-today .day-plan-scroll{padding:24px 16px 56px}.page-head-link span,.page-head-link{font-size:12.5px}body.page-today .day-plan-crumbs .peek-crumb-sep,body.page-today .day-plan-crumbs .page-crumb{display:none}.tool-group li{grid-template-columns:minmax(0,1fr)}}



.sidebar.settings-sidebar[hidden],.settings-page[hidden]{display:none!important}
body.page-settings #sidebar{display:none!important}
.settings-sidebar-head{padding:0 10px}
.settings-back{display:inline-flex;align-items:center;gap:8px;min-width:0;height:30px;padding:0 10px 0 6px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer;transition:background 100ms ease}
.settings-back:hover{background:var(--menu-hover)}
.settings-back svg{flex:none;color:var(--fg-3);transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.settings-back:hover svg{transform:translateX(-2px)}
.nav-section-label{margin:0 0 2px;padding:6px 8px 4px;color:var(--fg-3);font-size:11.5px;font-weight:500}
.settings-nav .nav-section{margin-top:16px}
.settings-nav .nav-section-primary{margin-top:4px}
.settings-sidebar-foot p{display:flex;align-items:center;gap:7px;margin:0;padding:4px 8px;color:var(--fg-3);font-size:11px}
.settings-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
.settings-crumbs{display:flex;align-items:center;gap:6px}
.settings-crumbs>span:first-child{color:var(--fg-3)}
.settings-body{width:100%;max-width:760px;margin:0 auto;padding:48px var(--pad-x) 104px}
.settings-head h1{margin:0;color:var(--fg);font-size:26px;font-weight:550;letter-spacing:-.025em;line-height:1.2}
.settings-head p{margin:8px 0 0;max-width:60ch;color:var(--fg-3);font-size:14px;line-height:1.55}
.settings-group{margin-top:34px}
.settings-group-title{margin:0 0 10px 2px;color:var(--fg);font-size:13px;font-weight:550}
.settings-card{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:12px 16px}
.settings-row+.settings-row{border-top:1px solid var(--border-subtle)}
.settings-row-text{display:grid;gap:3px;min-width:0}
.settings-row-text strong{color:var(--fg);font-size:13.5px;font-weight:500}
.settings-row-text span{color:var(--fg-3);font-size:12.5px;line-height:1.45}
.settings-row>:last-child:not(.settings-row-text){flex:none}
.settings-value{color:var(--fg-2);font-size:13px;text-align:right;overflow-wrap:anywhere}
.settings-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2);font-size:12px}
.settings-inline{display:flex;align-items:center;gap:12px}
.settings-footnote{margin:14px 2px 0;color:var(--fg-3);font-size:12px;line-height:1.5}
.settings-profile{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,var(--bg-2)),var(--bg-2) 70%)}
.settings-avatar{width:56px;height:56px;font-size:18px;box-shadow:0 0 0 3px var(--bg-2),0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.settings-profile-who{display:grid;gap:2px;min-width:0}
.settings-profile-who strong{overflow:hidden;color:var(--fg);font-size:17px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.settings-profile-who span{overflow:hidden;color:var(--fg-3);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.switch{position:relative;flex:none;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:var(--border-strong);cursor:pointer;transition:background 160ms ease}
.switch[aria-checked="true"]{background:var(--accent)}
.switch:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.switch[aria-checked="true"] .switch-thumb{transform:translateX(16px)}
.switch:active .switch-thumb{width:19px}
.switch[aria-checked="true"]:active .switch-thumb{transform:translateX(13px)}
.settings-seg .seg-link{gap:6px}
.theme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:border-color 120ms ease,box-shadow 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.theme-card:hover{border-color:var(--border-strong)}
.theme-card:active{transform:scale(.99)}
.theme-card.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.theme-preview{position:relative;display:block;height:96px;overflow:hidden;border-bottom:1px solid var(--border)}
.tp-layer{position:absolute;inset:0;display:flex;gap:7px;padding:11px}
.tp-layer .tp-side{width:24%;border-radius:6px}
.tp-layer .tp-main{display:grid;flex:1;align-content:start;gap:7px;padding:9px;border-radius:7px}
.tp-layer .tp-main b{display:block;height:6px;border-radius:3px}
.tp-layer .tp-main b:first-child{width:50%}
.tp-layer .tp-main b:nth-child(2){width:88%}
.tp-layer .tp-main b:nth-child(3){width:66%}
.tp-light{background:#eef0f3}.tp-light .tp-side{background:#e1e3e8}.tp-light .tp-main{background:#fff;box-shadow:0 0 0 1px rgba(20,22,30,.06),0 2px 6px -2px rgba(20,22,30,.08)}.tp-light .tp-main b{background:#dfe1e6}.tp-light .tp-main b:first-child{background:#0f8b93}
.tp-dark{background:#121317}.tp-dark .tp-side{background:#1b1d22}.tp-dark .tp-main{background:#0c0d10;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.tp-dark .tp-main b{background:#2a2d34}.tp-dark .tp-main b:first-child{background:#3cc3cb}
.tp-light+.tp-dark{clip-path:inset(0 0 0 50%)}
.theme-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:13px;font-weight:500}
.theme-card-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-fg);opacity:0;transform:scale(.7);transition:opacity 140ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}
.theme-card.is-active .theme-card-check{opacity:1;transform:none}
.settings-keys{display:inline-flex;align-items:center;gap:4px;flex:none}
.settings-keys kbd{min-width:22px;height:22px;padding:0 6px;border-radius:5px;font-size:11.5px}
.settings-keys em{color:var(--fg-3);font-size:11.5px;font-style:normal}
.settings-chips{display:flex;flex-wrap:wrap;gap:4px}
.integration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.integration-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.integration-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.integration-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--bg);color:var(--fg-2);box-shadow:0 0 0 1px var(--border)}
.integration-card h3{margin:0;color:var(--fg);font-size:14px;font-weight:550}
.integration-card p{margin:0;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.integration-card .button{align-self:flex-start;gap:6px;margin-top:10px}
.settings-row .copy-field{min-width:0;max-width:340px}
.settings-card.is-danger{border-color:color-mix(in srgb,var(--blocked) 35%,var(--border))}
.button.danger{border-color:color-mix(in srgb,var(--blocked) 45%,var(--border));background:var(--bg);color:var(--blocked)}
.button.danger:hover{border-color:var(--blocked);background:var(--blocked-soft)}
@media (max-width:1023px){.integration-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.settings-body{padding:28px 16px 64px}.settings-head h1{font-size:22px}.settings-row{flex-wrap:wrap;gap:12px}.theme-cards{gap:8px}.theme-preview{height:72px}.tp-layer{padding:8px}.settings-row .copy-field{max-width:none;width:100%}}



.ws-name-form{gap:8px}
.ws-name-form .ppl-input{width:220px}
.ws-people-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.ws-people-tools .button{display:inline-flex;align-items:center;gap:6px}
.ws-people-count{color:var(--fg-3);font-size:12.5px}
@media (max-width:640px){.ws-name-form .ppl-input{width:100%}}
.ws-history-more{display:flex;justify-content:center;margin:12px 0 0}
.ws-history-more[hidden]{display:none}
.ws-people-tools .button.small{display:inline-flex;align-items:center;gap:6px}

.ws-surfaces{display:grid;gap:8px}
.ws-surface{display:grid;grid-template-columns:auto minmax(0,1fr) 150px;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}
.ws-surface input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}
.ws-surface-label{display:grid;line-height:1.3;cursor:pointer}
.ws-surface-label strong{font-size:13px;font-weight:550}
.ws-surface-label span{color:var(--fg-3);font-size:12px}
.ws-surface-name{width:100%}
.ws-surface-name:disabled{opacity:.5}
@media (max-width:640px){.ws-surface{grid-template-columns:auto minmax(0,1fr)}.ws-surface-name{grid-column:2}}
.ws-profile-workspace{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550}


.ws-people-bar{display:flex;align-items:center;gap:8px;margin:24px 0 14px}
.ws-search{display:flex;flex:0 1 240px;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-3);cursor:text}
.ws-search:focus-within{border-color:var(--border-focus)}
.ws-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:13px}
.ws-filter-button{display:inline-flex;flex:none;align-items:center;gap:6px;height:32px;padding:0 9px 0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.ws-filter-button[hidden]{display:none}
.ws-filter-button:hover,.ws-filter-button[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.ws-filter-button svg{flex:none;color:var(--fg-3)}
.menu.ws-filter-menu{width:200px}
.ws-filter-menu .menu-item svg:first-child{color:var(--fg-3)}
.ws-menu-count{margin-left:auto;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.ws-menu-count+.check{margin-left:8px}
.ws-add-button{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}
.ws-notice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.ws-notice[hidden]{display:none}
.ws-notice-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2)}
.ws-notice-text{display:grid;flex:1 1 220px;gap:2px;min-width:0;line-height:1.4}
.ws-notice-text strong{font-size:13px;font-weight:550}
.ws-notice-text span{color:var(--fg-3);font-size:12.5px}
.ws-people-list{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.ws-person-row{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:12px;padding:10px 12px 10px 14px;transition:background 80ms ease}
.ws-person-row+.ws-person-row{border-top:1px solid var(--border-subtle)}
.ws-person-row:hover{background:var(--bg-hover)}
.ws-person-main{display:flex;align-items:center;gap:12px;min-width:0}
.ws-avatar{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-3);color:var(--fg-2);font-size:11.5px;font-weight:600;letter-spacing:.02em;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 12%,transparent)}
.ws-avatar.is-sm{width:22px;height:22px;font-size:9px}
.ws-avatar[data-tone="1"]{background:var(--ws-1);color:var(--ws-1-fg)}
.ws-avatar[data-tone="2"]{background:var(--ws-2);color:var(--ws-2-fg)}
.ws-avatar[data-tone="3"]{background:var(--ws-3);color:var(--ws-3-fg)}
.ws-avatar[data-tone="4"]{background:var(--ws-4);color:var(--ws-4-fg)}
.ws-avatar[data-tone="5"]{background:var(--ws-5);color:var(--ws-5-fg)}
.ws-avatar[data-tone="6"]{background:var(--ws-6);color:var(--ws-6-fg)}
.ws-person-lines{display:grid;gap:2px;min-width:0}
.ws-person-name{display:flex;align-items:center;gap:6px;min-width:0}
.ws-person-name strong{overflow:hidden;font-size:13.5px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.ws-person-meta{display:flex;align-items:center;gap:6px;min-width:0;color:var(--fg-3);font-size:12px;white-space:nowrap}
.ws-person-email{overflow:hidden;text-overflow:ellipsis}
.ws-dot{opacity:.6}
.ws-tag{flex:none;padding:0 5px;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--fg-3);font-size:10.5px;font-weight:500;line-height:16px}
.ws-role-select,.ws-role-static{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 10px;border-radius:7px;font:inherit;font-size:12.5px;white-space:nowrap}
.ws-role-select{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer}
.ws-role-select:hover,.ws-role-select[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.ws-role-select svg,.ws-role-static svg{flex:none;color:var(--fg-3)}
.ws-role-static{color:var(--fg-2)}
.ws-person-actions{display:flex;justify-content:flex-end}
.ws-more{opacity:.55;transition:opacity 80ms ease}
.ws-person-row:hover .ws-more,.ws-more:focus-visible,.ws-more[aria-expanded="true"]{opacity:1}

.menu.ws-role-menu{width:360px;max-width:calc(100vw - 16px);padding:6px;border-radius:12px}
.ws-role-menu .menu-title{margin:0 -6px 6px;padding:6px 14px 10px}
.ws-role-menu .menu-item{gap:12px;height:auto;padding:10px 12px;border-radius:8px}
.ws-role-menu .menu-item+.menu-item{margin-top:2px}
.ws-role-menu .menu-item[aria-checked="true"]{background:var(--menu-hover);font-weight:inherit}
.ws-role-menu .menu-item .check{color:var(--accent)}
.ws-menu-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-2)}
.ws-role-menu .menu-item[aria-checked="true"] .ws-menu-icon{color:var(--fg)}
.ws-menu-lines{display:grid;flex:1;gap:3px;min-width:0;line-height:1.35}
.ws-menu-lines strong{font-size:13.5px;font-weight:500}
.ws-menu-lines small{color:var(--fg-3);font-size:12.5px}
.ws-menu-danger{color:#c2410c}
.ws-roles-help{margin:16px 0 0}
.ws-roles-help summary{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12.5px;cursor:pointer;list-style:none}
.ws-roles-help summary::-webkit-details-marker{display:none}
.ws-roles-help summary:hover{color:var(--fg)}
.ws-roles-help summary svg{color:var(--fg-3)}
.ws-roles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.ws-role-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-2)}
.ws-role-item>div{display:grid;gap:2px;line-height:1.35}
.ws-role-item strong{font-size:12.5px;font-weight:550}
.ws-role-item>div>span{color:var(--fg-3);font-size:12px}
.ws-role-icon{display:grid;flex:none;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--fg-2)}


.ws-invite{width:min(520px,calc(100vw - 32px))}
.ws-invite-role{justify-self:start;height:36px;min-width:160px;padding:0 10px 0 12px;border-radius:9px;font-size:13px}
.ws-invite-role>span{flex:1;text-align:left}
.ws-chip-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--bg);cursor:text}
.ws-chip-box:focus-within{border-color:var(--border-focus)}
.ws-chip-input{flex:1;min-width:140px;height:28px;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:13px}
.ws-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:26px;padding:0 4px 0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--fg);font-size:12.5px}
.ws-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-chip small{color:var(--fg-3);font-size:11.5px;white-space:nowrap}
.ws-chip.is-bad,.ws-chip.is-member{border-color:color-mix(in srgb,var(--progress) 40%,var(--border))}
.ws-chip.is-bad svg,.ws-chip.is-member svg,.ws-chip.is-bad small,.ws-chip.is-member small{color:var(--progress)}
.ws-chip.is-added{padding-right:8px;border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}
.ws-chip.is-added svg{color:var(--accent)}
.ws-chip-remove{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fg-3);cursor:pointer}
.ws-chip-remove:hover{background:var(--bg-hover);color:var(--fg)}
.ws-nudge{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2);color:var(--fg-2);font-size:12.5px;line-height:1.45}
.ws-nudge[hidden]{display:none}
.ws-nudge>svg{flex:none;color:var(--progress)}
.ws-nudge>span:not(.ws-nudge-actions){flex:1}
.ws-nudge-actions{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:6px;padding-left:24px}
.ws-invite-summary-row{padding:0 20px 12px;color:var(--fg-3);font-size:12.5px}
.ws-invite-left{display:flex;align-items:center}
.ws-link-button{display:inline-flex;align-items:center;gap:6px}
@media (max-width:480px){.ws-search{flex:1 1 auto}.ws-people-bar .ws-add-button span{display:none}}
@media (max-width:640px){.ws-person-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.ws-person-role{grid-column:1;padding-left:44px}.ws-person-actions{grid-column:2;grid-row:1}.ws-roles-grid{grid-template-columns:1fr}.ws-link-button{width:30px;padding:0;justify-content:center}.ws-link-button>span{display:none}.ws-nudge-actions{padding-left:0}}
.ws-surface-add{display:flex;align-items:center;gap:8px;margin-top:10px}
.ws-surface-add .ws-input{flex:1;min-width:0}
.ws-surface-add .button{flex:none}

.pj-list{display:grid;gap:8px;margin-top:24px}
.pj-card{border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:border-color 120ms ease}
.pj-card[open]{border-color:var(--border-strong)}
.pj-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;cursor:pointer;list-style:none}
.pj-head::-webkit-details-marker{display:none}
.pj-head:hover{background:var(--bg-hover)}
.pj-card[open] .pj-head{border-radius:11px 11px 0 0}
.pj-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pj-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2)}
.pj-lines{display:grid;gap:2px;min-width:0}
.pj-lines strong{overflow:hidden;font-size:13.5px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.pj-meta{overflow:hidden;color:var(--fg-3);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.pj-caret{display:grid;color:var(--fg-3);transition:transform 120ms ease}
.pj-card[open] .pj-caret{transform:rotate(180deg)}
.pj-panel{border-top:1px solid var(--border-subtle)}
.pj-section{padding:4px 16px}
.pj-section+.pj-section{border-top:1px solid var(--border-subtle)}
.pj-settings .settings-row{min-height:56px;padding:12px 0}
.pj-note{margin:12px 0;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.pj-people-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 6px}
.pj-people-title{display:grid;gap:3px;min-width:0}
.pj-people-title strong{font-size:13.5px;font-weight:500}
.pj-people-title span{color:var(--fg-3);font-size:12.5px;line-height:1.45}
.pj-people{margin:0 -8px 8px}
.pj-people .ws-person-row{padding:9px 8px;border-radius:8px}
.pj-people .ws-person-row+.ws-person-row{border-top:0}
.pj-empty{margin:2px 0 14px;color:var(--fg-3);font-size:12.5px}

@media (max-width:640px){.pj-section{padding:4px 12px}.pj-settings .settings-row{flex-wrap:wrap;gap:10px}.pj-people .ws-person-row{grid-template-columns:minmax(0,1fr) auto 32px}.pj-people .ws-person-role{grid-column:auto;padding-left:0}.pj-people .ws-person-actions{grid-column:auto;grid-row:auto}}
@media (max-width:440px){.pj-head{grid-template-columns:auto minmax(0,1fr) auto}.pj-head .ws-role-static{display:none}.pj-people .ws-person-row{grid-template-columns:minmax(0,1fr) auto}.pj-people .ws-person-role{grid-column:1;padding-left:44px}.pj-people .ws-person-actions{grid-column:2;grid-row:1}}

.ws-product-palette{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 0}
.ws-product-swatch{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12)}
.ws-product-swatch[aria-pressed="true"]{outline:2px solid var(--fg);outline-offset:2px}
.ws-product-swatch:focus-visible,.ws-product-color:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ws-product-color{width:36px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}


.pj-tools{margin-top:24px}.pj-tools+.pj-list{margin-top:12px}
.pj-details{padding-bottom:14px}.pj-people-bar>.pj-section-title{margin:0}
.pj-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:10px 0 4px}
.pj-fact{min-width:0}.pj-fact:last-child{grid-column:1/-1}
.pj-fact dt{margin-bottom:6px;color:var(--fg-3);font-size:12px}
.pj-fact dd{margin:0;color:var(--fg);font-size:13px;overflow-wrap:anywhere}
.pj-code{font-variant-numeric:tabular-nums}.pj-color-value{display:flex;align-items:center;gap:7px}
.pj-detail-actions{display:flex;justify-content:flex-end;margin-top:16px}
.pj-section-title{margin:14px 0 0;font-size:13px;font-weight:550}
.pj-retry{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pj-head .nav-dot{width:12px;height:12px}.pj-mark .nav-dot{border-radius:4px}
@media(max-width:440px){.pj-meta{white-space:normal;line-height:1.45}.pj-head{gap:10px;padding:12px}.pj-detail-actions .button{min-height:32px}}

.pj-tabs{margin:24px 0 0}
.pj-product-head{grid-template-columns:auto minmax(0,1fr) auto}

.pj-info-trigger{margin-left:8px;vertical-align:middle}.pj-info-mark{display:grid;place-items:center;width:15px;height:15px;border:1px solid;border-radius:50%;font:italic 12px Georgia,serif}
.pj-guide{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 32px));padding:16px;font-size:13px}.pj-guide .pj-people-bar{padding:0 0 12px}.pj-guide .pj-note{margin:6px 0 16px}

.app-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);transition:border-color 120ms ease,background-color 120ms ease,box-shadow 120ms ease}
.app-card.is-on{background:var(--bg);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.app-card.is-switchable{cursor:pointer}
.app-card.is-switchable:hover{border-color:color-mix(in srgb,var(--app) 45%,var(--border))}
.app-card:has(.switch:focus-visible){border-color:var(--border-focus)}
.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.app-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--bg-3);color:var(--fg-3);transition:background-color 120ms ease,color 120ms ease}
.app-card.is-on .app-card-icon{background:var(--app);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 1px 2px color-mix(in srgb,var(--app) 35%,transparent)}
.app-card-icon svg{display:block}
.app-card h3{margin:0;color:var(--fg);font-size:14px;font-weight:550}
.app-card p{margin:0;color:var(--fg-3);font-size:12.5px;line-height:1.5}
.app-card-always{color:var(--fg-3);font-size:12px}
.app-card-open{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;margin-top:auto;padding:8px 0 0;border:0;background:none;color:var(--fg-2);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
.app-card-open:hover{color:var(--app)}
.app-card-open:focus-visible{border-radius:4px;outline:2px solid var(--border-focus);outline-offset:2px}
@media (max-width:600px){.app-cards{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.app-card,.app-card-icon{transition:none}}

.nav-section-head{display:flex;align-items:center;gap:2px}
.nav-section-head .nav-section-title{flex:1;min-width:0;margin-bottom:0}
.nav-section-head{margin-bottom:2px}
.nav-section-add{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:4px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity 100ms ease,background 100ms ease,color 100ms ease}
.nav-section:hover .nav-section-add,.nav-section-add:focus-visible{opacity:1}
.nav-section-add:hover{background:var(--bg-hover);color:var(--fg)}
.page-node{gap:4px;padding-right:4px}
.page-node:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}
.page-caret{display:inline-grid;place-items:center;width:16px;height:16px;flex:none;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer;transition:transform 140ms cubic-bezier(.23,1,.32,1),background 100ms ease}
.page-caret svg{width:11px;height:11px}
.page-caret:hover{background:var(--bg-active);color:var(--fg)}
.page-caret.is-open{transform:rotate(90deg)}
.page-caret.is-empty{visibility:hidden}
.page-node .page-node-icon{margin-right:4px}
.page-emoji{display:inline-block;font-size:14px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.nav-icon .page-emoji{font-size:13.5px}
.doc-icon .pi,.reader-icon .pi,.kb-site-mark .pi{width:1em;height:1em}.kb-site-mark .pi:not([color]){color:var(--site)}
.emoji-search{width:100%;margin-bottom:6px}.doc-emoji .emoji-grid,.kb-emoji-row,.kb-logos{max-height:200px;overflow:auto}.doc-emoji .emoji-grid{max-height:288px}.kb-logo-pick{display:grid;gap:6px;max-width:320px}.emoji-btn.is-active{background:var(--accent-soft)}
.page-node-add{display:inline-grid;place-items:center;width:20px;height:20px;flex:none;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity 100ms ease}
.page-node:hover .page-node-add,.page-node:focus-within .page-node-add{opacity:1}
.page-node-add:hover{background:var(--bg-active);color:var(--fg)}
.page-empty{color:var(--fg-3)}

#menu .menu-sep{position:relative;margin-top:9px}
#menu .menu-sep::before{content:'';position:absolute;top:-5px;right:-4px;left:-4px;border-top:1px solid var(--border)}
#menu .menu-danger{color:var(--blocked)}


.pages-index,.doc-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
.pages-index[hidden],.doc-page[hidden],.doc-popover[hidden],.doc-emoji[hidden],.doc-icon[hidden],.doc-add-icon[hidden],.doc-section[hidden],.doc-outline[hidden],.nav-section[hidden]{display:none}


.doc-head-left{flex:1;min-width:0}
.doc-back{padding:0 6px}
.doc-crumbs{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}
.doc-crumb{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:220px;height:26px;padding:0 6px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.doc-crumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.doc-crumb:hover{background:var(--bg-hover);color:var(--fg)}
.doc-crumb.is-current{flex-shrink:1;color:var(--fg);font-weight:500;cursor:default}
.doc-crumb.is-current:hover{background:transparent}
.doc-crumbs .peek-crumb-sep{flex:none}
.doc-actions{display:flex;align-items:center;gap:2px;flex:none}
.doc-saved{margin-right:6px;color:var(--fg-3);font-size:12px;opacity:0;transition:opacity 200ms ease}
.doc-saved.is-visible{opacity:1}
.doc-saved.is-error{color:var(--blocked);opacity:1}
.doc-star[aria-pressed="true"]{color:#d59f16}
.doc-star[aria-pressed="true"] svg{fill:currentColor}
.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);flex:1}
.doc-body{grid-column:2;min-width:0;padding:56px var(--pad-x) 120px}
.doc-icon-row{display:flex;align-items:flex-end;min-height:30px;margin-bottom:6px}
.doc-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 0 6px -6px;padding:0;border:0;border-radius:12px;background:transparent;font-size:46px;line-height:1;cursor:pointer;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;transition:background 100ms ease}
.doc-icon:hover{background:var(--bg-hover)}
.doc-add-icon{display:inline-flex;align-items:center;gap:6px;height:28px;margin-left:-8px;padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:13px;cursor:pointer;opacity:0;transition:opacity 120ms ease,background 100ms ease}
.doc-body:hover .doc-add-icon,.doc-add-icon:focus-visible,.doc-title:placeholder-shown~* .doc-add-icon{opacity:1}
.doc-add-icon:hover{background:var(--bg-hover);color:var(--fg-2)}
.doc-title{display:block;width:100%;min-height:48px;margin:0;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.2;resize:none;overflow:hidden;outline:0}
.doc-title::placeholder{color:var(--fg-3);opacity:.6}
.doc-meta{margin:10px 0 26px;color:var(--fg-3);font-size:12.5px}
.doc-blocks{display:grid;gap:1px}
.doc-add-block{display:block;width:100%;height:72px;padding:0;border:0;background:transparent;cursor:text}
.doc-tips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;color:var(--fg-3);font-size:11.5px;opacity:0;transition:opacity 200ms ease}
.doc-body:focus-within .doc-tips{opacity:.85}
.doc-tips kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:4px;background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:10.5px}
.doc-tips kbd+kbd{margin-left:-3px}


.blk{position:relative;display:flex;align-items:flex-start;gap:8px;min-height:28px;padding:3px 0;border-radius:var(--radius-s)}
.blk-gutter{position:absolute;top:3px;left:-54px;display:flex;align-items:center;gap:0;height:26px;opacity:0;transition:opacity 120ms ease}
.blk:hover>.blk-gutter,.blk.is-focused>.blk-gutter{opacity:1}
.blk-tool{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer}
.blk-tool:hover,.blk-tool[aria-expanded="true"]{background:var(--bg-hover);color:var(--fg)}
.blk-handle{cursor:grab}
.blk-text{flex:1;min-width:0;min-height:23px;padding:1px 2px;outline:0;color:var(--fg);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:var(--accent)}
.blk-text:empty::before{content:attr(data-placeholder);color:var(--fg-3);opacity:.7;pointer-events:none}
.blk-p:not(.is-focused) .blk-text:empty::before{content:''}
.doc-blocks>.blk-p:only-child .blk-text:empty::before{content:'Start writing, or type / for commands'}
.blk-h1{margin-top:22px}.blk-h2{margin-top:16px}.blk-h3{margin-top:10px}
.blk-h1 .blk-text{font-size:21px;font-weight:600;letter-spacing:-.022em;line-height:1.3}
.blk-h2 .blk-text{font-size:17px;font-weight:600;letter-spacing:-.016em;line-height:1.35}
.blk-h3 .blk-text{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.blk-h1 .blk-gutter{top:5px}.blk-h2 .blk-gutter{top:3px}.blk-h3 .blk-gutter{top:2px}
.blk-marker{display:grid;place-items:center;flex:none;min-width:20px;height:23px;margin-top:1px;color:var(--fg-2);font-size:14px;line-height:1}
.blk-bullet .blk-marker{font-size:17px}
.blk-number{justify-content:end;font-variant-numeric:tabular-nums;font-size:13px}
.blk-check{-webkit-appearance:none;appearance:none;display:grid;place-items:center;flex:none;width:15px;height:15px;margin:5px 3px 0 2px;border:1.5px solid color-mix(in srgb,var(--fg-3) 80%,transparent);border-radius:4px;background:var(--bg);cursor:pointer;transition:background 120ms ease,border-color 120ms ease}
.blk-check:hover{border-color:var(--fg-2)}
.blk-check:checked{border-color:var(--accent);background:var(--accent)}
.blk-check:checked::after{content:'';width:4px;height:8px;margin-top:-2px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}
.blk-check:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.blk-todo.is-checked .blk-text{color:var(--fg-3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--fg-3) 60%,transparent)}
.blk-quote .blk-text{padding-left:16px;border-left:3px solid var(--fg);color:var(--fg);font-size:14px}
.blk-callout{gap:10px;margin:6px 0;padding:12px 14px 12px 12px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2)}
.blk-callout>.blk-gutter{left:-54px;top:13px}
.blk-callout-icon{display:grid;place-items:center;flex:none;width:22px;height:26px;color:#d59f16}
.blk-code{margin:6px 0}
.blk-code .blk-text{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);font-family:var(--mono);font-size:12.5px;line-height:1.6;white-space:pre;overflow-x:auto;tab-size:2}
.blk-code>.blk-gutter{top:10px}
.blk-divider{min-height:22px;padding:0}
.blk-rule{flex:1;height:22px;border-radius:var(--radius-s);outline:0;cursor:pointer;background:linear-gradient(var(--border-strong),var(--border-strong)) center/100% 1px no-repeat}
.blk-rule:focus-visible,.blk-rule:focus{background-color:var(--accent-soft)}
.blk-divider>.blk-gutter{top:-2px}


.blk-text strong{font-weight:600}
.blk-text code{padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg-3);color:var(--fg);font-family:var(--mono);font-size:.84em}
.blk-code .blk-text code{padding:0;border:0;background:none;font-size:inherit}
.blk-text a[href]:not(.mention){color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}
.mention{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:0 1px;padding:0 6px 0 4px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);color:var(--fg);font-size:.88em;line-height:1.55;text-decoration:none;vertical-align:1px;white-space:nowrap;cursor:pointer;user-select:none;transition:background 100ms ease,border-color 100ms ease}
.mention:hover{border-color:var(--border-strong);background:var(--bg-hover)}
.mention-icon{display:inline-grid;place-items:center;width:14px;height:14px;flex:none;color:var(--fg-3);font-size:12px}
.mention-icon .status-icon,.mention-icon svg{width:12px;height:12px}
.mention-id{color:var(--fg-3);font-size:.92em;font-variant-numeric:tabular-nums}
.mention-title{overflow:hidden;max-width:280px;text-overflow:ellipsis}
.mention-page .mention-title{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
.mention.is-missing{color:var(--fg-3);text-decoration:line-through}


.doc-popover,.doc-emoji{position:fixed;z-index:60;border:1px solid var(--border);border-radius:10px;background:var(--popover);color:var(--fg);box-shadow:0 12px 40px -12px rgba(22,23,24,.28),0 2px 6px rgba(22,23,24,.06)}
.doc-popover{width:320px;max-height:min(360px,calc(100vh - 24px));padding:4px;overflow-y:auto;animation:menu-in 120ms ease}
.doc-pop-title{padding:8px 8px 4px;color:var(--fg-3);font-size:10.5px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.doc-pop-item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.doc-pop-item.is-active{background:var(--menu-hover)}
.doc-pop-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-2)}
.doc-pop-icon .status-icon,.doc-pop-icon svg{width:14px;height:14px}
.doc-pop-icon .page-emoji{font-size:14px}
.doc-pop-label{display:grid;flex:1;min-width:0}
.doc-pop-label strong{overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.doc-pop-label span{overflow:hidden;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.doc-pop-hint{flex:none;color:var(--fg-3);font-family:var(--mono);font-size:11px}
.doc-pop-empty{margin:0;padding:12px 10px;color:var(--fg-3);font-size:12.5px}
.doc-emoji{width:292px;padding:8px}
.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.emoji-btn{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:6px;background:transparent;color:var(--icon-tint,var(--fg-2));cursor:pointer}
.emoji-colors{display:flex;flex-wrap:wrap;gap:6px;margin:2px 2px 8px}
.emoji-color{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--border-strong);cursor:pointer}
.emoji-color:not([data-tint=""]){box-shadow:none}
.emoji-color[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg-2)}
.emoji-color:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.emoji-btn:hover,.emoji-btn:focus-visible{background:var(--menu-hover);outline:0}
.emoji-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}


.doc-section{margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}
.doc-backlinks{margin-top:22px}
.doc-section-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.doc-section-head h2{margin:0;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.doc-section-count{color:var(--fg-3);font-size:11px}
.doc-link-row{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 8px;margin-left:-8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.doc-link-row:hover{background:var(--bg-hover);color:var(--fg)}
.doc-link-row>svg,.doc-link-row>.page-emoji{flex:none;color:var(--fg-3)}
.doc-link-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.doc-link-row:not(.is-add) .doc-link-title{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
.doc-link-meta{flex:none;color:var(--fg-3);font-size:12px}
.doc-link-row.is-add{color:var(--fg-3)}


.doc-outline{grid-column:3;align-self:start;position:sticky;top:calc(var(--topbar) + 56px);max-width:220px;margin:120px 0 0 24px;padding-left:14px;border-left:1px solid var(--border)}
.doc-outline p{margin:0 0 8px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.outline-item{display:block;width:100%;padding:4px 0;border:0;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;line-height:1.4;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.outline-item:hover{color:var(--fg)}
.outline-h2{padding-left:12px}.outline-h3{padding-left:24px}
@media (max-width:1279px){.doc-outline{display:none}}


body.item-page .item-rail>.page-mentions .section-head{margin-bottom:6px}
.page-mentions-list{display:grid;gap:1px;margin-top:6px}
.page-mention-row{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 6px;margin:0 -6px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;box-sizing:content-box}
.page-mention-row:hover{background:var(--bg-hover);color:var(--fg)}
.page-mention-icon{display:grid;place-items:center;width:16px;flex:none;color:var(--fg-3)}
.page-mention-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-mention-time{flex:none;color:var(--fg-3);font-size:11.5px}


.search-page-icon{display:grid;place-items:center;width:16px;height:16px;flex:none;color:var(--fg-3)}
.search-page-icon .page-emoji{font-size:14px}
.search-result-title strong{font-weight:550}


@media (hover:none){.nav-section-add,.page-node-add{opacity:1}.doc-add-icon{opacity:1}}
@media (max-width:1023px){.doc-body{padding:40px 32px 96px}.blk-gutter{left:-4px;transform:translateX(-100%)}}
@media (max-width:767px){
  .doc-layout{display:block}
  .doc-body{padding:28px 16px 88px}
  .doc-title{font-size:24px}
  .doc-icon{width:52px;height:52px;font-size:38px}
  .doc-add-icon{opacity:1}
  .doc-crumb{max-width:140px}
  .doc-crumbs>.doc-crumb:not(.is-current),.doc-crumbs>.peek-crumb-sep{display:none}
  .doc-saved{display:none}
  .blk-gutter{left:auto;right:0;top:-30px;transform:none;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);box-shadow:0 4px 14px -6px rgba(22,23,24,.25);opacity:0;pointer-events:none}
  .blk:hover>.blk-gutter{opacity:0}
  .blk.is-focused>.blk-gutter{opacity:1;pointer-events:auto;z-index:2}
  .blk-text{font-size:16px}
  .doc-tips{display:none}
  .doc-popover{width:min(320px,calc(100vw - 24px));max-height:min(300px,40vh)}
  .mention-title{max-width:160px}
}


body.item-page .main-col>.topbar,body.item-page #main,body.item-page .main-col>.footer{display:none}
body.item-page #peek{position:relative;inset:auto;z-index:auto;display:flex;flex-direction:column;width:auto;max-width:none;height:auto;max-height:none;min-height:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
@keyframes item-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#main.is-returning{animation:list-return 200ms cubic-bezier(.23,1,.32,1)}
@keyframes list-return{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.item-page .peek-header{position:sticky;top:0;z-index:6;height:var(--topbar);padding:0 var(--pad-x) 0 calc(var(--pad-x) - 8px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
body.item-page #peek-close,body.item-page .peek-divider{display:none}
.peek-crumbs{display:flex;align-items:center;gap:4px;min-width:0}
.peek-back{display:inline-flex;align-items:center;gap:6px;flex:none;height:28px;padding:0 9px 0 6px;border:0;border-radius:6px;background:transparent;color:var(--fg-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background 100ms ease,color 100ms ease}
.peek-back:hover{background:var(--menu-hover);color:var(--fg)}
.peek-back:active{transform:scale(.98)}
.peek-crumb-sep{flex:none;color:var(--fg-3);opacity:.6}
.peek-kicker{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0 0 0 4px;overflow:hidden;color:var(--fg);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap}
.peek-kicker-id{flex:none;color:var(--fg-3);font-variant-numeric:tabular-nums}
.peek-kicker-title{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.item-page .peek-body{flex:1;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 56px;align-content:start;width:100%;max-width:1200px;margin:0 auto;padding:40px var(--pad-x) 72px}
body.item-page .peek-body>*{grid-column:1;min-width:0}
body.item-page .peek-body>.peek-title{font-size:24px;letter-spacing:-.022em;line-height:1.3}
body.item-page .peek-body>.peek-lead{margin-top:10px}
body.item-page .peek-body>.section{margin-top:34px}
body.item-page .peek-body>.section>.section-head{padding-bottom:0;border-bottom:0}
body.item-page .peek-body>.section>.section-head h3{color:var(--fg);font-size:13.5px;font-weight:550;letter-spacing:-.005em;text-transform:none}
body.item-page .peek-body>.section>.section-head .count{margin-left:2px;background:transparent;box-shadow:none;color:var(--fg-3);font-weight:500}
body.item-page .peek-body>.desc-section{margin-top:26px}
body.item-page .desc-section>.section-head{justify-content:space-between}
body.item-page .desc-section>.section-head h3{color:var(--fg-3);font-size:12px;font-weight:500}
.desc-edit-button{gap:5px;border-color:transparent;background:transparent;color:var(--fg-3);opacity:0;transition:opacity 120ms ease,background 120ms ease,color 120ms ease}
.desc-section:hover .desc-edit-button,.desc-edit-button:focus-visible,.desc-section:has(.desc-edit) .desc-edit-button{opacity:1}
.desc-edit-button:hover{background:var(--menu-hover);color:var(--fg);border-color:transparent}
body.item-page .desc-section .desc{margin-top:6px;font-size:14px;line-height:1.7;color:var(--fg)}
.desc-empty{cursor:text;color:var(--fg-3)}
body.item-page .desc-section .desc-edit{min-height:160px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.65}
.attach-empty{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 14px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;transition:border-color 120ms ease,color 120ms ease,background 120ms ease}
.attach-empty:hover{border-color:var(--fg-3);color:var(--fg-2);background:var(--menu-hover)}
body.item-page .peek-body>.activity-section{margin-top:40px;padding-top:28px;border-top:1px solid var(--border-subtle)}
.feed{list-style:none;margin:14px 0 0;padding:0}
.feed-event{position:relative;display:flex;align-items:flex-start;gap:10px;padding:5px 0 5px 1px;color:var(--fg-3);font-size:12.5px;line-height:20px}
.feed-event+.feed-event::before{content:'';position:absolute;left:10px;top:-7px;width:1px;height:12px;background:var(--border)}
.feed-mark{display:grid;place-items:center;width:20px;height:20px;flex:none;color:var(--fg-3)}
.feed-mark svg{width:14px;height:14px}
.feed-bullet{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}
.feed-line{margin:0;min-width:0;overflow-wrap:anywhere}
.feed-line strong{color:var(--fg-2);font-weight:500}
.feed-dot{opacity:.6}
.feed-line time{color:var(--fg-3);font-size:12px}
.feed-loading{padding:8px 0;color:var(--fg-3);font-size:12.5px}
.feed-comment{margin:12px 0;padding:12px 14px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.feed-comment+.feed-event,.feed-event+.feed-comment{margin-top:12px}
.comment-head{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px}
.comment-head .avatar{width:20px;height:20px;font-size:9px}
.comment-author{color:var(--fg);font-weight:550}
.comment-head time{color:var(--fg-3);font-size:12px}
.comment-body{margin-top:8px;padding-left:28px;color:var(--fg);font-size:13.5px;line-height:1.65;overflow-wrap:anywhere}
.comment-composer{margin-top:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 1px 2px rgba(20,22,30,.04);transition:border-color 120ms ease,box-shadow 120ms ease}
.comment-composer:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.comment-input{display:block;width:100%;min-height:46px;max-height:320px;padding:13px 14px 4px;overflow-y:hidden;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;line-height:1.55;resize:none;outline:0}
.comment-input::placeholder{color:var(--fg-3)}
.comment-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px 8px 14px}
.comment-hint{min-width:0;overflow:hidden;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.comment-send{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:opacity 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.comment-send:disabled{opacity:.3;cursor:default}
.comment-send:not(:disabled):active{transform:scale(.92)}
body.item-page .peek-body>.section .desc{font-size:13.5px;line-height:1.65}
body.item-page .peek-body>.item-rail{grid-column:2;grid-row:1/span 40;align-self:start;position:sticky;top:calc(var(--topbar) + 20px);display:grid;gap:12px;max-height:calc(100vh - var(--topbar) - 48px);overflow-y:auto;scrollbar-width:none}
body.item-page .item-rail::-webkit-scrollbar{display:none}
body.item-page .item-rail>.props{grid-template-columns:92px minmax(0,1fr);gap:11px 10px;margin:0;padding:14px 16px 18px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2)}
body.item-page .item-rail>.section{margin:0;padding:12px 16px 14px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);font-size:12.5px}
body.item-page .item-rail>.section>.section-head{padding-bottom:10px;border-bottom:1px solid var(--border)}
body.item-page .item-rail>.section>.section-head h3{color:var(--fg-2);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
body.item-page .item-rail .work-progress{margin:10px 0 6px}
body.item-page .item-rail>.props::before{content:'Properties';grid-column:1/-1;margin-bottom:2px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--fg-2);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
body.item-page .item-rail>.props .inline-select,body.item-page .item-rail>.props .inline-input{max-width:100%}
body.item-page .item-rail>.props dt{font-size:11.5px}
@media (max-width:1120px){body.item-page .peek-body{grid-template-columns:minmax(0,1fr);gap:0;padding:28px var(--pad-x) 48px}body.item-page .peek-body>.item-rail{grid-column:1;grid-row:auto;position:static;max-height:none;margin-top:22px}}
@media (max-width:767px){body.item-page .peek-body>.peek-title{font-size:20px}.peek-crumb-sep,.peek-kicker{display:none}body.item-page .peek-header{padding:0 8px}}

@keyframes fade-in{from{opacity:0}to{opacity:1}}


.subtask-parent{display:inline-flex;justify-self:start;align-items:center;gap:6px;max-width:100%;margin:0 0 10px;padding:3px 8px 3px 6px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:12px;cursor:pointer}
.subtask-parent:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--fg)}
.subtask-parent svg{flex:none;color:var(--fg-3)}
.subtask-parent-label{color:var(--fg-3)}
.subtask-parent-id{flex:none;font-variant-numeric:tabular-nums;font-weight:550}
.subtask-parent-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

body.item-page .peek-body>.subtasks-section{margin-top:28px}
body.item-page .peek-body>.subtasks-section.is-empty{margin-top:14px}
.subtasks-section>.section-head{display:flex;align-items:center;gap:8px;min-height:26px}
.subtasks-section .subtask-progress{height:22px;padding:0 8px 0 6px;font-size:12px}
.subtask-hide-done{display:inline-flex;align-items:center;gap:5px;height:26px;margin-left:auto;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);font:inherit;font-size:12px;cursor:pointer}
.subtask-hide-done:hover,.subtask-hide-done:focus-visible{background:var(--bg-hover);color:var(--fg)}

.subtask-start{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 8px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;cursor:pointer}
.subtask-start:hover,.subtask-start:focus-visible{border-color:var(--fg-3);color:var(--fg)}
.subtask-start kbd{margin-left:4px}

.subtask-list{display:grid;margin:10px 0 0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden}
.subtask-list:empty{display:none}
.subtask-row{position:relative;display:grid;grid-template-columns:14px 18px minmax(0,1fr) auto auto 24px 24px;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 6px;background:var(--bg)}
.subtask-row+.subtask-row{border-top:1px solid var(--border-subtle)}
.subtask-row:hover{background:var(--bg-hover)}
.subtask-grip{display:grid;place-items:center;color:var(--fg-3);opacity:0;cursor:grab}
.subtask-row:hover .subtask-grip{opacity:.7}
.subtask-row.is-dragging{opacity:.45}
.subtask-row.drop-before::before,.subtask-row.drop-after::after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--accent);z-index:1}
.subtask-row.drop-before::before{top:-1px}
.subtask-row.drop-after::after{bottom:-1px}
.subtask-check{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.subtask-check .status-icon{width:15px;height:15px;transition:transform 120ms ease}
.subtask-check:hover:not(:disabled) .status-icon{transform:scale(1.12)}
.subtask-check:disabled{cursor:default}
.subtask-title{min-width:0;overflow:hidden;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:color 160ms ease}
.subtask-rename{min-width:0;height:28px;margin-left:-6px;padding:0 6px;border:1px solid var(--border-focus);border-radius:6px;outline:0;background:var(--bg);color:var(--fg);font:inherit;font-size:13.5px}
.subtask-state{color:var(--fg-3);font-size:11.5px;white-space:nowrap}
.subtask-state.kind-progress{color:var(--progress)}
.subtask-state.kind-test{color:var(--test)}
.subtask-state.kind-later{color:var(--later)}
.subtask-more{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--fg-3);cursor:pointer;opacity:0}
.subtask-more:hover,.subtask-more[aria-expanded="true"]{background:var(--bg-3);color:var(--fg)}
.subtask-row:hover .subtask-more,.subtask-row:focus-within .subtask-more,.subtask-more[aria-expanded="true"]{opacity:1}

.subtask-row:not(:hover):not(:focus-within) .subtask-assignee.is-empty{opacity:0}
.subtask-title:hover{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
.subtask-row.is-finished .subtask-title{color:var(--fg-3);text-decoration:line-through;text-decoration-color:var(--fg-3)}
.subtask-id{color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.subtask-assignee{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--fg-3);cursor:pointer}
.subtask-assignee.is-empty{border:1px dashed var(--border-strong)}
.subtask-assignee.is-empty svg{width:12px;height:12px}
.subtask-assignee:hover:not(:disabled){box-shadow:0 0 0 2px var(--border)}
.subtask-assignee:disabled{cursor:default}
.subtask-assignee.is-empty:disabled{visibility:hidden}
.subtask-row.is-pending{color:var(--fg-3)}
.subtask-row.is-pending .subtask-title{color:var(--fg-3);cursor:default}
.subtask-row.is-loading .subtask-ghost{grid-column:2/-1;height:10px;border-radius:5px;background:var(--bg-3)}

.subtask-add-row,.subtask-hidden-note{border-top:1px solid var(--border-subtle)}
.subtask-list>.subtask-add-row:first-child,.subtask-list>.subtask-hidden-note:first-child{border-top:0}
.subtask-add{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 28px;color:var(--fg-3)}
.subtask-add:hover{background:var(--bg-hover)}
.subtask-add:focus-within{background:var(--bg);box-shadow:inset 2px 0 0 var(--accent)}
.subtask-hidden-note{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px 0 29.5px;background:color-mix(in srgb,var(--bg-2) 60%,var(--bg));color:var(--fg-3);font-size:12.5px}
.subtask-hidden-note .status-icon{width:15px;height:15px}
.subtask-hidden-note button{margin-left:2px;padding:2px 6px;border:0;border-radius:5px;background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.subtask-hidden-note button:hover{background:var(--bg-hover);color:var(--fg)}
.subtask-add-mark{display:grid;place-items:center;width:18px;flex:none}
.subtask-add-input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px}
.subtask-add-input::placeholder{color:var(--fg-3)}
.subtask-add-hint{flex:none;color:var(--fg-3);font-size:11.5px;opacity:0;transition:opacity 120ms ease}
.subtask-add:focus-within .subtask-add-hint{opacity:1}

@media (max-width:640px){
  .subtask-row{grid-template-columns:18px minmax(0,1fr) auto 24px 24px;padding-left:10px}
  .subtask-grip{display:none}
  .subtask-id{display:none}
  .subtask-more{opacity:1}
  .subtask-add,.subtask-hidden-note{padding-left:14px}
  .subtask-add-hint{display:none}
}
@media (prefers-reduced-motion:reduce){.subtask-check .status-icon,.subtask-title{transition:none}}


.subtask-chip{display:inline-flex;flex:none;align-items:center;gap:4px;height:20px;padding:0 6px 0 5px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;align-self:center}
button.subtask-chip{cursor:pointer}
button.subtask-chip:hover{border-color:var(--border-strong);color:var(--fg)}
.subtask-chip .subtask-ring{width:12px;height:12px;flex:none;color:var(--progress)}
.subtask-chip.is-complete .subtask-ring{color:var(--done)}
.subtask-chip .caret{width:10px;height:10px;margin-left:-1px;color:var(--fg-3);transform:rotate(-90deg);transition:transform 120ms ease}
.subtask-chip[aria-expanded="true"] .caret{transform:none}
.row.is-child{background:color-mix(in srgb,var(--bg-2) 60%,var(--bg))}
.row.is-child:hover{background:var(--bg-hover)}
.row.is-child .cell-item{position:relative;padding-left:22px}
.row.is-child .cell-item::before{content:"";position:absolute;left:6px;top:4px;width:9px;height:10px;border-left:1.5px solid var(--border-strong);border-bottom:1.5px solid var(--border-strong);border-bottom-left-radius:4px}
.row.is-child .title{font-weight:450}
.row.is-child.is-loading{cursor:default}
.row-loading{grid-column:2/-1;color:var(--fg-3);font-size:12px;padding-left:22px}
.row-parent{display:inline-flex;align-items:baseline;gap:4px;min-width:0;overflow:hidden}
.row-parent-id{flex:none;color:var(--fg-2);font-variant-numeric:tabular-nums}
.row-parent-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card-parent{color:var(--fg-3);font-variant-numeric:tabular-nums}
.card-foot .subtask-chip{height:18px}
.board-subtasks-toggle[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.subtask-chip .caret{transition:none}}


.close-subtasks-dialog{width:min(420px,calc(100vw - 32px));border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.close-subtasks-dialog::backdrop{background:rgba(12,13,16,.45)}
.close-subtasks-dialog h2{margin:0;padding:18px 20px 0;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.close-subtasks-dialog>p{margin:6px 0 0;padding:0 20px;color:var(--fg-2);font-size:13px;line-height:1.5}
.close-subtasks-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 20px 0}
.close-subtasks-choice{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.close-subtasks-choice:hover,.close-subtasks-choice:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);outline:0}
.close-subtasks-choice:focus-visible{box-shadow:0 0 0 2px var(--border-focus)}
.close-subtasks-icon{display:grid;flex:none;place-items:center;width:18px;height:20px}
.close-subtasks-icon .status-icon{width:15px;height:15px}
.close-subtasks-text{display:grid;gap:2px;line-height:1.35}
.close-subtasks-text strong{font-size:13.5px;font-weight:500}
.close-subtasks-text small{color:var(--fg-3);font-size:12.5px}


.parent-field{display:flex;align-items:center;gap:4px;min-width:0}
.parent-field-link{display:flex;align-items:baseline;gap:6px;min-width:0;padding:3px 6px;margin-left:-6px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.parent-field-link:hover{background:var(--bg-hover)}
.parent-field-id{flex:none;color:var(--fg-3);font-variant-numeric:tabular-nums}
.parent-field-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.parent-field-remove{flex:none;width:24px;height:24px;opacity:.6}
.parent-field-remove:hover,.parent-field-remove:focus-visible{opacity:1}
.parent-field-note{color:var(--fg-3)}
.parent-field-pick{height:26px;padding:0 8px;margin-left:-8px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;cursor:pointer}
.parent-field-pick:hover,.parent-field-pick:focus-visible{background:var(--bg-hover);color:var(--fg)}
.parent-picker{width:min(520px,calc(100vw - 32px));margin-top:14vh;border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.parent-picker-field{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--fg-3)}
.parent-picker-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:14px}
.parent-picker-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;max-height:min(360px,50vh);overflow-y:auto;padding:6px}
.parent-picker-option{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.parent-picker-option.is-active{background:var(--menu-hover)}
.parent-picker-id{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.parent-picker-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.parent-picker-empty{margin:0;padding:14px 12px;color:var(--fg-3);font-size:13px}
.parent-picker-note{margin:0;padding:10px 16px 12px;border-top:1px solid var(--border-subtle);color:var(--fg-3);font-size:12px}


.checklist-offer{display:inline-flex;align-items:center;gap:7px;margin-top:12px;height:30px;padding:0 11px 0 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.checklist-offer:hover:not(:disabled){border-color:var(--border-strong);color:var(--fg)}
.checklist-offer svg{color:var(--accent)}


.day-plan-task-parent{flex:none;margin-left:2px;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.subtask-pr-list{display:grid;gap:2px;margin:8px 0 0;padding:0;list-style:none}
.subtask-pr{display:flex;align-items:center;gap:8px;min-width:0;min-height:28px}
.subtask-pr-link{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--fg);font-variant-numeric:tabular-nums;text-decoration:none}
.subtask-pr-link svg{color:var(--done)}
.subtask-pr-link:hover span{text-decoration:underline;text-underline-offset:2px}
.subtask-pr-item{display:flex;align-items:baseline;gap:6px;min-width:0;padding:2px 4px;border:0;border-radius:5px;background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.subtask-pr-item:hover{background:var(--bg-hover);color:var(--fg)}
.subtask-pr-id{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.subtask-pr-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


:root{--week-card:var(--bg);--week-card-border:var(--border);--week-card-hover:var(--border-strong)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--week-card:#17191e;--week-card-border:#23262c;--week-card-hover:#30343c}}
:root[data-theme="dark"]{--week-card:#17191e;--week-card-border:#23262c;--week-card-hover:#30343c}
.plan-view-switch{margin-left:10px}
.nav-section-link{display:block;width:100%;border:0;border-radius:6px;background:transparent;font:inherit;font-size:11.5px;text-align:left;cursor:pointer}
.nav-section-link:hover,.nav-section-link:focus-visible{background:var(--bg-hover);color:var(--fg)}

.week-plan{width:100%;padding:22px var(--pad-x) 72px}
.week-plan[hidden]{display:none}
.week-focus{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.week-focus-input{flex:1 1 auto;min-width:0;max-width:760px;height:38px;margin-left:-2px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--fg);font:inherit;font-size:18px;font-weight:600;letter-spacing:-.018em}
.week-focus-input:hover{border-color:var(--border-subtle)}
.week-focus-input:focus{outline:0;border-color:var(--border-focus);background:var(--bg)}
.week-focus-input::placeholder{color:var(--fg-3);font-weight:500}
#plan-crumb[hidden],.day-plan-crumbs .peek-crumb-sep[hidden],.week-more[hidden]{display:none}
.week-focus-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}


.week-board{display:grid;grid-auto-flow:column;grid-template-columns:minmax(232px,.8fr);grid-auto-columns:minmax(288px,1fr);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.week-board.has-weekend{grid-auto-columns:minmax(272px,1fr)}
.week-col{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:calc(100vh - var(--topbar) - 190px);padding:12px 10px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-l);background:var(--bg-2);transition:border-color 120ms ease,background 120ms ease}

.week-col.is-today{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-subtle));box-shadow:inset 0 2px 0 var(--accent)}
.week-col.is-past{opacity:.72}
.week-col.is-tray{position:sticky;left:0;z-index:2;border-style:dashed;border-color:var(--border-strong);background:var(--bg);box-shadow:10px 0 14px -12px rgba(12,13,16,.35)}
.week-col.is-over{border-color:var(--accent);background:var(--accent-soft)}
.week-col-head{display:flex;align-items:center;gap:6px;min-height:28px;padding:0 4px}
.week-col-day{display:inline-flex;align-items:baseline;gap:6px;margin:-2px -4px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;cursor:pointer}
.week-col-day:hover{background:var(--bg-hover)}
.week-col-name{color:var(--fg-2);font-size:12.5px;font-weight:550}
.week-col-date{font-size:17px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.week-col.is-today .week-col-date{color:var(--accent)}
.week-col-today{align-self:center;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:10.5px;font-weight:600}
.week-col-count{margin-left:auto;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}

.week-col.is-busy .week-col-count{color:var(--fg-2);font-weight:550}
.week-col.is-busy .week-col-count::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--progress);vertical-align:2px}

.week-col-bar{height:2px;margin:-4px 4px 2px;border-radius:2px;background:var(--border-subtle);overflow:hidden}
.week-col-bar>span{display:block;height:100%;border-radius:2px;background:var(--done);transition:width 240ms cubic-bezier(.23,1,.32,1)}
.week-col-goal{margin:0;padding:6px 8px;border-radius:8px;background:var(--bg);color:var(--fg-2);font-size:12px;line-height:1.35}
.week-col-list{display:flex;flex:1;flex-direction:column;gap:10px;min-height:88px}
.week-col-empty{margin:0;padding:10px 2px;color:var(--fg-3);font-size:12px}

.week-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 12px 10px;border:1px solid var(--week-card-border);border-radius:9px;background:var(--week-card);box-shadow:0 1px 2px rgba(20,22,30,.04);color:var(--fg);cursor:grab;transition:border-color 140ms ease,box-shadow 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.week-card:hover{border-color:var(--week-card-hover);box-shadow:0 2px 8px rgba(20,22,30,.07)}
.week-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.week-card.is-dragging{opacity:.4}
.week-card.is-quick{min-height:0}
.week-card-top{display:flex;align-items:center;gap:6px;min-width:0;min-height:18px;padding-right:44px;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.week-card-top .chip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.week-card-id{flex:none}
.week-card-parent{flex:none;margin-left:auto;color:var(--fg-3)}
.week-card-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13px;font-weight:500;line-height:1.45;text-align:left;overflow-wrap:anywhere}
button.week-card-title{cursor:pointer}
button.week-card-title:hover{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}
.week-card-check{display:flex;align-items:flex-start;gap:10px;padding-right:28px;cursor:pointer}
.week-card-check .day-plan-check{margin-top:2px}

.week-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;min-height:20px;margin-top:auto;color:var(--fg-3);font-size:11.5px}
.week-card-foot .spacer{flex:1}
.week-card-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.week-card-status.kind-progress{color:var(--progress)}.week-card-status.kind-test{color:var(--test)}.week-card-status.kind-later{color:var(--later)}.week-card-status.kind-done{color:var(--done)}
.week-card-kind{color:var(--fg-3)}
.week-card.is-quick .week-card-foot{margin-top:0}
.week-card.is-done .week-card-title{color:var(--fg-3);text-decoration:line-through;text-decoration-color:var(--fg-3)}
.week-card-tools{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;padding:1px;border-radius:7px;background:var(--week-card);box-shadow:-6px 0 6px var(--week-card);opacity:0;transition:opacity 100ms ease}
.week-card:hover .week-card-tools,.week-card:focus-within .week-card-tools{opacity:1}
.week-card-today{height:20px;padding:0 6px;border:1px solid var(--week-card-border);border-radius:6px;background:var(--week-card);color:var(--fg-2);font:inherit;font-size:11px;cursor:pointer}
.week-card-today:hover{border-color:var(--accent);color:var(--accent)}
.week-card-remove{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--fg-3);cursor:pointer}
.week-card-remove:hover{background:var(--bg-hover);color:var(--fg)}

.week-add{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:8px;color:var(--fg-3)}
.week-add:hover{background:var(--bg-hover)}
.week-add:focus-within{border-color:var(--border-focus);background:var(--bg)}
.week-add svg{flex:none}
.week-add-input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:12.5px}
.week-add-input::placeholder{color:var(--fg-3)}

.week-board.is-loading .week-col{min-height:220px}
.week-col-bone,.week-card-bone{display:block;border-radius:6px;background:var(--bg-3)}
.week-col-bone{width:46%;height:14px}
.week-card-bone{height:96px}
.week-plan-error{max-width:760px;margin:40px auto;color:var(--fg-3)}

@media (hover:none){.week-card-tools{opacity:1}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .week-card,:root:not([data-theme="light"]) .week-card:hover{box-shadow:none}}
:root[data-theme="dark"] .week-card,:root[data-theme="dark"] .week-card:hover{box-shadow:none}

@media (max-width:900px){
  .week-board,.week-board.has-weekend{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);overflow:visible}
  .week-col{min-height:0}
  .week-col.is-tray{position:static;order:99;box-shadow:none}
  .plan-view-switch{margin-left:4px}
}
@media (max-width:767px){
  .week-plan{padding:16px 16px 56px}
  
  #plan-back-label,.day-plan-crumbs .peek-crumb-sep,#plan-crumb{display:none}
  .day-plan.is-week #day-plan-date-label{display:none}
  .week-focus-input{font-size:16px}
}


.split-button{display:inline-flex;margin-right:4px}
.split-button>#peek-plan{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.split-button>.split-caret{width:26px;padding:0;justify-content:center;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.split-button>.split-caret[hidden]{display:none}

.menu:has(.plan-menu-label){width:260px}
.menu-item:has(.plan-menu-label)>svg:first-child{color:var(--fg-3)}
.plan-menu-label{flex:1}
.plan-menu-meta{color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-menu-meta:empty{display:none}
.menu-item:has(.plan-menu-label) .check{margin-left:6px}


.week-routine-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.day-plan-scroll>.week-routine-banner{margin:0 0 22px}
.week-routine-banner-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2)}
.week-routine-banner-text{display:grid;flex:1 1 240px;gap:2px;min-width:0;line-height:1.4}
.week-routine-banner-text strong{font-size:13.5px;font-weight:600}
.week-routine-banner-text span{color:var(--fg-2);font-size:12.5px}

.week-routine{width:min(600px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 24px));border-radius:14px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.week-routine[open]{display:flex;flex-direction:column}
.week-routine-loading{margin:0;padding:28px 22px;color:var(--fg-3)}
.week-routine-head{padding:18px 22px 12px;border-bottom:1px solid var(--border-subtle)}
.week-routine-head h2{margin:0 0 10px;font-size:17px;font-weight:600;letter-spacing:-.01em}
.week-routine-steps{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;color:var(--fg-3);font-size:12.5px}
.week-routine-steps li{display:inline-flex;align-items:center;gap:6px}
.week-routine-step-num{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:50%;font-size:10.5px;font-weight:600}
.week-routine-steps .is-current{color:var(--fg);font-weight:550}
.week-routine-steps .is-current .week-routine-step-num{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}
.week-routine-steps .is-done .week-routine-step-num{border-color:var(--done);color:var(--done)}
.week-routine-body{flex:1;min-height:0;overflow-y:auto;padding:14px 22px 18px}
.week-routine-heading{display:block;margin:0 0 4px;font-size:13.5px;font-weight:600}
.week-routine-hint{margin:0 0 12px;color:var(--fg-3);font-size:12.5px;line-height:1.45}
.week-routine-all{display:flex;align-items:center;gap:10px;padding:6px 10px;color:var(--fg-2);font-size:12.5px;cursor:pointer}
.week-routine-list{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.week-routine-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;cursor:pointer}
.week-routine-row+.week-routine-row{border-top:1px solid var(--border-subtle)}
.week-routine-row:hover{background:var(--bg-hover)}
.week-routine-row .status-icon{flex:none}
.week-routine-quick{width:14px;flex:none}
.week-routine-text{display:flex;flex:1;align-items:baseline;gap:6px;min-width:0}
.week-routine-id,.week-routine-parent{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.week-routine-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.week-routine-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.week-routine-mode{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.week-routine-mode strong{font-size:13px;font-weight:550}
.week-routine-mode small{color:var(--fg-3);font-size:12px;line-height:1.35}
.week-routine-mode.is-on{border-color:var(--accent);background:var(--accent-soft)}
.week-routine-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin-bottom:16px;padding:6px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-2)}
.week-routine-day{display:grid;grid-template-columns:90px 110px minmax(0,1fr);align-items:baseline;gap:8px;padding:5px 6px;font-size:12.5px}
.week-routine-day-name{font-weight:550}
.week-routine-day-count{color:var(--fg-3);font-variant-numeric:tabular-nums}
.week-routine-day-items{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg-2)}
.week-routine-focus{width:100%;max-width:none;height:40px;margin:4px 0 0;border-color:var(--border);background:var(--bg-2);font-size:15px;font-weight:500}
.week-routine-foot{display:flex;align-items:center;gap:8px;padding:12px 22px 16px;border-top:1px solid var(--border-subtle)}
.week-routine-count{margin-right:auto;color:var(--fg-3);font-size:12.5px}
@media (max-width:640px){.week-routine-modes{grid-template-columns:minmax(0,1fr)}.week-routine-day{grid-template-columns:78px minmax(0,1fr)}.week-routine-day-items{grid-column:1/-1}}


.week-add{position:relative}
.week-add-results{position:fixed;z-index:60;max-height:min(340px,50vh);overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);box-shadow:var(--shadow);animation:day-plan-drop 120ms cubic-bezier(.23,1,.32,1)}
.week-add-results[hidden]{display:none}
.week-add-results .day-plan-option em{font-style:normal;font-weight:550}

.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:transparent;z-index:25}
body.sidebar-collapsed .sidebar{display:none}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;height:var(--topbar);padding:0 10px 0 10px;flex:none}
.app-menu{display:inline-flex;align-items:center;gap:6px;min-width:0;height:30px;padding:0 6px 0 4px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-weight:550;letter-spacing:-.01em;outline:0}
.app-menu .brand{gap:8px}
.app-menu .brand-name{overflow:hidden;text-overflow:ellipsis}
.sidebar-head-actions{display:flex;align-items:center;gap:2px;flex:none}
.sidebar-head-actions #search-button,.sidebar-head-actions #new-button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);box-shadow:none}
.sidebar-head-actions #search-button span,.sidebar-head-actions #search-button kbd,.sidebar-head-actions #new-button span,.sidebar-head-actions #new-button kbd{display:none}
.sidebar-head-actions #search-button:hover,.sidebar-head-actions #new-button:hover{background:var(--bg-hover);border-color:var(--border);color:var(--fg)}
.sidebar-head-actions #new-button{color:var(--fg-2)}
.sidebar-head-actions #new-button svg,.sidebar-head-actions #search-button svg{width:17px;height:17px}
.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 16px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.nav-section{margin-top:12px}
.nav-section-primary{margin-top:2px}
.nav-section-title{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;margin-bottom:2px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:11.5px;font-weight:500;cursor:pointer;transition:color 100ms ease}
.nav-section-title:hover{color:var(--fg-2)}
.nav-caret{transition:transform 140ms cubic-bezier(.23,1,.32,1)}
.nav-section.is-collapsed .nav-caret{transform:rotate(-90deg)}
.nav-section.is-collapsed .nav-list{display:none}
.nav-list{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.nav-item{display:flex;align-items:center;gap:9px;width:100%;height:29px;padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background 100ms ease,color 100ms ease}
.nav-item[hidden]{display:none}
.nav-item:hover{background:var(--bg-hover);color:var(--fg)}
.nav-item.is-active,.nav-item[aria-pressed="true"]{background:var(--bg-3);color:var(--fg)}
.nav-icon{display:grid;place-items:center;width:15px;height:15px;flex:none;color:var(--fg-3)}
.nav-icon svg{width:15px;height:15px}
.nav-icon .status-icon{width:14px;height:14px}
.nav-item.is-active .nav-icon,.nav-item[aria-pressed="true"] .nav-icon{color:var(--fg)}
.nav-item[aria-pressed="true"] .nav-icon{color:var(--accent)}
.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-count{flex:none;min-width:18px;color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums;text-align:right;opacity:.85}
.nav-count[hidden]{display:none}
.nav-count.is-done{color:var(--done)}
#day-plan-nav-count,#day-plan-nav-count.is-done{min-width:0;height:18px;padding:0 6px;border-radius:var(--radius-s);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--border);color:var(--fg-2);font-size:10.5px;font-weight:500;line-height:18px;opacity:1}
body.hide-nav-counts .sidebar-nav .nav-count{display:none!important}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important}
.nav-dot{width:9px;height:9px;border-radius:3px}
.nav-dot.p-LIT{background:#e5a100}.nav-dot.p-PAY{background:#2d6fc7}.nav-dot.p-LPN{background:#d95d8a}.nav-dot.p-DBY{background:#4cc38a}
.sidebar-hidden-controls{display:none!important}
.sidebar-foot{position:relative;display:grid;gap:6px;padding:8px 8px 10px;border-top:1px solid var(--border-subtle);flex:none}
.account{position:relative}
.account-button{display:flex;align-items:center;gap:8px;width:100%;height:42px;padding:0 8px 0 6px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:background 100ms ease}
.account-button:hover,.account-button[aria-expanded="true"]{background:var(--menu-hover)}
.account-button>svg{flex:none;color:var(--fg-3)}
.account-button .identity{flex:1;min-width:0;height:auto;padding:0;gap:9px;color:var(--fg)}
.account-button .avatar{width:26px;height:26px;font-size:10px}
.identity-text{display:grid;min-width:0;line-height:1.3}
.account-button .identity-name{overflow:hidden;color:var(--fg);font-size:12.5px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.identity-email{overflow:hidden;color:var(--fg-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.account-card{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:30;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--popover);box-shadow:0 12px 32px -12px rgba(22,23,24,.3),0 4px 10px -6px rgba(22,23,24,.14);transform-origin:bottom left;animation:account-in 150ms cubic-bezier(.23,1,.32,1)}
.account-card[hidden]{display:none}
@keyframes account-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
.account-card-head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}
.avatar-lg{width:30px;height:30px;font-size:11px}
.account-card-who{display:grid;flex:1;min-width:0;line-height:1.35}
.account-card-who strong{overflow:hidden;color:var(--fg);font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.account-card-who span{overflow:hidden;color:var(--fg-3);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.account-card-section{margin:0 -4px;padding:10px 12px 12px;border-top:1px solid var(--border-subtle)}
.account-card-label{margin:0 0 8px;color:var(--fg-3);font-size:11.5px;font-weight:500}
.account-card .theme-switch{display:flex;width:100%;padding:3px;border-radius:8px}
.account-card .theme-switch button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:26px;border-radius:5px;font:inherit;font-size:12px;font-weight:500}
.account-card-list{display:grid;gap:1px;margin:0 -4px;padding:4px;border-top:1px solid var(--border-subtle)}
.account-card-item{display:flex;align-items:center;gap:9px;width:100%;height:30px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer;outline:0;transition:background 80ms ease}
.account-card-item:hover,.account-card-item:focus-visible{background:var(--menu-hover)}
.account-card-item>span{flex:1;min-width:0}
.account-card-item svg{flex:none;color:var(--fg-3)}
.account-card-chevron{opacity:.6}
.account-card-item kbd{min-width:0;height:auto;padding:0;border:0;background:none;color:var(--fg-3);font-size:11px;font-weight:400}
.sidebar-foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:0 2px 0 4px}
.sidebar-foot .identity{min-width:0;height:28px;padding:0;color:var(--fg-2);font-size:12.5px}
.sidebar-foot .identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-switch{position:relative;isolation:isolate;display:inline-flex;flex:none;padding:3px;gap:2px;border-radius:8px;background:var(--seg-bg);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.theme-switch .seg-indicator{border-radius:5px}
.theme-switch button{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--fg-3);cursor:pointer;transition:color 160ms ease}
.theme-switch button:hover{color:var(--fg)}
.theme-switch button[aria-checked="true"]{background:var(--seg-active);color:var(--fg);box-shadow:0 1px 2px rgba(20,22,30,.08),0 0 0 1px var(--seg-ring)}
.sidebar-backdrop{position:fixed;inset:0;z-index:59;background:rgba(10,11,14,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sidebar-backdrop[hidden]{display:none}
.sidebar-open{display:none;color:var(--fg-3)}
body.sidebar-collapsed .sidebar-open{display:inline-grid}
.page-title{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}
.page-title h1{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:550;letter-spacing:-.01em;white-space:nowrap}
.page-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-3);font-size:12.5px}
.legacy-control{display:none!important}
.menu-item .menu-kbd{margin-left:auto}
@media (min-width:1024px){
  .day-plan-trigger{display:none}
  .peek{top:var(--shell-gap);right:var(--shell-gap);bottom:var(--shell-gap);border:1px solid var(--border);border-radius:10px}
  .peek-backdrop{inset:0}
}
@media (max-width:1023px){
  body{grid-template-columns:minmax(0,1fr);height:auto;min-height:100vh;overflow:visible;background:var(--bg)}
  body.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
  .main-col,body.sidebar-collapsed .main-col{height:auto;min-height:100vh;margin:0;overflow:visible;border:0;border-radius:0;box-shadow:none}
  .topbar{border-radius:0}
  .sidebar{background:var(--bg-2);border-right:1px solid var(--border)}
  .sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(300px,86vw);transform:translateX(-102%);box-shadow:var(--shadow-panel)}
  body.sidebar-animating .sidebar{transition:transform 200ms cubic-bezier(.23,1,.32,1)}
  body.sidebar-collapsed .sidebar{display:flex}
  body.sidebar-drawer .sidebar{transform:none}
  .sidebar-open,body.sidebar-collapsed .sidebar-open{display:inline-grid}
}
@media (prefers-reduced-motion:reduce){.sidebar{transition:none!important}}

main{container-type:inline-size;container-name:work}
@container work (max-width:1000px){
  .list-head,.row{grid-template-columns:128px minmax(0,1fr) 110px 90px}
  .list-head>span:nth-child(3),.list-head>span:nth-child(5),.row>.cell-product,.row>.cell-reporter{display:none}
}

@media (max-width:1199px){body.peek-open main{padding-right:0}}
@media (max-width:1439px){
  .toolbar{grid-template-areas:"left right"}
  .toolbar-left{grid-area:left}
  .toolbar-right{grid-area:right}
}
@media (max-width:1023px){
  .toolbar .seg-link{padding:0 9px}
  .list-head,.row{grid-template-columns:136px minmax(0,1fr) 110px 90px}
  .list-head>span:nth-child(3),.list-head>span:nth-child(5),.row>.cell-product,.row>.cell-reporter{display:none}
}
@media (max-width:767px){
  :root{--topbar:44px}
  .proto,.hint{display:none}
  .page-sub:not(#page-sub){display:none}
  .page-title{display:grid;gap:0}
  .topbar{gap:6px;padding:0 12px}
  .seg-link{padding:0 8px;gap:5px}
  .toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "right"}
  .toolbar-right{justify-content:flex-end;flex-wrap:wrap}
  .toolbar-left{flex-wrap:wrap;gap:8px}
  .inline-select.filter{flex:1 1 auto}
  .toolbar-left .status-filter{flex:none}
  .search{flex:1 1 auto}
  .list-head{display:none}
  .row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"main main main" "status priority time";row-gap:8px;column-gap:10px;padding:10px var(--pad-x)}
  .row .title{white-space:normal}
  .row>.cell:not(.cell-status):not(.cell-product):not(.cell-priority):not(.cell-reporter){grid-area:main}
  .row>.cell-status{grid-area:status}
  .row>.cell-priority{grid-area:priority;justify-self:start}
  .row>time{grid-area:time;justify-self:end}
  .row .status-button{border-color:var(--border)}
  .row .status-button .caret{opacity:1}
  .peek{top:0;width:100%;border-left:0}
  .peek-backdrop{inset:0}
  .props{grid-template-columns:1fr;gap:2px 0}
  .props dt{margin-top:8px}
  .modal.composer{width:100vw;max-height:100vh;height:100vh;max-width:100vw;border-radius:0;border:0;margin:0}
  .modal.composer form{height:100%}
  .modal.composer .modal-body{flex:1}
  .modal.composer .modal-header{grid-template-columns:1fr auto}
  .modal.composer .modal-header .icon-button{grid-column:2;grid-row:1}
  .modal.composer .modal-header .seg{grid-column:1/-1;grid-row:2;justify-self:start}
  .modal.composer .modal-footer{border-radius:0}
  .modal-actions{width:100%;justify-content:flex-end}
  .title-input{font-size:18px}
  .desc-input{min-height:160px}
  .day-plan-shell{right:12px}
  .day-plan-shell.is-open{right:0;bottom:0}
  .day-plan{width:100vw;height:100dvh;border:0;border-radius:0}
  .day-plan-head{padding:0 6px}
  .day-plan-head .icon-button{width:28px}
  .day-plan-date{padding:0 6px;gap:6px}
  .day-plan-date strong{font-size:13.5px}
  .day-plan-date span{font-size:12px}
  .day-plan-scroll{padding:16px 16px 20px}
  .day-plan-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
  .day-plan-results{left:16px;right:16px}
  .day-plan-foot-hint{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.bone{background:var(--bg-3)}}


:root{--rail-w:68px}
body{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0,1fr)}
body.sidebar-collapsed{grid-template-columns:var(--rail-w) minmax(0,1fr)}
body.sidebar-collapsed .main-col{margin-left:0}
.nav-shell{display:contents}
.rail{position:sticky;top:0;z-index:26;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;height:100dvh;padding:10px 0 12px;gap:12px}
.rail-group{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:0}
.rail>.rail-group:first-child{overflow-y:auto;scrollbar-width:thin}
.rail-label{font-size:10.5px;font-weight:500;line-height:14px;white-space:nowrap}
.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:none;width:60px;height:50px;padding:4px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--fg-2);font:inherit;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}
.rail-btn svg{width:20px;height:20px}

.rail-btn:hover{background:color-mix(in srgb,var(--fg) 4.5%,transparent);color:var(--fg)}
.rail-btn:active{transform:scale(.96)}
.rail-btn.is-active{border-color:transparent;background:color-mix(in srgb,var(--fg) 4.5%,transparent);color:var(--fg);box-shadow:none}

.rail-btn .rail-ico-on{display:none}
.rail-btn.is-active .rail-ico{display:none}
.rail-btn.is-active .rail-ico-on{display:block}
.rail-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.rail-btn[hidden]{display:none}
.rail-badge{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--bg-3);color:var(--fg-2);font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.rail-badge[hidden]{display:none}
.rail-foot{gap:8px;flex:none}
.rail .account{position:relative}
.rail-btn.rail-icon{width:40px;height:40px;border-radius:10px}
.rail .account-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%}
.rail .account-button:hover,.rail .account-button[aria-expanded="true"]{background:transparent}
.rail .account-button .identity{flex:none;gap:0}
.rail .account-button .identity-text,.rail .account-button>svg{display:none}
.rail .account-button .avatar{width:30px;height:30px;background:var(--fg);color:var(--bg);font-size:11px;letter-spacing:.03em;transition:transform 140ms ease,opacity 140ms ease}
.rail .account-button:hover .avatar,.rail .account-button[aria-expanded="true"] .avatar{transform:scale(1.05)}
.rail .account-button:focus-visible{outline:none}.rail .account-button:focus-visible .avatar{box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--border-focus)}
.rail .account-card{right:auto;bottom:0;left:calc(100% + 8px);width:268px;transform-origin:bottom left}


.sidebar-nav[hidden]{display:none}
.nav-meta{flex:none;color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}
.panel-empty{margin:2px 8px 0;color:var(--fg-3);font-size:12px;line-height:1.5}
.panel-note{margin:18px 8px 0;color:var(--fg-3);font-size:11.5px;line-height:1.5}
.soon-tag{flex:none;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--fg-3);font-size:10.5px;font-weight:500}
.nav-item:disabled{cursor:default;opacity:.75}
.nav-item:disabled:hover{background:transparent;color:var(--fg-2)}
.week-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}
.week-head .nav-section-label{margin:0;padding:6px 8px 4px}
.week-head-actions{display:flex;gap:2px}
.week-step{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer}
.week-step:hover{background:var(--bg-hover);color:var(--fg)}
.day-row{gap:10px}
.day-row-num{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:var(--radius-s);color:var(--fg-2);font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}
.day-row.is-past .nav-label,.day-row.is-past .day-row-num{color:var(--fg-3)}
.day-row.is-today .day-row-num{background:var(--accent);color:var(--accent-fg)}
.day-row-tag{flex:none;color:var(--accent);font-size:11px;font-weight:550}
.day-row .nav-count{min-width:0}
.week-jump{margin-top:6px;color:var(--fg-3)}
.week-jump[hidden]{display:none}



:root{--ws-1:#e7edf5;--ws-1-fg:#45607e;--ws-2:#e5efe8;--ws-2-fg:#476a55;--ws-3:#f2ece1;--ws-3-fg:#7a6444;--ws-4:#eee7f0;--ws-4-fg:#6c5274;--ws-5:#e2eeef;--ws-5-fg:#3d6a6f;--ws-6:#f1e7e3;--ws-6-fg:#7c5a4b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ws-1:#1f2b3c;--ws-1-fg:#b3c8e3;--ws-2:#1d2b22;--ws-2-fg:#aecfb9;--ws-3:#302819;--ws-3-fg:#dcc69d;--ws-4:#2b2231;--ws-4-fg:#d2b9d9;--ws-5:#1a2b2d;--ws-5-fg:#a5d0d4;--ws-6:#30241f;--ws-6-fg:#ddb9a9}}
:root[data-theme="dark"]{--ws-1:#1f2b3c;--ws-1-fg:#b3c8e3;--ws-2:#1d2b22;--ws-2-fg:#aecfb9;--ws-3:#302819;--ws-3-fg:#dcc69d;--ws-4:#2b2231;--ws-4-fg:#d2b9d9;--ws-5:#1a2b2d;--ws-5-fg:#a5d0d4;--ws-6:#30241f;--ws-6-fg:#ddb9a9}
.ws-mark{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg-3);color:var(--fg-2);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 12%,transparent);user-select:none}
.ws-mark[data-tone="1"]{background:var(--ws-1);color:var(--ws-1-fg)}
.ws-mark[data-tone="2"]{background:var(--ws-2);color:var(--ws-2-fg)}
.ws-mark[data-tone="3"]{background:var(--ws-3);color:var(--ws-3-fg)}
.ws-mark[data-tone="4"]{background:var(--ws-4);color:var(--ws-4-fg)}
.ws-mark[data-tone="5"]{background:var(--ws-5);color:var(--ws-5-fg)}
.ws-mark[data-tone="6"]{background:var(--ws-6);color:var(--ws-6-fg)}
.ws-mark.is-md{width:24px;height:24px;border-radius:6px;font-size:9.5px}
.ws-mark.is-lg{width:32px;height:32px;border-radius:9px;font-size:12px}
.ws-mark.is-xl{width:44px;height:44px;border-radius:12px;font-size:16px}
.rail-divider{width:20px;height:1px;margin:2px 0 4px;background:var(--border)}
@keyframes ws-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.ws-card-head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}
.ws-card-who{display:grid;flex:1;min-width:0;line-height:1.35}
.ws-card-who strong{overflow:hidden;color:var(--fg);font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.ws-card-who span{overflow:hidden;color:var(--fg-3);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.ws-role{flex:none;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--fg-2);font-size:11px;line-height:16px}
.ws-card-section{margin:0 -4px;padding:8px 4px 4px;border-top:1px solid var(--border-subtle)}
.ws-card-section .account-card-label{margin:0 8px 6px}
.ws-filter{display:block;width:calc(100% - 8px);height:30px;margin:0 4px 6px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:12.5px}
.ws-filter:focus{border-color:var(--border-focus);outline:0}
.ws-list{display:grid;gap:1px;max-height:min(320px,50vh);overflow-y:auto}
.ws-row{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer;outline:0;transition:background 80ms ease}
.ws-row.is-active,.ws-row:focus-visible{background:var(--menu-hover)}
.ws-row-text{display:grid;flex:1;min-width:0;line-height:1.3}
.ws-row-text strong{overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.ws-row-text small{overflow:hidden;color:var(--fg-3);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.ws-row-key{flex:none;opacity:0;transition:opacity 80ms ease}
.ws-row.is-active .ws-row-key,.ws-row:focus-visible .ws-row-key{opacity:1}
.ws-empty{margin:2px 8px 8px;color:var(--fg-3);font-size:12.5px}
.ws-veil{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--bg);opacity:0;transition:opacity 120ms ease}
.ws-veil.is-on{opacity:1}
.ws-veil-box{display:grid;justify-items:center;gap:12px;color:var(--fg-2);font-size:13px}
.ws-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:var(--bg);overflow-y:auto}
.ws-gate-card{width:min(400px,100%)}
.ws-gate-brand{margin:0 0 28px;color:var(--fg-3);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ws-gate-card h1{margin:0 0 8px;color:var(--fg);font-size:19px;font-weight:600;letter-spacing:-.015em}
.ws-gate-card>p:not([class]){margin:0 0 20px;color:var(--fg-2);font-size:13.5px;line-height:1.5}
.ws-gate-list{display:grid;gap:1px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--popover)}
.ws-gate-list .ws-row:hover{background:var(--menu-hover)}
.ws-gate-who{margin:16px 0 0;color:var(--fg-3);font-size:12px}
.sign-in-form{display:grid;gap:10px;margin:0}
.sign-in-form .button{justify-self:start}
.sign-in-note{margin:16px 0 0;color:var(--fg-2);font-size:13px;line-height:1.5}
.sign-in-note a{display:inline-block;color:var(--accent)}
.ws-gate-card.account-directory{width:min(1100px,100%);max-width:1100px;text-align:left}
.account-directory-gate{align-items:start;padding-top:32px}
.account-directory-identity{margin:8px 0;color:var(--fg-2);font-size:12px}
.account-directory .ppl-bar{margin-top:20px}
.account-directory .ppl-tools{margin-top:12px}
.account-directory .ppl-tools select{width:auto;max-width:160px}
body.page-account #menu,body.page-account #toast{z-index:220}
.ws-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-2)}
.ws-input{width:100%;max-width:none}
.ws-input.is-code{max-width:96px;letter-spacing:.1em;text-transform:uppercase}
.ws-error{margin:0;color:#c2410c;font-size:12.5px}
@media (prefers-reduced-motion:reduce){.ws-veil{transition:none}}


.olamma-mark{flex:none;display:block}
.olamma-mark-tile{fill:var(--accent)}
.olamma-wordmark{display:inline-flex;align-items:center;gap:7px;color:var(--fg)}
.olamma-wordmark .olamma-mark{color:var(--accent-fg,#fff)}
.olamma-wordmark-name{font-weight:600;letter-spacing:-.02em;font-size:1.05em;line-height:1;text-transform:none}
.help-powered{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.help-powered .olamma-wordmark{color:inherit}
.help-powered:hover .olamma-wordmark-name{text-decoration:underline;text-underline-offset:2px}


.account-workspaces{padding:10px 4px 4px}
.account-workspaces>.account-card-label{margin:0 8px 4px}
.account-workspaces .ws-card-head{padding:4px 8px 8px}
.account-workspaces .ws-card-section{margin:0;padding:6px 0 2px;border-top:0}
.account-workspaces .ws-actions{margin-top:2px}


.account-card-head[data-account-action]{margin:0 0 2px;border-radius:6px;cursor:pointer}
.account-card-head[data-account-action]:hover,.account-card-head[data-account-action]:focus-visible{background:var(--menu-hover)}
.account-workspaces .ws-row{min-height:34px;padding:4px 8px}
.account-workspaces .ws-list{gap:0}
.ws-row.is-current{cursor:default}
.ws-row-role{flex:none;color:var(--fg-3);font-size:11.5px}
.ws-row-tick{display:grid;flex:none;place-items:center;color:var(--accent)}
.account-workspaces .account-card-item{margin-top:2px}
.account-card-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -4px;padding:8px 12px;border-top:1px solid var(--border-subtle);color:var(--fg);font-size:13px}
.account-card .account-card-theme .theme-switch{display:inline-flex;width:auto}
.account-card .account-card-theme .theme-switch button{flex:none;width:28px;height:22px;gap:0}
.account-card-theme .theme-switch button span{display:none}
.ws-mark.is-sm{width:20px;height:20px;border-radius:5px;font-size:9px}

#menu .menu-group{padding:6px 8px 4px;color:var(--fg-3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
#menu .menu-group.menu-sep{margin-top:10px}
#menu .menu-danger svg{color:currentColor}

.home-page,.chat-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
.home-page[hidden],.chat-page[hidden],.home-card[hidden]{display:none}
.home-body{width:100%;max-width:1120px;margin:0 auto;padding:44px var(--pad-x) 88px}
.home-hero{margin-bottom:26px}
.home-date{margin:0 0 6px;color:var(--fg-3);font-size:13px}
.home-hero h1{margin:0;color:var(--fg);font-size:30px;font-weight:550;letter-spacing:-.028em;line-height:1.15}
.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg)}
.home-card-head{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px 0 16px;border-bottom:1px solid var(--border-subtle)}
.home-card-head h2{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0;color:var(--fg);font-size:13px;font-weight:550}
.home-card-head h2 svg{flex:none;color:var(--fg-3)}
.home-card-count{color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.home-card-link{height:26px;padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.home-card-link:hover{background:var(--bg-hover);color:var(--fg)}
.home-list{display:grid;grid-template-columns:minmax(0,1fr);padding:6px}
.home-plan-tasks{grid-template-columns:minmax(0,1fr)}
.home-row{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.home-row:hover{background:var(--bg-hover)}
.home-row:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}
.home-row>.status-icon{flex:none;width:14px;height:14px}
.home-row-id{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.home-row-title{flex:1;min-width:0;overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.home-row-sub{flex:none;max-width:40%;overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.home-row-sub:empty{display:none}
.home-row-meta{flex:none;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.home-row-icon{display:grid;place-items:center;width:16px;flex:none;color:var(--fg-3)}
.home-empty{display:grid;justify-items:start;gap:10px;padding:14px 10px}
.home-empty p{margin:0;color:var(--fg-3);font-size:13px;line-height:1.5}
.home-skeleton{display:grid;gap:14px;padding:12px 10px}
.home-skeleton .bone{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--bg-3),var(--bg-hover),var(--bg-3));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}
.home-plan{padding:14px 16px 16px}
.home-plan-goal{margin:0;color:var(--fg);font-size:15px;font-weight:500;line-height:1.45}
.home-plan-goal.is-empty{color:var(--fg-3);font-weight:400}
.home-plan-bar{height:4px;margin:14px 0 6px;overflow:hidden;border-radius:4px;background:var(--bg-3)}
.home-plan-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width 240ms ease}
.home-plan-tasks{display:grid;gap:2px;margin-top:10px}
.home-plan-task{display:flex;align-items:center;gap:10px;min-height:30px;font-size:13px}
.home-plan-task.is-done .home-plan-title{color:var(--fg-3);text-decoration:line-through}
.home-plan-mark{display:grid;place-items:center;width:15px;height:15px;flex:none}
.home-plan-mark .status-icon{width:14px;height:14px}
.home-plan-mark.is-check{border:1.5px solid color-mix(in srgb,var(--fg-3) 80%,transparent);border-radius:4px}
.home-plan-task.is-done .home-plan-mark.is-check{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}
.home-plan-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-plan-more,.home-plan-hint{margin:8px 0 0;color:var(--fg-3);font-size:12px}
@media (max-width:900px){.home-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.home-body{padding:26px 16px 64px}.home-hero h1{font-size:24px}.home-row-sub{display:none}#home-new-item span{display:none}}




@media (max-width:1023px){
  body,body.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
  .nav-shell{position:fixed;top:0;bottom:0;left:0;z-index:60;display:flex;width:min(calc(var(--rail-w) + 272px),92vw);border-right:1px solid var(--border);background:var(--bg-2);box-shadow:var(--shadow-panel);transform:translateX(-102%)}
  body.sidebar-animating .nav-shell{transition:transform 200ms cubic-bezier(.23,1,.32,1)}
  body.sidebar-drawer .nav-shell{transform:none}
  .rail{position:static;flex:none;width:var(--rail-w);height:100%;border-right:1px solid var(--border-subtle)}
  .nav-shell>.sidebar,body.sidebar-drawer .nav-shell>.sidebar,body.sidebar-collapsed .nav-shell>.sidebar{position:static;display:flex;flex:1;min-width:0;width:auto;height:100%;border:0;background:transparent;box-shadow:none;transform:none}
  .nav-shell>.sidebar[hidden],body.page-settings .nav-shell>#sidebar{display:none!important}
}
@media (prefers-reduced-motion:reduce){.nav-shell{transition:none!important}}


@media (min-width:1024px){
  body:not(.sidebar-collapsed) .nav-shell>.sidebar{position:relative;top:auto;height:calc(100vh - var(--shell-gap) * 2);height:calc(100dvh - var(--shell-gap) * 2);margin:var(--shell-gap) 0;border:1px solid var(--border);border-right:0;border-radius:10px 0 0 10px;background:var(--bg);box-shadow:var(--panel-shadow);clip-path:inset(-12px 0 -12px -12px)}
  body:not(.sidebar-collapsed) .main-col{border-left-color:var(--border-subtle);border-radius:0 10px 10px 0;clip-path:inset(-12px -12px -12px 0)}
  body:not(.sidebar-collapsed) .nav-shell>.sidebar .nav-item.is-active,body:not(.sidebar-collapsed) .nav-shell>.sidebar .nav-item[aria-pressed="true"]{background:var(--bg-3)}
  .rail{padding-top:calc(var(--shell-gap) + 4px)}
}



.home-head-actions{display:flex;align-items:center;gap:4px}

.home-summary{margin:8px 0 0;color:var(--fg-2);font-size:14px}
.home-summary:empty{display:none}

.home-needs{margin-bottom:12px}
.home-need-count{flex:none;min-width:22px;padding:0 7px;border-radius:999px;background:var(--bg-3);color:var(--fg);font-size:12px;font-weight:600;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}
.home-row-go{display:grid;flex:none;place-items:center;color:var(--fg-3);opacity:0;transition:opacity 120ms ease}
.home-row:hover .home-row-go,.home-row:focus-visible .home-row-go{opacity:1}
.home-needs .home-row-title{flex:1}
.home-needs-foot{margin:0;padding:10px 16px 12px;border-top:1px solid var(--border-subtle);color:var(--fg-3);font-size:12px}
.home-needs-foot:empty{display:none}

.pages-index{container-type:inline-size;container-name:pageslist}
.pages-topbar{border-radius:0}
.pages-topbar .button{gap:6px}
#pages-title{display:inline-flex;align-items:center;gap:8px}
.seg-count{margin-left:1px;color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}
.seg-count:empty{display:none}
#pages-scope .seg-link svg{width:13px;height:13px;color:#d59f16}
.pages-toolbar .toolbar-left{gap:8px}
.inline-select .project-dot{margin-right:1px}
.pages-filter{display:inline-flex;align-items:center;gap:7px;width:min(280px,100%);height:28px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-3);box-shadow:0 1px 2px rgba(20,22,30,.04);transition:border-color 120ms ease,box-shadow 120ms ease}
.pages-filter:hover{border-color:var(--border-strong)}
.pages-filter:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.pages-filter svg{flex:none}
.pages-filter input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;outline:0}
.pages-filter input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.pages-list-head,.row.page-row{grid-template-columns:22px minmax(0,1fr) minmax(110px,170px) 56px 88px 88px}
.pages-list-head[hidden],.pages-list .group-rows[hidden]{display:none}
.row.page-row{min-height:54px;padding-top:7px;padding-bottom:7px;cursor:pointer}
.row.page-row.is-checked{background:var(--accent-soft)}
.row.page-row.is-checked:hover{background:color-mix(in srgb,var(--accent-soft) 70%,var(--bg-hover))}
.page-row-pick{display:grid;place-items:center;width:22px;height:22px;margin-left:-4px;cursor:pointer}
.page-check{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:15px;height:15px;margin:0;border:1.5px solid color-mix(in srgb,var(--fg-3) 80%,transparent);border-radius:4px;background:var(--bg);cursor:pointer;opacity:0;transition:opacity 100ms ease,background 100ms ease,border-color 100ms ease}
.page-check:checked{border-color:var(--accent);background:var(--accent);opacity:1}
.page-check:checked::after{content:'';width:4px;height:8px;margin-top:-2px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}
.page-check:disabled{cursor:default;opacity:.55}
.page-check:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;opacity:1}
.row.page-row:hover .page-check,.row.page-row:focus-visible .page-check,.pages-index.has-selection .page-check{opacity:1}
.page-row-main{display:flex;align-items:center;gap:11px;min-width:0}
.page-row-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;color:var(--fg-3)}
.page-row-icon .page-emoji{font-size:16px}
.page-row-text{display:grid;gap:0;min-width:0;flex:1}

.page-row-line .page-row-tool{margin-block:-3px}
.page-row-line{display:flex;align-items:center;gap:6px;min-width:0}
.page-row .title,.kb-row .title{min-width:0;overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.page-row-sub{display:flex;align-items:center;gap:8px;min-width:0;color:var(--fg-3);font-size:12px}
.page-row-path{display:inline-flex;align-items:center;gap:5px;flex:none;max-width:45%;color:var(--fg-2)}
.page-row-path span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-row-path svg{flex:none;color:var(--fg-3)}
.page-row-path+.page-row-snippet::before{content:'·';margin-right:8px;color:var(--fg-3)}
.page-row-snippet{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-row-snippet:empty{display:none}
.page-row-tool{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity 100ms ease,background 100ms ease,color 100ms ease}
.row:hover .page-row-tool,.row:focus-visible .page-row-tool,.page-row-star.is-on,.page-row-tool[aria-expanded="true"]{opacity:1}
.page-row-tool:hover,.page-row-tool[aria-expanded="true"]{background:var(--bg-active);color:var(--fg)}
.page-row-star.is-on{color:#d59f16}
.page-row-star.is-on svg{fill:currentColor}
.page-row-project{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--fg-2);font-size:12px}
.page-row-project span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-row-count{justify-self:end;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.row.page-row time{justify-self:end}
.page-rename{flex:1;min-width:0;height:26px;margin:-3px 0;padding:0 8px;border:1px solid var(--border-focus);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-weight:500;outline:0;box-shadow:0 0 0 3px var(--accent-soft)}
.group-icon{display:inline-grid;place-items:center;width:15px;height:15px;color:var(--fg-3)}
.group-icon .page-emoji{font-size:12.5px}
.page-add-row{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 var(--pad-x) 0 calc(var(--pad-x) + 33px);border:0;border-top:1px solid var(--border-subtle);background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.page-add-row:hover{background:var(--bg-hover);color:var(--fg)}
.pages-list .empty,.kb-list .empty{border-bottom:0}
.empty span{max-width:460px;line-height:1.55}
.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.empty-actions .button{margin-top:0}
.pages-footer-hints{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:var(--fg-3)}
.pages-footer-hints kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:4px;background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:10.5px}
.list-footer .pages-footer-note{text-align:right}
.bulk-bar{position:sticky;bottom:18px;z-index:15;display:flex;align-items:center;gap:2px;align-self:center;margin:auto auto 18px;padding:5px;border:1px solid var(--border-strong);border-radius:12px;background:var(--popover);box-shadow:0 14px 40px -14px rgba(22,23,24,.35),0 2px 8px rgba(22,23,24,.08);animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.bulk-bar[hidden]{display:none}
.bulk-count{padding:0 10px 0 8px;margin-right:4px;border-right:1px solid var(--border);color:var(--fg);font-size:12.5px;font-weight:550;white-space:nowrap}
.bulk-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer}
.bulk-btn:hover,.bulk-btn[aria-expanded="true"]{background:var(--menu-hover);color:var(--fg)}
.bulk-btn.is-danger:hover{color:var(--blocked)}
.bulk-btn.is-icon{width:30px;padding:0;justify-content:center}
.menu-meta{margin-left:auto;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
@container pageslist (max-width:940px){
  .pages-list-head,.row.page-row{grid-template-columns:22px minmax(0,1fr) minmax(100px,150px) 52px 84px}
  .pages-list-head>span:nth-child(5),.row.page-row>time:nth-of-type(1){display:none}
}
@container pageslist (max-width:660px){
  .pages-list-head,.row.page-row{grid-template-columns:22px minmax(0,1fr) auto}
  .pages-list-head>span:nth-child(3),.pages-list-head>span:nth-child(4),.row.page-row>.page-row-project,.row.page-row>.page-row-count{display:none}
  .pages-footer-hints{display:none}
}
@media (max-width:767px){
  .row.page-row{grid-template-areas:none;row-gap:0;column-gap:10px;padding:8px var(--pad-x)}
  .row.page-row>*{grid-area:auto}
  .page-row-tool{opacity:1}
  .page-check{opacity:1}
  .pages-topbar #pages-new span{display:none}
  .pages-topbar #pages-new{width:28px;padding:0;justify-content:center}
  .pages-toolbar .inline-select.filter{flex:0 1 auto}
  .pages-filter{width:100%}
  .bulk-bar{max-width:calc(100% - 16px);overflow-x:auto}
  .bulk-btn span{display:none}
}


.project-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:3px;background:var(--fg-3)}
.project-dot.p-LIT{background:#e5a100}.project-dot.p-PAY{background:#2d6fc7}.project-dot.p-LPN{background:#d95d8a}.project-dot.p-DBY{background:#4cc38a}
.project-dot.pj-c1{background:#8b6cf0}.project-dot.pj-c2{background:#10a4a4}.project-dot.pj-c3{background:#e07b39}.project-dot.pj-c4{background:#5b8def}.project-dot.pj-c5{background:#c2549d}.project-dot.pj-c6{background:#6aa84f}
.project-dot.pj-general{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fg-3)}
.project-node{gap:4px;padding-left:6px;padding-right:4px}
.project-node .nav-label{font-weight:500}
.project-node:hover .nav-count,.project-node:focus-within .nav-count{display:none}
.project-node .page-node-add{opacity:0}
.project-node:hover .page-node-add,.project-node:focus-within .page-node-add,.project-more[aria-expanded="true"]{opacity:1}
.project-edit{gap:8px;padding:0 6px 0 26px}
.project-edit-input{flex:1;min-width:0;height:24px;padding:0 6px;border:1px solid var(--border-focus);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);font:inherit;font-size:13px;outline:0;box-shadow:0 0 0 3px var(--accent-soft)}
@media (hover:none){.project-node .page-node-add{opacity:1}.project-node .nav-count{display:none}}


.kb-chip,.kb-status{display:inline-flex;align-items:center;gap:5px;flex:none;height:18px;padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);color:var(--fg-2);font-size:11px;font-weight:500;white-space:nowrap}
.kb-chip i,.kb-status i{width:6px;height:6px;border-radius:50%;background:var(--fg-3)}
.kb-published i{background:var(--done)}.kb-changed i{background:var(--progress)}.kb-draft i{background:var(--fg-3)}.kb-missing i,.kb-orphan i{background:var(--blocked)}
.kb-status{height:22px;padding:0 8px;font-size:11.5px;justify-self:start}
.doc-kb{display:inline-flex;align-items:center;gap:6px;height:26px;margin-right:4px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.doc-kb[hidden]{display:none}
.doc-kb:hover,.doc-kb[aria-expanded="true"]{border-color:var(--border-strong);color:var(--fg)}
.doc-kb svg{color:var(--fg-3)}
.doc-kb.kb-published svg{color:var(--done)}.doc-kb.kb-changed svg{color:var(--progress)}
.kb-emoji{display:inline-grid;place-items:center;width:16px;flex:none;font-size:13.5px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}


.pages-import{display:flex;align-items:center;gap:14px;margin:12px var(--pad-x) 4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2)}
.pages-import-icon,.doc-conflict-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}
.pages-import-icon{color:var(--fg-2)}
.pages-import-text,.doc-conflict-text{display:grid;gap:2px;flex:1;min-width:0}
.pages-import-text strong,.doc-conflict-text strong{color:var(--fg);font-size:13px;font-weight:550}
.pages-import-text span,.doc-conflict-text span{color:var(--fg-2);font-size:12.5px;line-height:1.5}
.pages-import-actions,.doc-conflict-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:none}

.doc-conflict{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-l);background:var(--popover);box-shadow:var(--shadow)}
.doc-conflict[hidden]{display:none}
.doc-conflict-icon{color:var(--blocked)}

@media (max-width:767px){
  .pages-import,.doc-conflict{flex-wrap:wrap}
  .pages-import-actions,.doc-conflict-actions{justify-content:flex-start;width:100%}
}

.doc-body{position:relative}


.blk-comment{position:absolute;top:3px;right:-46px;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:26px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;opacity:0;transition:opacity 120ms ease,background 120ms ease,color 120ms ease}
.blk:hover>.blk-comment,.blk.is-focused>.blk-comment,.blk-comment:focus-visible,.blk-comment.is-open{opacity:1}
.blk-comment:hover,.blk-comment.is-open{background:var(--bg-hover);color:var(--fg)}
.blk-comment.has-comments{opacity:1;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg));color:var(--accent)}
.blk-comment.has-comments:hover,.blk-comment.has-comments.is-open{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent-soft) 85%,var(--bg))}
.blk-h1>.blk-comment{top:6px}.blk-h2>.blk-comment{top:4px}.blk-callout>.blk-comment,.blk-code>.blk-comment{top:10px}.blk-divider>.blk-comment{top:-2px}

.blk.is-commenting{background:color-mix(in srgb,var(--accent-soft) 45%,transparent);box-shadow:-6px 0 0 color-mix(in srgb,var(--accent-soft) 45%,transparent),6px 0 0 color-mix(in srgb,var(--accent-soft) 45%,transparent)}


.comment-pop{position:absolute;right:var(--pad-x);z-index:20;display:grid;gap:14px;width:min(420px,calc(100% - 2 * var(--pad-x)));max-height:min(62vh,560px);padding:14px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--popover);box-shadow:var(--shadow-panel);animation:cmt-in 140ms ease-out}
.comment-pop .cmt-thread+.cmt-thread,.comment-pop .cmt-thread+.cmt-composer{padding-top:14px;border-top:1px solid var(--border)}
.cmt-empty{margin:0;color:var(--fg-3);font-size:12.5px}
@keyframes cmt-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.comment-pop{animation:none}}
.reduce-motion .comment-pop{animation:none}


.cmt-thread{display:grid;gap:12px;min-width:0}
.cmt-thread.is-resolved .cmt{opacity:.7}
.cmt{display:grid;gap:4px;min-width:0}
.cmt-head{display:flex;align-items:center;gap:8px;min-width:0;min-height:24px}
.cmt-head .avatar{width:22px;height:22px;font-size:9.5px}
.cmt-author{min-width:0;overflow:hidden;color:var(--fg);font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.cmt-time{flex:none;color:var(--fg-3);font-size:12px;white-space:nowrap}
.cmt-tools{display:flex;align-items:center;gap:2px;margin-left:auto}
.cmt-tool{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);cursor:pointer;transition:background 120ms ease,color 120ms ease,opacity 120ms ease}
.cmt-tool:hover,.cmt-tool[aria-expanded="true"]{background:var(--bg-hover);color:var(--fg)}
.cmt-resolve:hover{color:var(--done)}

.cmt-more{opacity:0}
.cmt:hover .cmt-more,.cmt-more:focus-visible,.cmt-more[aria-expanded="true"]{opacity:1}
@media (hover:none){.cmt-more{opacity:1}}
.cmt-body{margin:0 0 0 30px;color:var(--fg);font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.cmt-body.is-deleted{color:var(--fg-3);font-style:italic}
.cmt-ref{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}
.cmt-ref:hover{text-decoration-color:currentColor}
.cmt-quote{margin:0;padding:4px 10px;border-left:2px solid var(--border-strong);color:var(--fg-2);font-size:12.5px;line-height:1.5}
.cmt-resolved{display:flex;align-items:center;gap:6px;margin-left:30px;color:var(--fg-3);font-size:12px}
.cmt-resolved svg{color:var(--done)}
.cmt-resolved .cmt-link{margin-left:auto}
.cmt-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0 30px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);font-size:12.5px}
.cmt-confirm span{flex:1;min-width:160px;color:var(--fg)}
.cmt-confirm .button.is-danger{border-color:transparent;background:var(--blocked);color:#fff}
.cmt-confirm .button.is-danger:hover{background:color-mix(in srgb,var(--blocked) 85%,#000)}
.cmt-link{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--fg-2);font:inherit;font-size:12px;cursor:pointer}
.cmt-link:hover{color:var(--fg)}
.cmt-link:hover span{text-decoration:underline;text-underline-offset:2px}
.cmt-resolved-toggle{justify-self:start;color:var(--fg-3)}
.cmt-resolved-toggle.is-end{margin-left:auto}
.cmt-group{margin:10px 0 0;color:var(--fg-3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}


.cmt-composer{display:grid;gap:8px;min-width:0}
.cmt .cmt-composer{margin-left:30px}
.cmt-field{display:flex;align-items:flex-start;gap:8px;min-width:0}
.cmt-field .avatar{flex:none;width:22px;height:22px;margin-top:7px;font-size:9.5px}
.cmt-input{flex:1;width:100%;min-width:0;min-height:38px;max-height:220px;padding:8px 12px;overflow-y:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;font-size:13.5px;line-height:1.5;resize:none;transition:border-color 120ms ease,box-shadow 120ms ease}
.cmt-input::placeholder{color:var(--fg-3)}
.cmt-input:hover{border-color:var(--border-strong)}
.cmt-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 16%,transparent)}
.cmt-composer.is-compact .cmt-input:not(:focus){background:transparent}
.cmt-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.cmt-composer.is-compact:not(:focus-within):not(.is-filled) .cmt-actions{display:none}
.cmt-composer.is-sending .cmt-input{opacity:.6}
.cmt-send{gap:6px}
.cmt-send kbd{height:16px;min-width:0;padding:0 4px;border:0;background:color-mix(in srgb,var(--accent-fg) 18%,transparent);color:inherit;font-size:10px}
.cmt-send:disabled kbd{display:none}


.doc-comments .doc-section-head{margin-bottom:10px}
.doc-comments .cmt-thread{padding:14px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);transition:box-shadow 400ms ease}
.doc-comments .cmt-thread.is-flash{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}
.doc-comments>.cmt-thread+.cmt-thread,.doc-comments>.cmt-group+.cmt-thread{margin-top:10px}
.doc-comments>.cmt-group{margin-top:18px;margin-bottom:8px}
.doc-comments>.cmt-thread+.cmt-composer{margin-top:14px}


@media (max-width:1023px) and (min-width:768px){.doc-body{padding-right:56px}.blk-comment{right:-46px}}
@media (max-width:767px){
  .blk-comment{right:0;top:-30px;border-color:var(--border);background:var(--popover)}
  .blk-comment.has-comments{top:3px;right:-12px;min-width:24px;height:22px;padding:0 5px}
  .comment-pop{right:0;width:100%}
  .blk.is-commenting{box-shadow:none}
}


.doc-comments-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:32px;padding:0 7px}
.doc-comments-btn.has-comments{color:var(--accent)}
.doc-comments-count{font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}

.comments-panel{position:fixed;z-index:60;display:flex;flex-direction:column;width:min(380px,calc(100vw - 16px));max-height:min(70vh,560px);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--popover);box-shadow:var(--shadow-panel);overflow:hidden;animation:cmt-in 140ms ease-out}
@media (prefers-reduced-motion:reduce){.comments-panel{animation:none}}
.reduce-motion .comments-panel{animation:none}
.cmt-panel-head{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--border)}
.cmt-panel-head strong{font-size:13px;font-weight:600}
.cmt-panel-tabs{display:flex;flex:1;gap:2px}
.cmt-panel-tab{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.cmt-panel-tab:hover{background:var(--bg-hover);color:var(--fg)}
.cmt-panel-tab.is-on{background:var(--bg-active);color:var(--fg);font-weight:550}
.cmt-panel-tab-count{color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.cmt-panel-list{display:grid;align-content:start;gap:2px;padding:6px;overflow:auto}
.cmt-panel-empty{display:grid;justify-items:center;gap:8px;padding:28px 18px;color:var(--fg-3);text-align:center}
.cmt-panel-empty p{margin:0;font-size:12.5px;line-height:1.5}
.cmt-panel-item{display:grid;gap:4px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.cmt-panel-item:hover,.cmt-panel-item:focus-visible{background:var(--bg-hover);outline:none}
.cmt-panel-item.is-resolved .cmt-panel-text{color:var(--fg-2)}
.cmt-panel-context{display:flex;align-items:center;gap:8px;min-width:0;color:var(--fg-2);font-size:12px}
.cmt-panel-context>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cmt-panel-context.is-label{color:var(--fg-3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.cmt-panel-bar{flex:none;width:2px;height:14px;border-radius:2px;background:color-mix(in srgb,var(--accent) 60%,transparent)}
.cmt-panel-text{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cmt-panel-text strong{margin-right:6px;font-weight:600}
.cmt-panel-meta{color:var(--fg-3);font-size:11.5px}

.page-cmt-chip{display:inline-flex;flex:none;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);color:var(--accent);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.page-cmt-chip.is-compact{height:16px;margin-left:4px;padding:0 5px;font-size:10.5px}
.nav-item.page-node:hover .page-cmt-chip.is-compact{display:none}


.has-reader-cmt{position:relative}
.reader-cmt{position:absolute;top:2px;right:-44px;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 6px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:999px;background:var(--bg);color:var(--accent);font:inherit;font-size:11px;font-weight:600;cursor:pointer;opacity:.75;transition:opacity 120ms ease}
.reader-cmt:hover,.reader-cmt:focus-visible{opacity:1}
.reader-cmt-all{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}
.reader-cmt-all:hover{text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){.reader-cmt{position:static;margin-left:6px;vertical-align:middle}}

.doc-publish{position:relative}
.doc-publish.is-live{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg));color:var(--accent)}
.doc-publish.is-live:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}
.doc-publish-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border:2px solid var(--bg);border-radius:50%;background:var(--progress)}

.publish-panel{position:fixed;z-index:60;display:flex;flex-direction:column;width:min(400px,calc(100vw - 16px));border:1px solid var(--border);border-radius:var(--radius-l);background:var(--popover);box-shadow:var(--shadow-panel);overflow:hidden;animation:cmt-in 140ms ease-out}
@media (prefers-reduced-motion:reduce){.publish-panel{animation:none}}
.reduce-motion .publish-panel{animation:none}
.pub-head{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-bottom:1px solid var(--border)}
.pub-head strong{flex:1;font-size:13px;font-weight:600}
.pub-head-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--bg-2);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--border)}
.pub-body{display:grid;gap:14px;padding:14px}
.pub-lead{margin:0;color:var(--fg-2);font-size:13px;line-height:1.55}
.pub-muted{margin:0;color:var(--fg-3);font-size:12px;line-height:1.5}
.pub-primary{justify-content:center;gap:8px;width:100%;height:34px}
.pub-note{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg);font-size:12.5px;line-height:1.5}
.pub-note>svg{flex:none;margin-top:2px;color:var(--progress)}
.pub-status{display:flex;align-items:center;gap:8px;min-height:30px;color:var(--fg);font-size:12.5px;font-weight:550}
.pub-status>span:nth-child(2){flex:1}
.pub-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--done)}
.pub-status.is-behind .pub-dot{background:var(--progress)}
.pub-link{display:flex;align-items:center;gap:6px;min-width:0}
.pub-link input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg);font:inherit;font-size:12.5px;text-overflow:ellipsis}
.pub-link input:focus{outline:none;border-color:var(--border-focus)}
.pub-link .button{flex:none;gap:6px;height:32px}
.pub-link .icon-only{width:32px;padding:0;justify-content:center}
.pub-body .settings-row{padding:0;border:0;background:transparent}
.pub-actions{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border)}
.pub-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);font-size:12.5px}
.pub-confirm span{flex:1;min-width:180px;color:var(--fg);line-height:1.5}
.pub-confirm .button.is-danger{border-color:transparent;background:var(--blocked);color:#fff}


.page-pub-mark{display:inline-flex;flex:none;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);color:var(--accent);font-size:11px;font-weight:600}
.page-pub-mark.is-behind{background:var(--progress-soft);color:var(--progress)}
.page-pub-mark.is-compact{height:16px;margin-left:4px;padding:0 4px;background:transparent}
.nav-item.page-node:hover .page-pub-mark.is-compact{display:none}


.settings-select{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer}
.settings-select:disabled{opacity:.55;cursor:default}


.pub-stats{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--border)}
.pub-stats-label{margin:0;color:var(--fg-3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pub-stats-head{display:flex;align-items:flex-end;gap:18px}
.pub-figure{display:grid;gap:0}
.pub-figure strong{font-size:22px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pub-figure span{color:var(--fg-3);font-size:12px}
.pub-trend{margin-left:auto;align-self:center;padding:2px 8px;border-radius:999px;background:var(--bg-2);color:var(--fg-2);font-size:11.5px;font-weight:600;white-space:nowrap}
.pub-trend.is-up{background:color-mix(in srgb,var(--done) 14%,transparent);color:var(--done)}
.pub-trend.is-down{background:color-mix(in srgb,var(--blocked) 12%,transparent);color:var(--blocked)}
.pub-chart-wrap{display:grid;gap:4px}
.pub-chart{display:block;width:100%;height:56px}
.pub-chart-views{fill:color-mix(in srgb,var(--accent) 28%,transparent)}
.pub-chart-visitors{fill:var(--accent)}
.pub-chart .is-zero{fill:var(--border)}
.pub-chart g:hover .pub-chart-views{fill:color-mix(in srgb,var(--accent) 45%,transparent)}
.pub-chart-axis{display:flex;justify-content:space-between;color:var(--fg-3);font-size:11px}
.pub-tabs{display:flex;gap:2px}
.pub-tab{height:26px;padding:0 9px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.pub-tab:hover{background:var(--bg-hover);color:var(--fg)}
.pub-tab.is-on{background:var(--bg-active);color:var(--fg);font-weight:550}
.pub-bars{display:grid;gap:4px}
.pub-bar{position:relative;display:flex;align-items:center;gap:8px;min-height:26px;padding:0 8px;border-radius:6px;overflow:hidden;font-size:12.5px}
.pub-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:6px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}
.pub-bar-label{position:relative;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg)}
.pub-bar-count{position:relative;color:var(--fg-2);font-variant-numeric:tabular-nums}
.page-pub-views{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}

.publish-panel{max-height:calc(100vh - 80px)}
.pub-body{overflow:auto}

.readers-mode .reader-bar{background:var(--bg)}
.readers-view{display:grid;gap:18px;max-width:1040px;margin:0 auto;padding:28px 32px 64px}
.readers-head h1{margin:0 0 6px;font-size:28px;font-weight:650;letter-spacing:-.02em}
.readers-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:var(--fg-2);font-size:13px}
.readers-sep{color:var(--fg-3)}
.readers-status{display:inline-flex;align-items:center;gap:6px;color:var(--fg-3)}
.readers-status.is-live{color:var(--fg)}
.readers-status-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-3)}
.readers-status.is-live .readers-status-dot{background:var(--done)}
.readers-link{color:var(--accent);text-decoration:none}
.readers-link:hover{text-decoration:underline;text-underline-offset:2px}
.readers-muted{margin:0;color:var(--fg-3);font-size:12.5px}
.readers-foot{margin:6px 0 0;color:var(--fg-3);font-size:12px;line-height:1.55}

.readers-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.readers-kpi{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg)}
.readers-kpi-label{color:var(--fg-2);font-size:12.5px}
.readers-kpi-value{font-size:28px;font-weight:650;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.readers-kpi-foot{color:var(--fg-3);font-size:12px}
.readers-change{font-weight:600}
.readers-change.is-up{color:var(--done)}
.readers-change.is-down{color:var(--blocked)}
.readers-change.is-flat{color:var(--fg-3)}

.readers-card{display:grid;align-content:start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg)}
.readers-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.readers-card-head h2{margin:0;font-size:14px;font-weight:600}
.readers-legend{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12px}
.readers-key{display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:3px}
.readers-key.is-views{background:color-mix(in srgb,var(--accent) 30%,transparent)}
.readers-key.is-visitors{background:var(--accent)}
.readers-chart{display:block;width:100%;height:auto}
.readers-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}
.readers-grid.is-base{stroke-dasharray:none}
.readers-axis{fill:var(--fg-3);font-size:11px;font-family:inherit}
.readers-hit{fill:transparent}
.readers-day:hover .readers-hit{fill:var(--bg-hover)}
.readers-views{fill:color-mix(in srgb,var(--accent) 30%,transparent)}
.readers-visitors{fill:var(--accent)}

.readers-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.readers-rows{display:grid;gap:4px}
.readers-row{position:relative;display:flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;border-radius:7px;overflow:hidden;font-size:13px}
.readers-row-fill{position:absolute;inset:0 auto 0 0;border-radius:7px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}
.readers-row-label{position:relative;display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.readers-flag{flex:none}
.readers-row-count{position:relative;color:var(--fg);font-weight:550;font-variant-numeric:tabular-nums}
.readers-row-share{position:relative;width:36px;color:var(--fg-3);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}

.readers-empty{display:grid;justify-items:center;gap:8px;padding:48px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-l);text-align:center}
.readers-empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bg-2);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--border)}
.readers-empty h2{margin:4px 0 0;font-size:16px}
.readers-empty p{max-width:420px;margin:0 0 6px;color:var(--fg-2);font-size:13px;line-height:1.55}


.pub-more{justify-self:start;gap:6px}
button.page-pub-views{padding:0;border:0;background:transparent;font:inherit;font-size:11.5px;color:var(--fg-3);cursor:pointer}
button.page-pub-views:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

@media (max-width:900px){.readers-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.readers-breakdowns{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .readers-view{padding:18px 16px 48px}
  .readers-head h1{font-size:24px}
  .readers-kpi-value{font-size:22px}
  .reader-bar .reader-bar-title,.readers-copy-self,.reader-edit span{display:none}
}


.readers-range-trigger{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:12.5px;font-weight:550;cursor:pointer;white-space:nowrap}
.readers-range-trigger:hover,.readers-range-trigger[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.readers-range-trigger svg:first-child{color:var(--fg-2)}
.range-panel{position:fixed;z-index:90;display:flex;width:min(560px,calc(100vw - 16px));border:1px solid var(--border);border-radius:var(--radius-l);background:var(--popover);box-shadow:var(--shadow-panel);overflow:hidden;animation:cmt-in 140ms ease-out}
@media (prefers-reduced-motion:reduce){.range-panel{animation:none}}
.reduce-motion .range-panel{animation:none}
.range-presets{display:grid;align-content:start;gap:2px;width:172px;flex:none;padding:8px;border-right:1px solid var(--border);background:var(--bg-2)}
.range-preset{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;padding:0 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.range-preset:hover{background:var(--bg-hover)}
.range-preset.is-on{background:var(--bg-active);font-weight:550}
.range-preset.is-on svg{color:var(--accent)}
.range-preset.is-static{margin-top:6px;border-top:1px solid var(--border);border-radius:0;color:var(--fg-3);font-size:12px;cursor:default}
.range-preset.is-static.is-on{background:transparent;color:var(--fg);font-weight:550}
.range-calendar{display:grid;gap:10px;flex:1;min-width:0;padding:12px 14px}
.range-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.range-title{font-size:13.5px;font-weight:600}
.range-head .icon-button:disabled{opacity:.35;cursor:default}
.range-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0}
.range-weekday{padding:4px 0;color:var(--fg-3);font-size:11px;font-weight:600;text-align:center}
.range-day{position:relative;height:34px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}
.range-day::before{content:"";position:absolute;inset:2px;border-radius:8px}
.range-day:hover:not(:disabled)::before{background:var(--bg-hover)}
.range-day:focus-visible{outline:none}
.range-day:focus-visible::before{box-shadow:0 0 0 2px var(--border-focus)}
.range-day.is-outside{color:var(--fg-3)}
.range-day.is-today{font-weight:700}
.range-day.is-today::after{content:"";position:absolute;bottom:5px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.range-day.is-disabled{color:var(--fg-3);opacity:.4;cursor:default}
.range-day.is-between{background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}
.range-day.is-start,.range-day.is-end{color:var(--accent-fg)}
.range-day.is-start::before,.range-day.is-end::before{background:var(--accent)}
.range-day.is-start:not(.is-end){background:linear-gradient(90deg,transparent 50%,color-mix(in srgb,var(--accent-soft) 70%,transparent) 50%)}
.range-day.is-end:not(.is-start){background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 70%,transparent) 50%,transparent 50%)}
.range-day > *{position:relative}
.range-day{isolation:isolate}
.range-day::before{z-index:-1}
.range-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border)}
.range-summary-text{color:var(--fg-2);font-size:12.5px;font-variant-numeric:tabular-nums}
.range-summary-text.is-warn{color:var(--blocked)}
.range-actions{display:flex;gap:6px;margin-left:auto}
@media (max-width:600px){
  .range-panel{flex-direction:column;max-height:calc(100vh - 80px);overflow:auto}
  .range-presets{display:flex;flex-wrap:wrap;width:auto;border-right:0;border-bottom:1px solid var(--border)}
  .range-preset{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:12.5px}
  .range-preset svg{display:none}
  .range-preset.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 70%,var(--bg))}
  .range-preset.is-static{display:none}
}
.readers-quiet{margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-2);font-size:13px}

.kb-page,.kb-public{display:flex;flex-direction:column;min-height:100%;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1);container-type:inline-size;container-name:kb}
.kb-page[hidden],.kb-public[hidden],.kb-toolbar[hidden],.kb-list-head[hidden],.kb-settings[hidden]{display:none}
.kb-topbar{border-radius:0}
.kb-topbar .topbar-end{grid-column:3}
.kb-topbar .topbar-end .button{gap:6px}
.kb-topbar .button[disabled]{opacity:.55;cursor:default}
.kb-toolbar .toolbar-right{gap:6px}
.kb-toolbar .button{gap:6px}
.kb-focus{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 4px 0 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:500}
.kb-focus[hidden]{display:none}
.kb-focus-clear{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.kb-focus-clear:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.kb-list-head,.row.kb-row{grid-template-columns:minmax(0,1fr) 108px 112px 90px}
.row.kb-row{min-height:54px;padding-top:7px;padding-bottom:7px;cursor:pointer}
.row.kb-row.is-missing .title{color:var(--fg-3);text-decoration:line-through}
.kb-row-action{display:flex;justify-content:flex-start}
.kb-row-action .button{height:26px;gap:5px;padding:0 9px;opacity:.85}
.row.kb-row:hover .kb-row-action .button{opacity:1}
.kb-never{justify-self:end;color:var(--fg-3);font-size:12px}
.row.kb-row time{justify-self:end}
.kb-group-bar{display:flex;align-items:center;gap:2px;padding-right:calc(var(--pad-x) - 6px);border-bottom:1px solid var(--border-subtle);background:var(--bg-2)}
.kb-group-bar .group-head{flex:1;min-width:0;border-bottom:0;background:transparent}
.kb-group-bar:hover{background:var(--bg-hover)}
.kb-group-desc{min-width:0;overflow:hidden;margin-left:4px;color:var(--fg-3);font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.kb-group .group-label{min-width:0}
.kb-group-tool{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-3);cursor:pointer}
.kb-group-tool:hover,.kb-group-tool[aria-expanded="true"]{background:var(--bg-active);color:var(--fg)}
.kb-add-row{color:var(--fg-2)}
.kb-none{margin:0;padding:12px var(--pad-x);color:var(--fg-3);font-size:12.5px}
.kb-empty{padding:72px 16px}
.kb-empty-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2);color:var(--fg-2)}
.kb-settings{width:100%;max-width:760px;margin:0 auto;padding:12px var(--pad-x) 88px}
.kb-input{width:min(320px,100%);height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:13px;outline:0}
.kb-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.kb-address{display:inline-flex;align-items:center;gap:7px;color:var(--fg-3);font-size:12.5px}
@container kb (max-width:720px){
  .kb-list-head,.row.kb-row{grid-template-columns:minmax(0,1fr) auto auto}
  .kb-list-head>span:nth-child(4),.row.kb-row>time,.row.kb-row>.kb-never{display:none}
}
@media (max-width:767px){
  .row.kb-row{grid-template-areas:none;padding:8px var(--pad-x)}
  .row.kb-row>*{grid-area:auto}
  .kb-row-action{display:none}
  .kb-topbar .topbar-end .button span,.kb-toolbar .button span{display:none}
  .kb-topbar .topbar-end .button,.kb-toolbar .button{width:28px;padding:0;justify-content:center}
  #kb-tabs .seg-link{padding:0 8px}
  .kb-group-desc{display:none}
  .kb-group .group-label span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


.kb-dialog{width:min(480px,calc(100vw - 32px));border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.kb-dialog form{display:flex;flex-direction:column}
.kb-dialog-body{display:grid;gap:14px;padding:16px}
.kb-field-label{margin:0 0 -6px;color:var(--fg-2);font-size:12px;font-weight:500}
.kb-emoji-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.kb-emoji-pick{display:grid;place-items:center;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:8px;background:var(--bg-2);color:var(--icon-tint,var(--fg-2));cursor:pointer}
.kb-emoji-pick:hover{background:var(--bg-hover)}
.kb-emoji-pick.is-active{border-color:var(--accent);background:var(--accent-soft)}
.kb-field{display:grid;gap:6px;color:var(--fg-2);font-size:12px;font-weight:500}
.kb-field em{color:var(--fg-3);font-style:normal;font-weight:400}
.kb-field input,.kb-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:13.5px;font-weight:400;outline:0;resize:vertical}
.kb-field input:focus,.kb-field textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.kb-picker{width:min(620px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.kb-picker[open]{display:flex;flex-direction:column}
.kb-picker .modal-header h2{display:flex;align-items:center;gap:8px}
.kb-picker-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}
.kb-picker-bar .pages-filter{flex:1;width:auto}
.kb-picker-list{flex:1;min-height:180px;overflow-y:auto;padding:6px}
.kb-picker-group{display:flex;align-items:center;gap:8px;padding:10px 10px 4px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.04em;text-transform:uppercase}
.kb-picker-group-count{margin-left:auto;font-variant-numeric:tabular-nums}
.kb-picker-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:4px 10px;border-radius:8px;cursor:pointer}
.kb-picker-row:hover{background:var(--bg-hover)}
.kb-picker-row .page-check{opacity:1}
.kb-picker-row.is-here{cursor:default;opacity:.65}
.kb-picker-icon{display:grid;place-items:center;width:18px;flex:none;color:var(--fg-3)}
.kb-picker-text{display:grid;flex:1;min-width:0}
.kb-picker-text strong{overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.kb-picker-text span{overflow:hidden;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.kb-picker-note{flex:none;color:var(--fg-3);font-size:11.5px}
.kb-picker-empty{display:grid;justify-items:center;gap:4px;padding:40px 16px;color:var(--fg-3);font-size:13px;text-align:center}
.kb-picker-empty strong{color:var(--fg)}
.kb-picker-none{margin:0;padding:28px 12px;color:var(--fg-3);font-size:13px;text-align:center}


.kb-preview-bar{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:var(--topbar);padding:0 var(--pad-x);border-bottom:1px solid var(--border);background:var(--bg-2)}
.kb-preview-label{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12.5px;font-weight:550;white-space:nowrap}
.kb-preview-note{flex:1;min-width:0;overflow:hidden;color:var(--fg-2);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.kb-preview-bar .button{gap:6px}
.help-site{display:flex;flex-direction:column;flex:1;background:var(--bg)}
.help-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:18px var(--pad-x)}
.help-brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg);font-size:14.5px;font-weight:600;letter-spacing:-.01em;text-decoration:none}
.help-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:8px var(--pad-x) 72px}
.help-hero{display:grid;justify-items:center;gap:10px;padding:48px 0 40px;text-align:center}
.help-hero h1{margin:0;color:var(--fg);font-size:36px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.help-hero p{max-width:520px;margin:0;color:var(--fg-3);font-size:15px;line-height:1.55}
.help-search{display:flex;align-items:center;gap:8px;width:min(280px,100%);height:34px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2);color:var(--fg-3)}
.help-search.is-big{width:min(560px,100%);height:48px;margin-top:14px;padding:0 16px;border-radius:12px;background:var(--bg);box-shadow:0 4px 18px -10px rgba(22,23,24,.25)}
.help-search:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.help-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;outline:0}
.help-search.is-big input{font-size:15px}
.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.help-card{display:grid;align-content:start;gap:6px;min-height:150px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--fg);text-decoration:none;transition:border-color 120ms ease,box-shadow 120ms ease,transform 120ms ease}
.help-card:hover{border-color:var(--border-strong);box-shadow:0 10px 28px -18px rgba(22,23,24,.35);transform:translateY(-1px)}
.help-card strong{font-size:15px;font-weight:600}
.help-card p{margin:0;color:var(--fg-3);font-size:13px;line-height:1.5}
.help-card-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:6px;border-radius:10px;background:var(--bg-2);font-size:20px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.help-card-count{margin-top:auto;padding-top:6px;color:var(--fg-3);font-size:12px}
.help-section{margin-top:40px}
.help-section h2{margin:0 0 10px;color:var(--fg);font-size:15px;font-weight:600}
.help-article-list{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:12px}
.help-article-list:empty{display:none}
.help-article-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--border-subtle);color:var(--fg);text-decoration:none}
.help-article-link:first-child{border-top:0}
.help-article-link:hover{background:var(--bg-hover)}
.help-article-link>svg{flex:none;color:var(--fg-3)}
.help-article-text{display:grid;gap:2px;flex:1;min-width:0}
.help-article-text strong{font-size:14px;font-weight:550}
.help-article-text span{overflow:hidden;color:var(--fg-3);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.help-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 22px;color:var(--fg-3);font-size:13px}
.help-crumbs a{color:var(--fg-2);text-decoration:none}
.help-crumbs a:hover{color:var(--fg);text-decoration:underline}
.help-crumbs .is-current{color:var(--fg)}
.help-collection-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.help-collection-head h1,.help-search-head h1{margin:0;color:var(--fg);font-size:26px;font-weight:600;letter-spacing:-.022em}
.help-collection-head p,.help-search-head p{margin:6px 0 0;color:var(--fg-3);font-size:14px}
.help-search-head{margin-bottom:18px}
.help-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:start}
.help-article h1{margin:0;color:var(--fg);font-size:30px;font-weight:600;letter-spacing:-.026em;line-height:1.2}
.help-updated{margin:8px 0 26px;color:var(--fg-3);font-size:13px}
.help-content{color:var(--fg);font-size:15.5px;line-height:1.72}
.help-content p{margin:0 0 14px}
.help-content h2{margin:30px 0 10px;font-size:22px;font-weight:600;letter-spacing:-.018em}
.help-content h3{margin:24px 0 8px;font-size:18px;font-weight:600}
.help-content h4{margin:20px 0 6px;font-size:16px;font-weight:600}
.help-content blockquote{margin:0 0 14px;padding-left:16px;border-left:3px solid var(--fg)}
.help-content code{padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg-3);font-family:var(--mono);font-size:.86em}
.help-content a{color:var(--accent);text-underline-offset:3px}
.help-list{margin:0 0 14px;padding-left:24px}
.help-list.is-todo{padding-left:0;list-style:none}
.help-list.is-todo li{display:flex;align-items:flex-start;gap:10px}
.help-list li.is-done{color:var(--fg-3);text-decoration:line-through}
.help-check{display:grid;place-items:center;flex:none;width:16px;height:16px;margin-top:5px;border:1.5px solid var(--fg-3);border-radius:4px}
.help-check.is-checked{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}
.help-code{margin:0 0 14px;padding:14px 16px;overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);font-family:var(--mono);font-size:13px;line-height:1.6}
.help-code code{padding:0;border:0;background:none;font-size:inherit}
.help-callout{display:flex;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.help-callout-icon{flex:none;margin-top:3px;color:#d59f16}
.help-rule{margin:22px 0;border:0;border-top:1px solid var(--border)}
.help-ref{padding:0 4px;border-radius:4px;background:var(--bg-3);color:var(--fg-2);font-size:.9em}
.help-muted{color:var(--fg-3)}
.help-aside{position:sticky;top:calc(var(--topbar) + 20px);display:grid;gap:2px;padding-left:16px;border-left:1px solid var(--border)}
.help-aside-title{margin:0 0 6px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.help-aside-link{padding:5px 0;color:var(--fg-2);font-size:13px;text-decoration:none}
.help-aside-link:hover{color:var(--fg)}
.help-aside-link.is-current{color:var(--accent);font-weight:550}
.help-empty{display:grid;justify-items:center;gap:6px;padding:48px 16px;border:1px dashed var(--border-strong);border-radius:14px;color:var(--fg-3);font-size:13.5px;text-align:center}
.help-empty strong{color:var(--fg);font-size:15px}
.help-empty .button{margin-top:8px}
.help-footer{display:flex;justify-content:space-between;gap:12px;width:100%;max-width:1040px;margin:0 auto;padding:22px var(--pad-x) 30px;border-top:1px solid var(--border-subtle);color:var(--fg-3);font-size:12.5px}
@container kb (max-width:760px){.help-article-layout{grid-template-columns:minmax(0,1fr)}.help-aside{position:static;padding:16px 0 0;border-left:0;border-top:1px solid var(--border)}.help-hero h1{font-size:28px}.kb-preview-note{display:none}}
@media (max-width:767px){.help-header .help-search{display:none}.help-hero{padding:28px 0}.help-article h1{font-size:24px}}


body.panel-pages{--sidebar-w:var(--pages-panel-w,248px)}
.panel-resizer{position:absolute;top:0;right:0;bottom:0;z-index:5;display:none;width:7px;cursor:col-resize;touch-action:none;outline:0}
.panel-resizer::after{content:'';position:absolute;top:0;right:0;bottom:0;width:2px;background:transparent;transition:background 120ms ease}
.panel-resizer:hover::after,.panel-resizer:focus-visible::after,body.is-resizing-panel .panel-resizer::after{background:var(--accent);transition-delay:80ms}
body.is-resizing-panel{cursor:col-resize;user-select:none;-webkit-user-select:none}
body.is-resizing-panel *{cursor:col-resize!important}
@media (min-width:1024px){body.panel-pages:not(.sidebar-collapsed) .panel-resizer{display:block}}




@media (min-width:1024px){body:not(.sidebar-collapsed) .main-col>.topbar{border-radius:0 10px 0 0}}


.kb-demo-banner{display:flex;align-items:center;gap:14px;margin:12px var(--pad-x);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2)}
.kb-demo-banner[hidden]{display:none}
.kb-demo-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:var(--bg);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--border)}
.kb-demo-text{display:grid;gap:2px;flex:1;min-width:0}
.kb-demo-text strong{color:var(--fg);font-size:13px;font-weight:550}
.kb-demo-text span{color:var(--fg-2);font-size:12.5px;line-height:1.5}
.kb-demo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:none}
.kb-demo-actions .button{gap:6px}
.demo-chip{flex:none;height:17px;padding:0 5px;border:1px dashed var(--border-strong);border-radius:var(--radius-s);color:var(--fg-3);font-size:10.5px;font-weight:500;line-height:15px}
@media (max-width:767px){.kb-demo-banner{flex-wrap:wrap}.kb-demo-actions{justify-content:flex-start;width:100%}}


.kb-site-mark{--site:#0f8b93;display:inline-grid;place-items:center;flex:none;border-radius:8px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--border);line-height:1}
.kb-site-mark.is-xs{width:18px;height:18px;border-radius:5px;font-size:11px}
.kb-site-mark.is-sm{width:24px;height:24px;border-radius:7px;font-size:14px}
.kb-site-mark.is-md{width:32px;height:32px;font-size:18px}
.kb-site-mark.is-lg{width:44px;height:44px;border-radius:12px;font-size:24px}

.kb-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px var(--pad-x) 40px}
@media (max-width:1023px){.kb-sites{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kb-site-card{--site:#0f8b93;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);overflow:hidden;cursor:pointer;transition:border-color 120ms ease,box-shadow 120ms ease,transform 120ms ease;text-align:left;font:inherit;color:inherit;padding:0}
.kb-site-card:hover,.kb-site-card:focus-visible{border-color:var(--border-strong);outline:none}
.kb-site-band{position:relative;display:flex;align-items:center;padding:14px 14px 0}
.kb-site-more{position:absolute;top:8px;right:8px;opacity:.7}
.kb-site-card:hover .kb-site-more,.kb-site-more:focus-visible{opacity:1}
.kb-site-body{display:grid;gap:4px;padding:10px 14px}
.kb-site-body h2{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kb-site-where{display:flex;align-items:center;gap:6px;margin:0;min-width:0;color:var(--fg-2);font-size:12px}
.kb-site-sep{color:var(--fg-3)}
.kb-site-address{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg-3)}
.kb-site-numbers{display:flex;gap:18px;margin-top:8px}
.kb-site-figure{display:grid}
.kb-site-figure strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}
.kb-site-figure span{color:var(--fg-3);font-size:11.5px}
.kb-site-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 14px;border-top:1px solid var(--border)}
.kb-site-pending{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12px;font-weight:550}
.kb-site-pending i{width:7px;height:7px;border-radius:50%;background:var(--progress)}
.kb-site-ok{color:var(--fg-3);font-size:12px}
.kb-site-card.is-new{align-items:center;justify-content:center;gap:6px;min-height:220px;border-style:dashed;color:var(--fg-2)}
.kb-site-card.is-new strong{color:var(--fg);font-size:14px}
.kb-site-card.is-new span{font-size:12.5px}
.kb-site-card.is-new:hover{border-color:var(--border-strong);background:var(--bg-hover);box-shadow:none}

.kb-site-switch{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:2px 8px 2px 2px;margin-left:-2px;border:0;border-radius:var(--radius);background:transparent;color:inherit;font:inherit;cursor:pointer}
.kb-site-switch span:not(.kb-site-mark){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kb-site-switch:hover,.kb-site-switch[aria-expanded="true"]{background:var(--bg-hover)}

.kb-dialog-hero{display:flex;align-items:center;gap:12px;padding:4px 0 2px}
.kb-dialog-hero p{margin:0;color:var(--fg-2);font-size:13px;line-height:1.5}
.kb-field{display:grid;gap:6px}
.kb-field-label{color:var(--fg);font-size:12.5px;font-weight:550}
.kb-dialog-address{display:flex;align-items:center;gap:6px;margin:0;color:var(--fg-3);font-size:12px}
.kb-select{display:inline-flex;align-items:center;gap:8px;justify-self:start;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:13px;cursor:pointer}
.kb-look{display:grid;gap:10px}
.kb-swatches,.kb-logos{display:flex;flex-wrap:wrap;gap:6px}
.kb-swatch{width:26px;height:26px;border:2px solid var(--bg);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--border);cursor:pointer}
.kb-swatch.is-on{box-shadow:0 0 0 2px var(--swatch)}
.kb-logo{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--icon-tint,var(--fg-2));cursor:pointer}
.kb-logo:hover{background:var(--bg-hover)}
.kb-logo.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}
.kb-check{display:flex;align-items:center;gap:8px;color:var(--fg);font-size:13px}
.kb-address-field{display:flex;align-items:center;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}
.kb-address-prefix{padding:0 0 0 10px;color:var(--fg-3);font-size:12.5px;white-space:nowrap}
.kb-address-field .kb-input{border:0;padding-left:2px;min-width:80px}
.kb-address-field:focus-within{border-color:var(--border-focus)}
.kb-settings .kb-swatches,.kb-settings .kb-logos{justify-content:flex-end;max-width:320px}
@media (max-width:767px){.kb-sites{grid-template-columns:minmax(0,1fr);padding:14px 16px 32px}.kb-settings .kb-swatches,.kb-settings .kb-logos{justify-content:flex-start}}
.kb-topbar .page-title{min-width:0}
.kb-topbar #kb-title{flex:none;max-width:320px}
.kb-topbar #kb-sub{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:1100px){.kb-topbar #kb-sub{display:none}}
#kb-tabs[hidden],#kb-view-public[hidden],#kb-publish-all[hidden],#kb-new-site[hidden],.kb-insights[hidden]{display:none}
.kb-site-where>span:nth-child(2){flex:none;white-space:nowrap}


.kb-insights{display:grid;gap:14px;padding:16px var(--pad-x) 48px}
.ki-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ki-caption{display:flex;align-items:center;gap:6px;flex:1;min-width:200px;margin:0;color:var(--fg-3);font-size:12.5px}
.ki-caption svg{flex:none}
.ki-wait{padding:24px 0}
.ki-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ki-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ki-sub{color:var(--fg-3);font-size:12px}
.ki-table{display:grid;gap:4px}
.ki-row{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:0;border-radius:8px;overflow:hidden;background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.ki-row:hover{background:var(--bg-hover)}
.ki-row .readers-row-fill{opacity:.8}
.ki-row-name{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.ki-row-name span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ki-row-num{position:relative;flex:none;color:var(--fg-2);font-size:12.5px;font-variant-numeric:tabular-nums}
.ki-helpful{position:relative;flex:none;min-width:58px;padding:2px 7px;border-radius:999px;font-size:11.5px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}
.ki-helpful.is-good{background:color-mix(in srgb,var(--done) 14%,transparent);color:var(--done)}
.ki-helpful.is-ok{background:var(--progress-soft);color:var(--progress)}
.ki-helpful.is-poor{background:color-mix(in srgb,var(--blocked) 13%,transparent);color:var(--blocked)}
.ki-helpful.is-none{color:var(--fg-3)}
.readers-card.is-gaps .readers-row-fill{background:color-mix(in srgb,var(--blocked) 12%,transparent)}
.ki-notes-title{margin-top:10px}
.ki-note-quote{display:grid;gap:3px;margin:0;padding:8px 12px;border-left:3px solid var(--border-strong);color:var(--fg);font-size:13px;line-height:1.5}
@media (max-width:1100px){.ki-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ki-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.kb-insights{padding:12px 16px 40px}}

.kb-swatch.is-brand{display:grid;place-items:center;padding:0}
.kb-swatch-mark{color:#fff;font-size:11px;font-weight:700;line-height:1}
.kb-swatch.is-neutral.is-on{box-shadow:0 0 0 2px var(--fg-3)}
.kb-covers{gap:5px;flex-wrap:nowrap}.kb-covers .kb-swatch{flex:none;width:22px;height:22px}

.kb-swatch.is-custom{position:relative;overflow:hidden;background:conic-gradient(from 180deg,#e11d48,#d97706,#15803d,#0284c7,#4f46e5,#7c3aed,#e11d48)}
.kb-swatch.is-custom.has-color{background:var(--swatch)}
.kb-swatch-input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}

.help-site{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;background:var(--bg-2)}
.help-preview-frame{display:block;flex:1;width:100%;min-height:calc(100dvh - var(--topbar) - 24px);border:0;background:var(--bg)}
.help-site.is-phone{padding:20px 0 32px}
.help-site.is-phone .help-preview-frame{flex:none;width:390px;height:min(844px,calc(100dvh - var(--topbar) - 72px));min-height:0;border:1px solid var(--border);border-radius:24px}
.help-preview-note{display:grid;place-items:center;flex:1;width:100%;min-height:50vh;color:var(--fg-2);font-size:14px}

@media (min-width:1024px){
  body.page-help{grid-template-columns:var(--rail-w) minmax(0,1fr)}
  body.page-help #sidebar{display:none!important}
  body.page-help .main-col,body.page-help:not(.sidebar-collapsed) .main-col{margin-left:0;border-left-color:var(--border);border-radius:10px;clip-path:none}
}


.kb-preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kb-preview-bar a.button{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.kb-preview-note{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--fg);font-size:12.5px}
.kb-preview-address{color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-preview-hint{flex:1;min-width:160px;color:var(--fg-3);font-size:12px}
.kb-preview-device{display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}
.kb-device{display:grid;place-items:center;width:28px;height:24px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--fg-3);cursor:pointer}
.kb-device.is-on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.12)}
@media (max-width:640px){.kb-preview-device{display:none}}

body.page-chat .main-col{overflow:hidden}
.chat-page{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);animation:item-page-in 220ms cubic-bezier(.23,1,.32,1)}
.chat-page[hidden],.sp-inbox[hidden],.sp-setup[hidden]{display:none}
.sp-inbox{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;flex:1;min-height:0}
body:not(.sp-thread-open) .sp-inbox{grid-template-columns:320px minmax(0,1fr)}
body:not(.sp-thread-open) .sp-details{display:none}
.nav-item.has-unread .nav-label{color:var(--fg);font-weight:600}
.sp-muted{color:var(--fg-3);font-size:12.5px}
.sp-channel{display:inline-grid;place-items:center;flex:none;color:var(--fg-3)}
.sp-agent-mark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--fg-2)}


.sp-list-col{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border)}
.sp-list-head{display:flex;align-items:center;gap:6px;flex:none;height:var(--topbar);padding:0 12px 0 calc(var(--pad-x) - 8px);border-bottom:1px solid var(--border)}
.sp-view-title{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0 0 0 6px;font-size:14px;font-weight:550;letter-spacing:-.01em}
.sp-view-title span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-list-options{margin-left:auto;color:var(--fg-3)}
.sp-view-count{color:var(--fg-3);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.sp-search-wrap{flex:none;width:auto;margin:10px 12px 4px}
.sp-list{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 16px}
.sp-row{position:relative;display:grid;gap:2px;width:100%;padding:10px 12px 10px 14px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.sp-row+.sp-row{margin-top:1px}
.sp-row:hover{background:var(--bg-hover)}
.sp-row.is-active{background:var(--bg-3)}
.sp-row:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}
.sp-row.is-unread::before{content:'';position:absolute;top:16px;left:5px;width:5px;height:5px;border-radius:50%;background:var(--fg)}
.sp-row-top{display:flex;align-items:center;gap:7px;min-width:0}
.sp-row-name{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.sp-row.is-unread .sp-row-name{font-weight:650}
.sp-row-flag{display:inline-grid;color:var(--fg-2)}
.sp-row-time{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.sp-row-subject{overflow:hidden;color:var(--fg-2);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.sp-row.is-unread .sp-row-subject{color:var(--fg)}
.sp-row-preview{overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.sp-row-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;color:var(--fg-3);font-size:11.5px}
.sp-row-note{color:var(--fg-2);font-weight:500}
.sp-empty{display:grid;justify-items:center;gap:6px;padding:48px 16px;color:var(--fg-3);font-size:12.5px;text-align:center}
.sp-empty strong{color:var(--fg);font-size:13.5px}


.sp-thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg);container-type:inline-size;container-name:sp-thread}

@container sp-thread (max-width:560px){.sp-assign span,.sp-resolve span{display:none}.sp-thread-actions .sp-assign{padding:0 5px}}
.sp-thread-head{display:flex;align-items:center;gap:10px;flex:none;min-height:var(--topbar);padding:6px 12px 6px 20px;border-bottom:1px solid var(--border)}
.sp-back{display:none}
.sp-thread-title{display:grid;flex:1;min-width:0}
.sp-thread-name{display:flex;align-items:center;gap:7px;min-width:0}
.sp-thread-name strong{overflow:hidden;font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.sp-thread-subject{overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.sp-thread-actions{display:flex;align-items:center;gap:4px;flex:none}
.sp-presence{display:inline-flex;align-items:center;gap:5px;min-width:0;margin-left:4px;overflow:hidden;color:var(--fg-3);font-size:11.5px;font-weight:450;white-space:nowrap;text-overflow:ellipsis}
.sp-presence[hidden]{display:none}
.sp-presence::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--done)}
.sp-presence.is-typing{color:var(--fg-2)}
.sp-assign{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 7px 0 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer}
.sp-assign:hover,.sp-assign[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.sp-assign .avatar{width:18px;height:18px;font-size:8px}
.sp-assign .sp-agent-mark{width:18px;height:18px;border-radius:5px}
.sp-assign>svg:last-child{color:var(--fg-3)}
.sp-resolve{gap:6px}
.sp-details-toggle{display:none}
.sp-messages{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding:20px 24px 16px}
.sp-start{align-self:center;color:var(--fg-3);font-size:11.5px}
.sp-event{display:flex;align-items:center;justify-content:center;gap:6px;align-self:center;max-width:520px;color:var(--fg-3);font-size:12px;line-height:1.45;text-align:center}
.sp-event svg{flex:none;opacity:.8}
.sp-event time{flex:none;margin-left:2px;font-size:11px}
.sp-msg{display:flex;gap:10px;max-width:min(620px,84%)}
.sp-msg.is-out{flex-direction:row-reverse;align-self:flex-end}
.sp-msg-avatar{flex:none;margin-top:1px}
.sp-msg .avatar.sp-msg-avatar{width:26px;height:26px;font-size:10px}
.sp-msg .sp-agent-mark.sp-msg-avatar{width:26px;height:26px;border-radius:8px}
.sp-msg-body{display:grid;gap:5px;min-width:0}
.is-out .sp-msg-body{justify-items:end}
.sp-msg-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--fg-3);font-size:12px}
.sp-msg-head strong{color:var(--fg);font-weight:550}
.sp-bubble{max-width:100%;padding:9px 13px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:13.5px;line-height:1.55;overflow-wrap:anywhere;text-align:left}
.is-out .sp-bubble{border-color:transparent;background:var(--bg-3)}
.sp-bubble.is-email{padding:0;overflow:hidden;border-radius:10px}
.is-out .sp-bubble.is-email{border-color:var(--border)}
.sp-email-meta{display:grid;gap:1px;padding:8px 13px;border-bottom:1px solid var(--border-subtle)}
.sp-email-meta strong{font-size:12.5px;font-weight:550}
.sp-email-meta span{color:var(--fg-3);font-size:11.5px}
.sp-bubble.is-email .sp-bubble-text{padding:10px 13px}
.sp-translate{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:0;border:0;background:none;color:var(--fg-3);font:inherit;font-size:11.5px;cursor:pointer}
.sp-translate:hover{color:var(--fg)}
.sp-bubble.is-email .sp-translate{margin:0 13px 10px}
.sp-source-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--fg-3);font-size:11.5px}
.sp-source-link{padding:0;border:0;background:none;color:var(--fg-2);font:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:pointer}
.sp-source-link:hover{color:var(--fg)}
.sp-source-link:disabled{color:var(--fg-3);text-decoration:none;cursor:default}
.sp-delivery{display:inline-flex;align-items:center;gap:3px;max-width:100%;overflow-wrap:anywhere;color:var(--fg-3);font-size:11px}
.sp-delivery>span{min-width:0}
.sp-delivery>svg{flex:none}
.sp-delivery.is-held{color:var(--progress)}
.sp-note{align-self:stretch;padding:9px 13px;border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--progress) 40%,var(--border));border-radius:8px;background:var(--bg-2)}
.sp-note-head{display:flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12px}
.sp-note-head strong{font-weight:600}
.sp-note-head time{margin-left:auto;color:var(--fg-3);font-size:11px}
.sp-note-body{margin-top:4px;color:var(--fg);font-size:13.5px;line-height:1.55}
.sp-thread-empty{display:grid;flex:1;place-content:center;justify-items:center;gap:8px;padding:24px;color:var(--fg-3);font-size:13px;text-align:center}
.sp-thread-empty strong{color:var(--fg);font-size:14px}
.sp-thread-empty span{max-width:320px;line-height:1.5}
.sp-thread-empty-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);color:var(--fg-3)}
.sp-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;font-size:12px}
.sp-keys kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:4px;background:var(--bg-2);color:var(--fg-2);font:inherit;font-size:10.5px}


.sp-composer{flex:none;margin:0 16px 14px;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);transition:border-color 120ms ease,box-shadow 120ms ease}
.sp-composer:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.sp-composer.is-note{background:var(--bg-2)}
.sp-compose-tabs{display:flex;align-items:center;gap:2px;padding:6px 10px 0 8px}
.sp-tab{display:inline-flex;align-items:center;flex:none;height:26px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);font:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer}
.sp-tab:hover{color:var(--fg)}
.sp-tab.is-active{background:var(--bg-3);color:var(--fg)}
.sp-compose-where{overflow:hidden;margin-left:auto;padding-left:8px;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.sp-draft-note{display:flex;align-items:center;gap:6px;margin:8px 12px 0;color:var(--fg-3);font-size:12px}
.sp-draft-note svg{flex:none}
.sp-draft-note span{flex:1;min-width:0}
.sp-draft-note button{flex:none;padding:0;border:0;background:none;color:var(--fg-2);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sp-email-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px 0;color:var(--fg-3);font-size:12px}
.sp-email-fields strong{color:var(--fg-2);font-weight:500}
.sp-email-sep{opacity:.6}
.sp-compose-text{display:block;width:100%;min-height:64px;max-height:260px;padding:10px 14px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;line-height:1.55;resize:none;outline:0}
.sp-compose-foot{display:flex;align-items:center;gap:8px;padding:4px 8px 8px 10px}
.sp-compose-tools{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.sp-tool{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--fg-3);cursor:pointer}
.sp-tool:hover,.sp-tool[aria-expanded="true"]{background:var(--bg-hover);color:var(--fg)}
.sp-compose-hint{flex:none;color:var(--fg-3);font-size:11px}
.sp-send{display:flex;flex:none}
.sp-send .button{gap:6px}
.sp-send-main{border-radius:6px 0 0 6px}
.sp-send-main:only-child{border-radius:6px}
.sp-send-more{width:26px;padding:0;justify-content:center;border-left:1px solid color-mix(in srgb,var(--accent-fg) 25%,transparent);border-radius:0 6px 6px 0}


.sp-details{min-width:0;min-height:0;overflow-y:auto;padding:16px 16px 32px;border-left:1px solid var(--border);background:var(--bg)}
.sp-details-close{display:none;float:right;margin:-4px -4px 0 0}
.sp-customer{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sp-customer>div{display:grid;gap:2px;min-width:0}
.sp-customer strong{font-size:14px;font-weight:600}
.sp-customer span{color:var(--fg-3);font-size:12px}
.sp-detail-rows{display:grid;gap:7px}
.sp-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:12.5px}
.sp-detail-row>span:first-child{flex:none;color:var(--fg-3)}
.sp-detail-row>strong{min-width:0;overflow:hidden;color:var(--fg-2);font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis}
.sp-detail-product{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--fg-2);font-weight:500}
.sp-detail{margin-top:22px}
.sp-detail h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.sp-detail h3 .sp-agent-mark{width:18px;height:18px;border-radius:5px}
.sp-agent-state{display:grid;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);font-size:12.5px}
.sp-agent-state p{margin:0;color:var(--fg-2);line-height:1.5}
.sp-agent-state strong{color:var(--fg);font-weight:550}
.sp-agent-state .sp-detail-actions{margin-top:0}
.sp-agent-text{margin:0 0 10px;color:var(--fg-2);font-size:12.5px;line-height:1.55}
.sp-agent-meta{margin:-4px 0 10px;color:var(--fg-3);font-size:12px}
.sp-agent-label{margin:14px 0 4px;color:var(--fg-3);font-size:11.5px}
.sp-agent-reply{margin:0 0 8px;padding:9px 11px;border-radius:8px;background:var(--bg-2);color:var(--fg);font-size:12.5px;line-height:1.5}
.sp-links{display:grid;gap:1px}
.sp-link-row{display:flex;align-items:center;gap:8px;width:calc(100% + 12px);min-height:30px;margin:0 -6px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.sp-link-row:hover{background:var(--bg-hover)}
.sp-link-row>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-link-row .status-icon{width:13px;height:13px;flex:none}
.sp-menu-id{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.sp-article{display:flex;align-items:center;gap:6px}
.sp-article .sp-link-row{flex:1;width:auto;min-width:0;margin-right:0}
.sp-mini{flex:none;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:11.5px;cursor:pointer}
.sp-mini:hover{border-color:var(--border-strong);color:var(--fg)}
.sp-detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sp-detail-actions .button{gap:5px}
.sp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.sp-tag{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 3px 0 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);color:var(--fg-2);font-size:11.5px}
.sp-tag button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:3px;background:none;color:var(--fg-3);cursor:pointer}
.sp-tag button:hover{background:var(--bg-active);color:var(--fg)}
.sp-tag-input{width:78px;height:22px;padding:0 7px;border:1px dashed var(--border-strong);border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:11.5px;outline:0}
.sp-tag-input:focus{border-style:solid;border-color:var(--border-focus)}


.sp-setup{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
.sp-setup-body{width:100%;max-width:880px;margin:0 auto;padding:44px var(--pad-x) 96px}


.sp-page-bar{flex:none;height:var(--topbar);box-sizing:border-box}
.sp-page-actions{display:flex;flex:none;align-items:center;gap:8px}
.sp-page-intro{margin-bottom:24px}
.sp-page-intro h1{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.sp-page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-page-aside{display:flex;flex:none;align-items:center;gap:8px}
.sp-select{min-width:0}
.sp-page-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:999px;color:var(--fg-3);font-size:12px;font-weight:500;letter-spacing:0}
.sp-page-badge i{width:6px;height:6px;border-radius:50%;background:var(--fg-3)}
.sp-page-badge.is-on{color:var(--fg-2)}
.sp-page-badge.is-on i{background:var(--done)}
.sp-empty-card{display:grid;gap:4px;padding:20px;border:1px dashed var(--border-strong);border-radius:10px;text-align:center}
.sp-empty-card strong{color:var(--fg);font-size:13.5px;font-weight:550}
.sp-empty-card p{margin:0;color:var(--fg-3);font-size:12.5px}
.modal.sp-reply-dialog{width:min(560px,calc(100vw - 32px))}
.sp-reply-dialog .sp-reply-form{gap:10px;padding:18px}
.sp-reply-dialog .kb-input{width:100%;max-width:none;box-sizing:border-box}
.sp-reply-dialog h2{margin:0 0 2px;color:var(--fg);font-size:15px;font-weight:600}
.sp-reply-hint{margin:0;color:var(--fg-3);font-size:12px}
.sp-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.sp-on-pill{display:inline-flex;align-items:center;gap:6px;flex:none;height:24px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--fg-2);font-size:12px;font-weight:500;white-space:nowrap}
.sp-on-pill i{width:6px;height:6px;border-radius:50%;background:var(--fg-2)}
.sp-on-pill.is-off i,.sp-on-pill.is-preview i{background:var(--fg-3)}
.sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-stat{display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.sp-stat span{color:var(--fg-2);font-size:12px;font-weight:500}
.sp-stat strong{color:var(--fg);font-size:22px;font-weight:550;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sp-stat small{color:var(--fg-3);font-size:11.5px}
.sp-setup-note{margin:10px 2px 0;color:var(--fg-3);font-size:12px;line-height:1.5}
.sp-model{display:grid;gap:4px;width:min(320px,100%)}
.sp-model-hint{color:var(--fg-3);font-size:11.5px}
.sp-budget-wrap{display:inline-flex;align-items:center;gap:6px;color:var(--fg-3);font-size:13px}
.sp-budget{width:96px}

.sp-slash{display:grid;max-height:236px;overflow-y:auto;padding:4px;border-bottom:1px solid var(--border);background:var(--bg-2)}
.sp-slash[hidden]{display:none}
.sp-slash-item{display:grid;gap:1px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.sp-slash-item strong{font-size:12.5px;font-weight:550}
.sp-slash-item span{overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.sp-slash-item.is-active,.sp-slash-item:hover{background:var(--bg-hover)}
.sp-slash-empty{margin:0;padding:8px;color:var(--fg-3);font-size:12px}
.sp-save-reply{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-2)}
.sp-save-reply .kb-input{flex:1;min-width:0;height:28px}
.sp-save-reply-label{color:var(--fg-3);font-size:12px;white-space:nowrap}
.sp-reply-form{display:grid;gap:8px}
.sp-reply-form .sp-detail-actions{justify-content:flex-start}
.sp-reply-form>.button{justify-self:start}
.sp-reply-text{min-height:84px;resize:vertical;line-height:1.5}
.sp-reply-list{display:grid;gap:8px}
.sp-reply-card{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.sp-reply-head{display:flex;align-items:center;gap:8px}
.sp-reply-head strong{font-size:13.5px;font-weight:550}
.sp-reply-tag{padding:0 6px;border:1px solid var(--border);border-radius:4px;color:var(--fg-3);font-size:10.5px}
.sp-reply-body{margin:0;color:var(--fg-2);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.sp-reply-foot{display:flex;align-items:center;gap:8px;color:var(--fg-3);font-size:12px}
.sp-reply-foot>span{flex:1}
.sp-try-ticket{margin:0;color:var(--fg-3);font-size:12px}
.sp-row-type{flex:none;max-width:110px;overflow:hidden;color:var(--fg-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.sp-detail-type{display:inline-flex;align-items:center;gap:6px}
.sp-detail-type-name{padding:0 6px;border:1px solid var(--border);border-radius:4px;color:var(--fg-2);font-size:11px;font-weight:500;text-transform:none;letter-spacing:0}
.sp-detail-missing{color:var(--blocked)}
.sp-details-field{display:grid;gap:4px;color:var(--fg-2);font-size:12.5px}
.sp-details-field select.kb-input{height:34px}
.sp-type-card.is-off{background:var(--bg)}
.sp-type-card.is-off .sp-reply-head strong{color:var(--fg-3)}
.sp-type-card .sp-reply-head .switch{margin-left:auto}
.sp-type-count{color:var(--fg-3);font-size:12px}
.sp-type-fields{display:grid;gap:4px}
.sp-type-field{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:12.5px}
.sp-type-field>span:first-child{color:var(--fg)}
.sp-type-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.sp-type-rows{display:grid;gap:8px}
.sp-type-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px}
.sp-type-row .sp-type-options{grid-column:1/-1}
.sp-type-required{display:flex;align-items:center;gap:5px;color:var(--fg-2);font-size:12.5px;white-space:nowrap;cursor:pointer}
.sp-type-dialog .sp-reply-form>.button{align-self:flex-start;justify-self:start}
.sp-type-row .sp-select{width:150px;justify-content:space-between}
@media (max-width:560px){.sp-type-row{grid-template-columns:minmax(0,1fr) auto}.sp-type-row>input:first-child{grid-column:1/-1}}

.sp-chart-card{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.sp-chart{display:flex;align-items:flex-end;gap:2px;height:120px}
.sp-bar{position:relative;flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--border-strong);overflow:hidden}
.sp-bar>i{position:absolute;right:0;bottom:0;left:0;background:var(--fg-3)}
.sp-chart-axis{display:flex;justify-content:space-between;color:var(--fg-3);font-size:11.5px}
.sp-chart-key{display:flex;gap:14px;color:var(--fg-3);font-size:11.5px}
.sp-chart-key span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;vertical-align:-1px}
.sp-key-all::before{background:var(--border-strong)}
.sp-key-handed::before{background:var(--fg-3)}
.sp-insight-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.sp-insight-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sp-fact{display:grid;gap:2px}
.sp-fact span{color:var(--fg-3);font-size:12px}
.sp-fact strong{color:var(--fg);font-size:14px;font-weight:550}
.sp-reasons{display:grid;gap:6px}
.sp-reason{display:grid;grid-template-columns:minmax(120px,220px) 1fr 32px;align-items:center;gap:10px;font-size:12.5px}
.sp-reason-label{color:var(--fg-2)}
.sp-reason strong{color:var(--fg);font-weight:550;text-align:right;font-variant-numeric:tabular-nums}
.sp-reason-bar{height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}
.sp-reason-bar>i{display:block;height:100%;border-radius:3px;background:var(--fg-3)}
.sp-question{display:flex;align-items:flex-start;gap:12px;padding-top:10px;border-top:1px solid var(--border)}
.sp-question:first-child{padding-top:0;border-top:0}
.sp-question>div:first-child{display:grid;flex:1;gap:2px;min-width:0}
.sp-question-text{margin:0;color:var(--fg);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.sp-question small{color:var(--fg-3);font-size:11.5px}
.sp-vote{display:inline-flex;align-items:center;gap:5px;color:var(--fg-3);font-size:11.5px}
.sp-vote.is-down svg{transform:rotate(180deg)}
.sp-channel-agent{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg-2);color:var(--fg-2);font-size:12.5px}
.sp-channel-agent .sp-mini{margin-left:auto}
.sp-channel-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;min-width:0;font-size:12.5px}
.sp-channel-row>span:first-child{flex:none;color:var(--fg-3)}
.sp-channel-row strong{min-width:0;overflow:hidden;color:var(--fg-2);font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.sp-channel-row .kb-input{width:min(240px,100%)}
.sp-product-toggles{display:grid;gap:2px}
.sp-widget-preview{position:relative;height:250px;overflow:hidden;border:1px dashed var(--border-strong);border-radius:10px;background:var(--bg-2)}
.sp-widget-teal{--w:#0f8b93}.sp-widget-blue{--w:#2d6fc7}.sp-widget-dark{--w:#1d2026}
.sp-widget-panel{position:absolute;right:14px;bottom:70px;width:230px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 14px 32px -14px rgba(22,23,24,.4)}

.sp-widget-head{display:grid;gap:2px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--fg)}
.sp-widget-head strong{font-size:12.5px}
.sp-widget-head span{color:var(--fg-3);font-size:11px}
.sp-widget-body{min-height:56px;padding:10px 12px}
.sp-widget-msg{display:inline-block;max-width:100%;padding:7px 10px;border-radius:10px;background:var(--bg-2);color:var(--fg);font-size:12px;line-height:1.45}
.sp-widget-input{margin:0 10px 10px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;color:var(--fg-3);font-size:11.5px}
.sp-widget-bubble{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--w);color:#fff;box-shadow:0 8px 20px -8px rgba(22,23,24,.5)}
.sp-snippet{margin:0;padding:10px 12px;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg-2);font-family:var(--mono);font-size:11.5px;white-space:pre}


@media (max-width:1279px){
  body.sp-thread-open .sp-inbox{grid-template-columns:300px minmax(0,1fr)}
  .sp-details{position:absolute;top:0;right:0;bottom:0;z-index:12;width:min(340px,100%);box-shadow:-18px 0 40px -24px rgba(22,23,24,.45);transform:translateX(102%);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
  body.sp-details-open .sp-details{transform:none}
  .sp-details-toggle,.sp-details-close{display:inline-grid}
}
@media (max-width:1023px){
  body.page-chat .main-col{overflow:visible}
  .chat-page{height:100vh;height:100dvh}
  .sp-inbox,body.sp-thread-open .sp-inbox,body:not(.sp-thread-open) .sp-inbox{grid-template-columns:minmax(0,1fr)}
  body.sp-thread-open .sp-list-col,body:not(.sp-thread-open) .sp-thread{display:none}
  .sp-list-col{border-right:0}
  .sp-back{display:inline-grid}
  .sp-thread-head{padding-left:8px}
  .sp-details{position:fixed;z-index:70}
  .sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-channel-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .sp-page-bar .doc-crumb{display:none}
  .sp-page-bar .peek-crumbs{flex:1;min-width:0}
  .sp-msg{max-width:94%}
  .sp-messages{padding:14px 12px}
  .sp-composer{margin:0 8px 8px}
  .sp-compose-hint,.sp-compose-where,.sp-assign span,.sp-resolve span{display:none}
  .sp-thread-actions .sp-assign{padding:0 5px}
  .sp-setup-body{padding:24px 16px 64px}
  .sp-channel-row{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.sp-details{transition:none}}


.sp-agent-mark{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft);color:var(--accent)}
.sp-row.is-unread::before{background:var(--accent)}
.sp-row-flag,.sp-flag{color:var(--blocked)}
.sp-row-note{display:inline-flex;align-items:center;gap:6px}
.sp-row-note::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.sp-row-note.is-person{color:var(--progress)}
.sp-row-note.is-draft{color:var(--accent)}
.sp-row-note.is-resolved{color:var(--done)}
.sp-row-note.is-waiting,.sp-row-note.is-snoozed{color:var(--fg-3)}
.sp-resolve svg{color:var(--done)}
.sp-delivery.is-read{color:#34a0dc}
.sp-source-line svg,.sp-draft-note svg{flex:none;color:var(--accent)}
.sp-agent-state.is-handoff{border-color:color-mix(in srgb,var(--progress) 35%,var(--border));background:var(--progress-soft)}
.sp-agent-state.is-agent{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft)}
.sp-mood{font-weight:550}
.sp-mood-frustrated{color:var(--blocked)}.sp-mood-happy{color:var(--done)}.sp-mood-neutral{color:var(--fg-2)}
.sp-on-pill i{background:var(--done)}
.sp-on-pill.is-off i{background:var(--fg-3)}
.sp-on-pill.is-preview i{background:var(--progress)}



.sidebar-nav[data-panel="chat"]:not([hidden]){display:flex;flex-direction:column}
.sidebar-nav[data-panel="chat"] .sp-nav-manage{margin-top:auto;padding-top:12px}
.sp-nav-manage #sp-nav-you{margin-top:4px;padding-top:4px;border-top:1px solid var(--border-subtle,var(--border))}


.sp-channel-item-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:18px 16px 18px 60px;border-top:1px solid var(--border)}
.sp-channel-form{display:grid;align-content:start;gap:18px}
.sp-field{display:grid;gap:8px}
.sp-field-text{display:grid;gap:2px}
.sp-field-text strong{color:var(--fg);font-size:13px;font-weight:500}
.sp-field-text span{color:var(--fg-3);font-size:12px}
.sp-channel-form .kb-input{width:100%;max-width:none;box-sizing:border-box}
@media (max-width:900px){.sp-channel-item-body{grid-template-columns:minmax(0,1fr);padding-left:16px}}


.sp-away-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 10px}
.sp-away-preview{padding:0 16px 16px;border-bottom:1px solid var(--border)}
.sp-away-bubble{display:grid;gap:10px;max-width:420px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.sp-away-bubble p{margin:0;color:var(--fg-2);font-size:13px;line-height:1.5}
.sp-away-fields{display:flex;flex-wrap:wrap;gap:6px}
.sp-away-field{flex:1;min-width:120px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:7px;color:var(--fg-3);font-size:12px}
.sp-away-save{padding:6px 11px;border-radius:7px;background:var(--bg-3);color:var(--fg-2);font-size:12px;font-weight:550}
.sp-away-under{display:flex;align-items:center;justify-content:space-between}
.sp-count{color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.sp-card-foot{margin:8px 2px 0;color:var(--fg-3);font-size:12px}


.sp-combo{display:flex;align-items:center;gap:10px;width:280px;max-width:100%;min-height:40px;padding:6px 10px 6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(20,22,30,.04)}
.sp-combo:hover,.sp-combo[aria-expanded="true"]{border-color:var(--border-strong);background:var(--bg-hover)}
.sp-combo:focus-visible{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.sp-combo:disabled{opacity:.6;cursor:default}
.sp-combo-text{display:grid;flex:1;gap:1px;min-width:0}
.sp-combo-text strong{overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.sp-combo-text small{color:var(--fg-3);font-size:11.5px}
.sp-combo-caret{flex:none;color:var(--fg-3)}
.sp-combo-pop{position:fixed;z-index:80;display:flex;flex-direction:column;max-height:min(420px,70vh);overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--popover,var(--bg));box-shadow:var(--shadow)}
.sp-combo-find{display:flex;align-items:center;gap:8px;flex:none;padding:0 12px;border-bottom:1px solid var(--border);color:var(--fg-3)}
.sp-combo-search{flex:1;height:40px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13px;outline:0}
.sp-combo-list{overflow-y:auto;padding:4px}
.sp-combo-group{margin:8px 8px 4px;color:var(--fg-3);font-size:11.5px;font-weight:500}
.sp-combo-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.sp-combo-item.is-active{background:var(--menu-hover,var(--bg-hover))}
.sp-combo-item-text{display:grid;flex:1;gap:1px;min-width:0}
.sp-combo-item-text strong{font-size:13px;font-weight:500}
.sp-combo-item-text small{overflow:hidden;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.sp-combo-item svg{flex:none;color:var(--fg-2)}
.sp-combo-empty{margin:0;padding:14px 10px;color:var(--fg-3);font-size:12.5px}


.sp-wa-number{color:var(--fg);font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}
.sp-wa-test,.modal form.sp-wa-test{display:flex;flex-direction:row;align-items:center;gap:8px}
.sp-wa-test .kb-input{flex:1;min-width:0}
.sp-wa-body{grid-template-columns:minmax(0,1fr)}
.sp-wa-steps{display:grid;gap:4px;margin:0;padding-left:18px;color:var(--fg-2);font-size:13px;line-height:1.5}
.sp-wa-qr{display:grid;place-items:center;align-self:center;width:240px;height:240px;margin:4px auto;border:1px solid var(--border);border-radius:12px;background:#fff}
.sp-wa-qr img{width:220px;height:220px;image-rendering:pixelated}
.sp-wa-code{min-height:40px;color:var(--fg);font:600 26px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-align:center}
.sp-wa-dialog .sp-mini{justify-self:center}
.sp-wa-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 12px 0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg-2);font-size:12.5px}
.sp-wa-banner>span{display:inline-flex;align-items:center;gap:6px}


.sp-agent-badge{display:inline-grid;place-items:center;flex:none;border-radius:6px;font-weight:600;color:#fff;background:var(--agent,var(--accent))}
.sp-agent-badge.is-sm{width:18px;height:18px;font-size:10.5px;border-radius:5px}
.sp-agent-badge.is-md{width:32px;height:32px;font-size:14px;border-radius:8px}
.sp-agent-teal{--agent:#0f8b93}.sp-agent-blue{--agent:#3b6fd8}.sp-agent-violet{--agent:#7a5bd6}.sp-agent-amber{--agent:#b7791f}.sp-agent-rose{--agent:#c4506a}.sp-agent-slate{--agent:#5b6474}
.sp-about{width:100%;min-height:52px;resize:vertical}
@media (max-width:560px){
}


.sp-email-address{display:flex;align-items:center;gap:8px;min-width:0}
.sp-email-address strong{font-weight:550;overflow-wrap:anywhere}
.sp-email-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:8px;background:var(--accent-soft);color:var(--fg)}
.sp-email-code strong{font-variant-numeric:tabular-nums;letter-spacing:.04em}


.sp-code{position:relative;border:1px solid var(--border);border-radius:8px;background:var(--bg-2)}
.sp-code pre{margin:0;padding:10px 64px 10px 12px;overflow-x:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--fg);white-space:pre}
.sp-code-copy{position:absolute;top:6px;right:6px}


.sp-page-tab{display:inline-flex;align-items:center;gap:6px}
.sp-page-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--done)}
.sp-load-failed{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px}


.sp-chan-list{display:grid;gap:8px}
.sp-chan-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:inherit;font:inherit;text-align:left;cursor:pointer}
.sp-chan-row:hover{border-color:var(--border-strong);background:var(--bg-hover)}
.sp-chan-row:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.sp-chan-row.is-off .sp-chan-icon{opacity:.5}
.sp-chan-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-2)}
.sp-chan-text{display:grid;gap:2px;flex:1;min-width:0}
.sp-chan-text strong{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-chan-text small{color:var(--fg-3);font-size:12.5px}
.sp-chan-who{display:flex;align-items:center;gap:6px;flex:none;color:var(--fg-2);font-size:12.5px}
.sp-chan-mode{margin-left:6px;color:var(--fg-3)}
.sp-chan-empty{display:grid;gap:4px;padding:28px 16px;border:1px dashed var(--border);border-radius:10px;text-align:center}
@media (max-width:640px){.sp-chan-row{flex-wrap:wrap}.sp-chan-who{order:3;width:100%;padding-left:42px}.sp-chan-mode{margin-left:auto}}
.sp-stack-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.sp-stack-body{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.sp-steps{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--fg-2);font-size:13px}
.sp-secret-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sp-more{margin-top:8px}
.sp-more>summary{width:max-content;max-width:100%;padding:6px 0;color:var(--fg-2);font-size:13px;font-weight:500;cursor:pointer}
.sp-more>summary:hover{color:var(--fg)}
.sp-more[open]>summary{margin-bottom:10px}
.sp-kind-picks{display:grid;gap:8px}
.sp-kind-pick{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer}
.sp-kind-pick:hover:not(:disabled){border-color:var(--border-strong)}
.sp-kind-pick.is-on{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}
.sp-kind-pick:disabled{opacity:.55;cursor:not-allowed}
.sp-dialog-field{display:grid;gap:6px}
.sp-dialog-field>span{color:var(--fg-2);font-size:12.5px;font-weight:500}
.sp-dialog-field .kb-input{width:100%;max-width:none;box-sizing:border-box}
.settings-row a.button{text-decoration:none}
.sp-stack-body>.sp-select{justify-self:start}


.sp-agent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.sp-agent-card{display:grid;align-content:start;gap:10px;width:100%;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color 120ms ease,background 120ms ease}
.sp-agent-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}
.sp-agent-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.sp-agent-card.is-off .sp-agent-badge{opacity:.45}
.sp-agent-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-agent-card-text{display:grid;gap:2px;min-width:0}
.sp-agent-card-text strong{font-size:14px;font-weight:550}
.sp-agent-card-text small{color:var(--fg-3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-agent-card-where{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--border)}
.sp-agent-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-2);font-size:11.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-agent-card-none{color:var(--warn,var(--fg-3));font-size:12px}
.sp-agent-on{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-size:12.5px;font-weight:500;cursor:pointer}
.sp-agent-where{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.sp-agent-where:hover{background:var(--bg-hover)}
.sp-agent-where>svg{flex:none;color:var(--fg-3)}
.sp-agent-where-foot{padding:10px 14px}
.sp-agent-empty{display:grid;justify-items:start;gap:6px;padding:18px;border:1px dashed var(--border-strong);border-radius:12px}
.sp-agent-empty p{margin:0 0 6px}
.sp-group-about{margin:-4px 0 10px;color:var(--fg-3);font-size:12.5px;line-height:1.5}


.sp-agent-badge.is-lg{width:44px;height:44px;font-size:19px;border-radius:12px}
.sp-try{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(620px,calc(100vh - 260px));min-height:420px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg-2)}
.sp-try-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg)}
.sp-try-who{display:flex;align-items:center;gap:10px;min-width:0}
.sp-try-who-text{display:grid;gap:1px;min-width:0}
.sp-try-who-text strong{font-size:13.5px;font-weight:550}
.sp-try-who-text small{color:var(--fg-3);font-size:12px}
.sp-try-clear{flex:none;gap:6px}
.sp-try-clear[hidden]{display:none}
.sp-try-log{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 16px;scroll-behavior:smooth}
.sp-try-empty{display:grid;justify-items:center;gap:6px;margin:auto;max-width:440px;padding:12px;text-align:center}
.sp-try-empty strong{margin-top:8px;font-size:15px;font-weight:550}
.sp-try-empty p{margin:0 0 10px;color:var(--fg-3);font-size:13px;line-height:1.5}
.sp-try-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.sp-try-chip{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer;transition:border-color 120ms ease,color 120ms ease,background 120ms ease}
.sp-try-chip:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--fg)}
.sp-try-chip:active{transform:scale(.98)}
.sp-try-row{display:flex;align-items:flex-end;gap:8px;max-width:min(560px,88%)}
.sp-try-row.is-you{align-self:flex-end}
.sp-try-row.is-agent{align-self:flex-start;align-items:flex-start}
.sp-try-row.is-agent>.sp-agent-badge{margin-top:2px}
.sp-try-col{display:grid;gap:6px;min-width:0}
.sp-try-bubble{padding:9px 13px;border-radius:16px;background:var(--bg);border:1px solid var(--border);color:var(--fg);font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.sp-try-row.is-you .sp-try-bubble{border-color:transparent;border-bottom-right-radius:6px;background:var(--accent);color:var(--accent-fg,#fff)}
.sp-try-row.is-agent .sp-try-bubble{border-top-left-radius:6px}
.sp-try-bubble p{margin:0}.sp-try-bubble p+p{margin-top:8px}
.sp-try-bubble.is-typing{display:inline-flex;gap:4px;width:max-content;padding:12px 14px}
.sp-try-bubble.is-typing i{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:sp-try-dot 1.2s ease-in-out infinite}
.sp-try-bubble.is-typing i:nth-child(2){animation-delay:.15s}.sp-try-bubble.is-typing i:nth-child(3){animation-delay:.3s}
@keyframes sp-try-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.sp-try-bubble.is-typing i{animation:none;opacity:.6}.sp-try-log{scroll-behavior:auto}}
.sp-try-handoff{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--progress,#d97706) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--progress,#d97706) 8%,var(--bg));color:var(--fg)}
.sp-try-handoff>svg{flex:none;margin-top:1px;color:var(--progress,#d97706)}
.sp-try-handoff div{display:grid;gap:2px;font-size:13px}
.sp-try-handoff strong{font-weight:550}
.sp-try-handoff span{color:var(--fg-2);font-size:12.5px}
.sp-try-meta{color:var(--fg-3);font-size:11.5px}
.sp-try-meta summary{width:max-content;cursor:pointer;list-style:none}
.sp-try-meta summary::-webkit-details-marker{display:none}
.sp-try-meta summary::before{content:'›';display:inline-block;margin-right:5px;transition:transform 120ms ease}
.sp-try-meta[open] summary::before{transform:rotate(90deg)}
.sp-try-meta ol{margin:6px 0 0;padding-left:18px;display:grid;gap:2px}
.sp-try-form{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:5px 5px 5px 14px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg);transition:border-color 120ms ease,box-shadow 120ms ease}
.sp-try-form:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 20%,transparent)}
.sp-try-input{flex:1;min-width:0;height:30px;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;outline:0}
.sp-try-input::placeholder{color:var(--fg-3)}
.sp-try-send{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg,#fff);cursor:pointer;transition:opacity 120ms ease,transform 120ms ease}
.sp-try-send:disabled{opacity:.35;cursor:default}
.sp-try-send:not(:disabled):active{transform:scale(.94)}
@media (max-width:560px){.sp-try{height:calc(100vh - 220px);border-radius:12px}.sp-try-row{max-width:94%}.sp-try-head{padding:10px 12px}}

.sp-earlier{justify-self:center;margin:4px auto 12px}

.sp-more-rows{display:block;margin:10px auto 14px}


.sp-card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 4px;color:var(--fg-3);font-size:11.5px;font-weight:550;letter-spacing:.02em;text-transform:uppercase}
.sp-card-label-count{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--bg-3);color:var(--fg-3);font-size:11px;font-weight:600;letter-spacing:0}
.sp-site-head{padding:12px 16px 6px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--fg)}
.sp-site-head>span:first-child{display:inline-flex;align-items:center;gap:8px}
.sp-site-head+.settings-row{border-top:0}
.sp-site-logo{font-size:15px}
.sp-card-note{margin:0;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--fg-2);font-size:13px}
.sp-agent-where-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px}
.switch.is-some .switch-thumb{opacity:.55}


.sp-notice{display:flex;align-items:flex-start;gap:10px;margin:-8px 0 20px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--progress) 40%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--progress) 8%,var(--bg))}
.sp-notice>svg{flex:none;margin-top:1px;color:var(--progress)}
.sp-notice div{display:grid;gap:2px;font-size:13px}
.sp-notice strong{font-weight:550}
.sp-notice span{color:var(--fg-2)}
.sp-linked-done{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 16px 8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--done) 35%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--done) 7%,var(--bg))}
.sp-linked-done>svg{flex:none}
.sp-linked-words{flex:1 1 220px;min-width:0;display:grid;gap:1px;font-size:13px}
.sp-linked-words strong{font-weight:550}
.sp-linked-words span{color:var(--fg-2);overflow-wrap:anywhere}
.sp-linked-actions{display:flex;flex-wrap:wrap;gap:6px}
.sp-agent-card{grid-template-rows:auto auto 1fr auto}
.sp-agent-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border);color:var(--fg-3);font-size:12px}
.sp-agent-card-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-agent-card-open{flex:none;color:var(--fg-2);font-weight:500;transition:color 120ms ease}
.sp-agent-card:hover .sp-agent-card-open{color:var(--fg)}
.sp-agent-card-add{justify-items:start;border-style:dashed;background:transparent}
.sp-agent-card-add:hover{background:var(--bg-hover)}
.sp-agent-card-add strong{font-size:14px;font-weight:550}
.sp-agent-card-add small{color:var(--fg-3);font-size:12.5px;line-height:1.45;white-space:normal}
.sp-agent-card-plus{display:grid;place-items:center;width:32px;height:32px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--fg-2)}
.sp-agent-card.is-off .sp-agent-card-text strong{color:var(--fg-2)}
.sp-stats{gap:8px}
.sp-stat{padding:12px 14px}
.sp-stat strong{font-size:20px}
@media (max-width:560px){.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp-shared{display:grid;gap:12px}.sp-shared>.settings-group-title{margin-bottom:0}


.nav-split{height:1px;margin:6px 8px;background:var(--border-subtle,var(--border))}
.nav-section.is-filtering .nav-section-title{color:var(--fg)}


.sp-ticket-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-2);font-size:12.5px;white-space:nowrap}
.sp-ticket-chip strong{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
.sp-ticket-chip.is-waiting{border-color:color-mix(in srgb,var(--progress) 35%,var(--border))}
.sp-ticket-chip.is-resolved{color:var(--fg-3)}
.sp-make-ticket{gap:6px}
@container sp-thread (max-width:560px){.sp-make-ticket span,.sp-ticket-chip span{display:none}}

.sp-row-ticket{flex:none;padding:0 6px;border:1px solid var(--border);border-radius:999px;color:var(--fg-2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:17px}
.sp-row-ticket.is-waiting{border-color:color-mix(in srgb,var(--progress) 35%,var(--border))}
.sp-row-ticket.is-resolved{color:var(--fg-3)}
.sp-row-ticket.is-overdue,.sp-ticket-chip.is-overdue{border-color:color-mix(in srgb,var(--blocked) 45%,var(--border));color:var(--blocked)}
.sp-ticket-chip.is-overdue strong{color:var(--blocked)}
.sp-detail-overdue{color:var(--blocked)}
.sp-new-option{display:grid;gap:1px;text-align:left}
.sp-new-option .sp-muted{font-size:11.5px}
.menu-item:has(.sp-new-option){height:auto;min-height:44px;padding-top:6px;padding-bottom:6px;align-items:flex-start}
.menu-item:has(.sp-new-option) svg{margin-top:2px}

.tasks-week[hidden]{display:none}
.tasks-week .week-head{margin-top:2px}


.team-room-head{gap:6px;padding-right:10px}
.team-room-name{display:inline-flex;align-items:center;gap:7px;flex:none;min-width:0;max-width:45%;height:30px;padding:0 8px 0 6px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;cursor:pointer;transition:background 100ms ease}
.team-room-name:hover,.team-room-name[aria-expanded="true"]{background:var(--bg-hover)}
.team-room-name strong{min-width:0;overflow:hidden;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}
.team-room-name>svg:last-child{flex:none;color:var(--fg-3)}
.team-room-name .team-hash{width:auto;font-size:15px}
.team-room-name .team-presence{box-shadow:0 0 0 2px var(--bg)}
.team-room-muted{display:inline-grid;color:var(--fg-3)}
.team-room-meta{flex:1;min-width:0;overflow:hidden;padding-left:12px;border-left:1px solid var(--border);color:var(--fg-3);font-size:12.5px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.team-room-spacer{flex:1}
.team-stack{display:inline-flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 8px 0 6px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:12px;cursor:pointer;transition:background 100ms ease,color 100ms ease}
.team-stack:hover,.team-stack[aria-expanded="true"]{background:var(--bg-hover);color:var(--fg)}
.team-stack-faces{display:inline-flex}
.team-stack-faces .team-avatar+.team-avatar{margin-left:-6px}
.team-stack-faces .avatar{box-shadow:0 0 0 2px var(--bg)}
.team-stack-faces .team-presence{display:none}
.team-stack-count{font-variant-numeric:tabular-nums}
@media (max-width:767px){.team-compose-hint{display:none}.team-room-meta{display:none}.team-room-name{max-width:none;flex:1}.team-room-head .team-stack-faces{display:none}}


.blk-toggle{gap:2px}
.blk-toggle-caret{display:grid;place-items:center;flex:none;width:22px;height:23px;margin-top:1px;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-2);cursor:pointer}
.blk-toggle-caret:hover{background:var(--bg-hover);color:var(--fg)}
.blk-toggle-caret svg{transition:transform 140ms ease}
.blk-toggle-caret.is-open svg{transform:rotate(90deg)}
.blk-toggle-caret:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.blk-toggle-col{flex:1;min-width:0}
.blk-toggle-body{min-height:23px;margin:2px 0 4px;padding:2px 2px 2px 12px;border-left:1px solid var(--border);outline:0;color:var(--fg);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:var(--accent)}
.blk-toggle-body:empty::before{content:attr(data-placeholder);color:var(--fg-3);opacity:.8;pointer-events:none}
.blk-toggle-body[hidden]{display:none}
.blk-toggle-body strong{font-weight:600}
.blk-toggle-body code{padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg-3);font-family:var(--mono);font-size:.84em}

.blk-image,.blk-file,.blk-table{margin:6px 0}
.blk-upload{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-l);background:var(--bg-2);color:var(--fg-2);font:inherit;text-align:left;cursor:pointer;transition:border-color 120ms ease,background 120ms ease}
.blk-upload:hover,.blk-upload:focus-visible,.blk.is-drop-target .blk-upload{border-color:var(--accent);background:var(--accent-soft);outline:0}
.blk-upload-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg-2)}
.blk-upload-text{display:grid;gap:1px;min-width:0}
.blk-upload-text strong{color:var(--fg);font-size:13.5px;font-weight:550}
.blk-upload-text span{color:var(--fg-3);font-size:12px}

.blk-figure{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center}
.blk-figure.is-left{align-items:flex-start}
.blk-frame{position:relative;max-width:100%;min-width:80px;border-radius:var(--radius-l);outline:0;line-height:0}
.blk-frame img{display:block;width:100%;height:auto;border-radius:var(--radius-l);background:var(--bg-2)}
.blk-frame:focus-visible,.blk-frame:focus{box-shadow:0 0 0 2px var(--border-focus)}
.blk-missing{display:none}
.blk-frame.is-missing img{display:none}
.blk-frame.is-missing .blk-missing{display:flex;align-items:center;gap:8px;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius-l);color:var(--fg-3);font-size:12.5px;line-height:1.4}
.blk-grip{position:absolute;top:50%;width:6px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:rgba(22,23,24,.55);cursor:ew-resize;opacity:0;transition:opacity 120ms ease;touch-action:none}
.blk-grip.is-left{left:8px}.blk-grip.is-right{right:8px}
.blk-figure.is-left .blk-grip.is-left{display:none}
.blk-frame:hover .blk-grip,.blk.is-focused .blk-grip,body.is-resizing-image .blk-grip{opacity:1}
body.is-resizing-image,body.is-resizing-image *{cursor:ew-resize!important;user-select:none}
.blk-media-bar{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);box-shadow:0 4px 14px -6px rgba(22,23,24,.3);line-height:1;opacity:0;pointer-events:none;transition:opacity 120ms ease}
.blk-frame:hover .blk-media-bar,.blk.is-focused .blk-media-bar{opacity:1;pointer-events:auto}
.blk-media-tool{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-2);font:inherit;font-size:11.5px;font-weight:550;cursor:pointer}
.blk-media-tool:hover{background:var(--bg-hover);color:var(--fg)}
.blk-media-tool.is-on{background:var(--bg-active);color:var(--fg)}
.blk-media-sep{width:1px;height:14px;margin:0 3px;background:var(--border)}
.blk-caption{width:100%;margin-top:6px;padding:1px 2px;outline:0;color:var(--fg-2);font-size:13px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.blk-figure.is-left .blk-caption{text-align:left}
.blk-caption:empty{display:none}
.blk-caption:empty::before{content:attr(data-placeholder);color:var(--fg-3);opacity:.8}
.blk.is-focused .blk-caption:empty,.blk-image:hover .blk-caption:empty{display:block}

.blk-attach{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);outline:0;transition:border-color 120ms ease,background 120ms ease}
.blk-attach:hover{border-color:var(--border-strong);background:var(--bg-2)}
.blk-attach:focus-visible,.blk-attach:focus{box-shadow:0 0 0 2px var(--border-focus)}
.blk-file-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-2)}
.blk-file-text{display:grid;flex:1;min-width:0;gap:1px}
.blk-file-text strong{overflow:hidden;color:var(--fg);font-size:13.5px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.blk-file-text span{color:var(--fg-3);font-size:12px}
.blk-file-download{flex:none}

.blk-table-box{position:relative;flex:1;min-width:0;padding:0 22px 22px 0}
.blk-table-wrap{overflow-x:auto;scrollbar-width:thin}
.blk-grid{border-collapse:collapse;min-width:100%;font-size:13px;line-height:1.5}
.blk-grid td,.blk-grid th{min-width:120px;padding:0;border:1px solid var(--border-strong);vertical-align:top;text-align:left;font-weight:400}
.blk-grid.has-head tr:first-child>th{background:var(--bg-2);font-weight:600}
.blk-cell{min-height:32px;padding:6px 9px;outline:0;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;caret-color:var(--accent)}
.blk-cell:focus{box-shadow:inset 0 0 0 2px var(--border-focus)}
.blk-cell strong{font-weight:600}
.blk-table-add{position:absolute;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-s);background:var(--bg-2);color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity 120ms ease}
.blk-table-add:hover{background:var(--bg-hover);color:var(--fg)}
.blk-table-add.is-row{left:0;right:22px;bottom:2px;height:16px}
.blk-table-add.is-col{top:0;right:2px;bottom:22px;width:16px}
.blk-grid:hover~.blk-table-add,.blk-table-box:hover .blk-table-add,.blk.is-focused .blk-table-add{opacity:1}


.blk.is-dragging{opacity:.35}
.blk.drop-above{box-shadow:0 -2px 0 0 var(--accent)}
.blk.drop-below{box-shadow:0 2px 0 0 var(--accent)}
.blk-handle:active{cursor:grabbing}


.doc-history:disabled{opacity:.3}


.doc-lightbox{position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:auto 1fr;place-items:center;padding:0 24px 24px;background:rgba(12,13,16,.86);outline:0;animation:menu-in 140ms ease}
.doc-lightbox img{max-width:100%;max-height:calc(100vh - 88px);border-radius:var(--radius-l);box-shadow:0 20px 60px -20px rgba(0,0,0,.6);cursor:zoom-out}
.doc-lightbox-bar{display:flex;align-items:center;gap:4px;justify-self:stretch;height:56px;color:#eeeff2}
.doc-lightbox-name{flex:1;min-width:0;overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.doc-lightbox .icon-button{color:#eeeff2}
.doc-lightbox .icon-button:hover{background:rgba(255,255,255,.12)}


.doc-templates{margin:-40px 0 24px}
.doc-templates[hidden]{display:none}
.doc-templates-title{margin:0 0 8px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.doc-templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.doc-template{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:border-color 120ms ease,background 120ms ease}
.doc-template:hover{border-color:var(--border-strong);background:var(--bg-2)}
.doc-template:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.doc-template-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);font-size:16px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.doc-template-text{display:grid;min-width:0}
.doc-template-text strong{font-size:13px;font-weight:550}
.doc-template-text span{overflow:hidden;color:var(--fg-3);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}


.page-node.is-dragging{opacity:.4}
#pages-nav .drop-before{box-shadow:inset 0 2px 0 0 var(--accent)}
#pages-nav .drop-after{box-shadow:inset 0 -2px 0 0 var(--accent)}
#pages-nav .drop-inside{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.pages-trash-section{margin-top:18px;padding-top:8px;border-top:1px solid var(--border)}


.pages-trash{width:min(640px,calc(100vw - 32px))}
.trash-note{margin:0;padding:8px 16px;border-bottom:1px solid var(--border);color:var(--fg-3);font-size:12px}
.trash-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border-radius:var(--radius)}
.trash-row:hover{background:var(--bg-hover)}
.trash-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg-3)}
.trash-icon .page-emoji{font-size:15px}
.trash-text{display:grid;flex:1;min-width:0;gap:2px}
.trash-text strong{overflow:hidden;font-size:13.5px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.trash-meta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap}
.trash-meta .project-dot{flex:none}
.trash-days{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.trash-forever.is-quiet{width:26px;padding:0;justify-content:center;border-color:transparent;background:transparent;color:var(--fg-3)}
.trash-forever.is-quiet:hover{border-color:var(--border);color:var(--blocked)}
.trash-count{color:var(--fg-3)}
#pages-trash-empty.is-armed{border-color:var(--blocked);background:var(--blocked-soft)}
.kb-picker-empty>svg{color:var(--fg-3);margin-bottom:4px}


.help-figure{display:flex;flex-direction:column;align-items:center;margin:0 0 16px}
.help-figure.is-left{align-items:flex-start}
.help-figure img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--border)}
.help-figure figcaption{margin-top:6px;color:var(--fg-3);font-size:13px}
.help-file{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:10px 14px 10px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg-2);font:inherit;text-align:left;cursor:pointer}
.help-file:hover{border-color:var(--border-strong);background:var(--bg-2)}
.help-file-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2)}
.help-file-text{display:grid;flex:1;min-width:0;line-height:1.4}
.help-file-text strong{overflow:hidden;color:var(--fg);font-size:14px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.help-file-text span{color:var(--fg-3);font-size:12px}
.help-table-wrap{margin:0 0 16px;overflow-x:auto}
.help-table{border-collapse:collapse;min-width:100%;font-size:14px;line-height:1.5}
.help-table th,.help-table td{padding:7px 10px;border:1px solid var(--border-strong);text-align:left;vertical-align:top}
.help-table th{background:var(--bg-2);font-weight:600}
.help-toggle{margin:0 0 12px}
.help-toggle summary{display:flex;align-items:flex-start;gap:6px;list-style:none;cursor:pointer;font-weight:500}
.help-toggle summary::-webkit-details-marker{display:none}
.help-toggle summary svg{flex:none;margin-top:6px;color:var(--fg-3);transition:transform 140ms ease}
.help-toggle[open] summary svg{transform:rotate(90deg)}
.help-toggle-body{margin:6px 0 0 7px;padding-left:13px;border-left:1px solid var(--border);color:var(--fg-2);white-space:pre-wrap}

@media (max-width:767px){
  .blk-grid td,.blk-grid th{min-width:96px}
  .blk-grip{display:none}
  .doc-templates{margin-top:-24px}
  .doc-templates-list{grid-template-columns:1fr}
  .trash-days{display:none}
  .trash-row{flex-wrap:nowrap}
  .doc-lightbox{padding:0 12px 12px}
}
@media (hover:none){.blk-table-add{opacity:1}}


.page-node .page-node-more[aria-expanded="true"]{opacity:1;background:var(--bg-active);color:var(--fg)}
.page-node:has(.page-node-more[aria-expanded="true"]){background:var(--bg-hover)}
.page-node:has(.tree-rename) .page-node-add{display:none}
.page-node .tree-rename{height:22px}


.confirm-dialog{width:min(400px,calc(100vw - 32px));border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.confirm-dialog::backdrop{background:rgba(12,13,16,.45)}
.confirm-body{padding:18px 20px 4px}
.confirm-body h2{margin:0;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.confirm-body p{margin:6px 0 0;color:var(--fg-2);font-size:13px;line-height:1.5}
.confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px 18px}
.button.is-danger{border-color:var(--blocked);background:var(--blocked);color:#fff}
.button.is-danger:hover{filter:brightness(1.08)}
.button.is-danger:focus-visible{outline:2px solid var(--blocked);outline-offset:2px}


.doc-cover{position:relative;flex:none;height:clamp(150px,26vh,260px);overflow:hidden;background:var(--bg-2)}
.doc-cover[hidden]{display:none}
.doc-cover img{display:block;width:100%;height:100%;object-fit:cover}
.doc-cover:not(.is-missing) img:not([src]){visibility:hidden}
.doc-cover[class*="cover-"] img,.doc-cover.is-missing img{display:none}
.doc-cover-missing{display:none}
.doc-cover.is-missing .doc-cover-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--fg-3);font-size:12.5px}
.doc-cover.is-loading{opacity:.6}
.doc-cover.is-drop-target{box-shadow:inset 0 0 0 2px var(--accent)}
.doc-cover-tools{position:absolute;right:max(16px,calc((100% - 760px)/2 + 16px));bottom:12px;display:flex;align-items:center;gap:1px;padding:2px;border-radius:var(--radius);background:var(--popover);box-shadow:0 4px 14px -6px rgba(22,23,24,.35);opacity:0;transition:opacity 120ms ease}
.doc-cover:hover .doc-cover-tools,.doc-cover:focus-within .doc-cover-tools,.doc-cover.is-repositioning .doc-cover-tools,.doc-cover-tool[aria-expanded="true"]{opacity:1}
.doc-cover-tool{height:26px;padding:0 9px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-2);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.doc-cover-tool:hover{background:var(--bg-hover);color:var(--fg)}
.doc-cover-hint{padding:0 8px;color:var(--fg-3);font-size:12px}
.doc-cover.is-repositioning{cursor:grab;outline:0}
.doc-cover.is-repositioning.is-dragging{cursor:grabbing}
.doc-cover.is-repositioning:focus-visible{box-shadow:inset 0 0 0 2px var(--border-focus)}
.doc-cover.is-repositioning img{touch-action:none;user-select:none}
.cover-lagoon{background:linear-gradient(135deg,#0f8b93 0%,#1d4e57 100%)}
.cover-dusk{background:linear-gradient(135deg,#3b3f73 0%,#b86b77 100%)}
.cover-sand{background:linear-gradient(135deg,#efe3cc 0%,#c7a77a 100%)}
.cover-mist{background:linear-gradient(135deg,#e6edf1 0%,#aebfca 100%)}
.cover-forest{background:linear-gradient(135deg,#2f5d46 0%,#8fb28a 100%)}
.cover-ember{background:linear-gradient(135deg,#d9822b 0%,#8c2f39 100%)}
.cover-slate{background:linear-gradient(135deg,#2b2e35 0%,#5b6270 100%)}
.cover-blush{background:linear-gradient(135deg,#f5e0dc 0%,#d9a6b5 100%)}
.doc-head-tools{display:flex;align-items:center;gap:2px;flex-basis:100%}
.doc-icon-row{flex-wrap:wrap}
.doc-add-cover[hidden]{display:none}
.doc-page.has-cover .doc-body{padding-top:20px}
.doc-page.has-cover.has-icon .doc-body{padding-top:0}
.doc-page.has-cover.has-icon .doc-icon{position:relative;z-index:1;width:78px;height:78px;margin-top:-40px;font-size:56px}
.doc-page.has-cover.has-icon .doc-icon:hover{background:transparent}
.doc-cover-pop{width:340px}
.doc-cover-pop-title{margin:2px 2px 8px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.doc-cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.doc-cover-swatch{aspect-ratio:16/10;padding:0;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform 100ms ease}
.doc-cover-swatch:hover{transform:scale(1.04)}
.doc-cover-swatch:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.doc-cover-swatch.is-current{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg-2)}
.doc-cover-foot{align-items:center}
.doc-cover-note{flex:1;color:var(--fg-3);font-size:11.5px}
.help-cover{height:clamp(120px,22vh,220px);margin:0 0 24px;overflow:hidden;border-radius:12px;background:var(--bg-2)}
.help-cover img{display:block;width:100%;height:100%;object-fit:cover}
.help-cover[class*="cover-"] img,.help-cover.is-missing{display:none}
@media (hover:none){.doc-cover-tools{opacity:1}}
@media (max-width:767px){
  .doc-cover{height:140px}
  .doc-cover-tools{right:12px;bottom:10px}
  .doc-page.has-cover.has-icon .doc-icon{width:60px;height:60px;margin-top:-30px;font-size:42px}
  .doc-cover-note{display:none}
  .doc-cover-pop{width:min(340px,calc(100vw - 24px))}
}


body.is-reading{overflow:hidden}
body.is-reading .toast{z-index:85}
.doc-reader{position:fixed;inset:0;z-index:80;overflow-y:auto;background:var(--bg);color:var(--fg);outline:0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;animation:reader-in 180ms cubic-bezier(.23,1,.32,1)}
.doc-reader[hidden]{display:none}
@keyframes reader-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.doc-reader{animation:none}}
.reader-progress{position:fixed;top:0;left:0;right:0;z-index:3;height:2px;pointer-events:none}
.reader-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.reader-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 16px;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform 200ms ease,border-color 200ms ease}
.reader-bar.show-title{border-bottom-color:var(--border)}
.reader-bar.is-hidden{transform:translateY(-100%)}
.reader-bar-left,.reader-bar-right{display:flex;align-items:center;gap:4px;min-width:0}
.reader-bar-right{flex:none}
.reader-badge{height:20px;padding:0 7px;border:1px solid var(--border);border-radius:5px;color:var(--fg-3);font-size:11px;font-weight:550;line-height:18px;letter-spacing:.02em}
.reader-bar-title{display:flex;align-items:center;gap:6px;min-width:0;margin-left:6px;color:var(--fg-2);font-size:13px;font-weight:500;opacity:0;transform:translateY(4px);transition:opacity 160ms ease,transform 160ms ease}
.reader-bar-title span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.reader-bar.show-title .reader-bar-title{opacity:1;transform:none}
.reader-edit{margin-left:6px}
.reader-tool[aria-expanded="true"]{background:var(--bg-hover);color:var(--fg)}
.reader-settings{position:absolute;top:46px;right:16px;display:grid;gap:10px;width:300px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--popover);box-shadow:0 12px 40px -12px rgba(22,23,24,.3);animation:menu-in 120ms ease}
.reader-setting{display:grid;gap:6px}
.reader-setting>span{color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.reader-seg{display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}
.reader-seg-btn{flex:1;height:26px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.reader-seg-btn:hover{color:var(--fg)}
.reader-seg-btn.is-on{background:var(--bg);color:var(--fg);font-weight:550;box-shadow:0 1px 2px rgba(22,23,24,.12)}
.reader-seg-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.reader-cover{height:clamp(180px,32vh,340px);margin-top:-52px;overflow:hidden;background:var(--bg-2)}
.reader-cover img{display:block;width:100%;height:100%;object-fit:cover}
.reader-cover[class*="cover-"] img,.reader-cover.is-missing img{display:none}
.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);padding:0 24px}
.reader-wide .reader-layout{grid-template-columns:minmax(0,1fr) minmax(0,960px) minmax(0,1fr)}
.reader-article{grid-column:2;min-width:0;padding:64px 0 96px}
.reader-head.has-cover{padding-top:0}
.reader-article:has(.reader-head.has-cover){padding-top:32px}
.reader-article:has(.reader-head.has-cover.has-icon){padding-top:0}
.reader-head.has-cover.has-icon .reader-icon{position:relative;margin-top:-44px}
.reader-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:13px}
.reader-trail a{color:var(--fg-3);text-decoration:none}
.reader-trail a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.reader-trail-sep{color:var(--border-strong)}
.reader-icon{margin-bottom:10px;font-size:60px;line-height:1.1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.reader-title{margin:0;color:var(--fg);font-size:32px;font-weight:650;letter-spacing:-.032em;line-height:1.14;overflow-wrap:anywhere}
.reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 36px;padding-bottom:24px;border-bottom:1px solid var(--border);color:var(--fg-3);font-size:13px}
.reader-sep{color:var(--border-strong)}
.reader-content{font-size:14.5px;line-height:1.75}
.reader-content h2,.reader-content h3,.reader-content h4{scroll-margin-top:72px}
.reader-content h2{margin:40px 0 12px;font-size:1.5em;letter-spacing:-.02em;line-height:1.25}
.reader-content h3{margin:32px 0 10px;font-size:1.25em;line-height:1.3}
.reader-content h4{margin:26px 0 8px;font-size:1.08em}
.reader-content>:first-child{margin-top:0}
.reader-size-s .reader-content{font-size:13.5px}
.reader-size-l .reader-content{font-size:16.5px}
.reader-size-s .reader-title{font-size:28px}.reader-size-l .reader-title{font-size:36px}
.reader-serif .reader-content,.reader-serif .reader-title{font-family:ui-serif,"New York",Charter,Georgia,Cambria,"Times New Roman",serif}
.reader-serif .reader-title{letter-spacing:-.018em;font-weight:600}
.reader-serif .reader-content code,.reader-serif .reader-content pre{font-family:var(--mono)}
.reader-empty{color:var(--fg-3)}
.reader-content a.reader-link{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
.reader-content a.reader-link:hover{text-decoration-color:var(--fg)}
.reader-content a.reader-ref{display:inline-flex;align-items:center;gap:5px;padding:0 6px 0 4px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);color:var(--fg);font-size:.86em;line-height:1.6;text-decoration:none;vertical-align:1px;white-space:nowrap}
.reader-ref:hover{border-color:var(--border-strong)}
.reader-ref-icon{display:inline-grid;place-items:center;width:13px;height:13px;color:var(--fg-3)}
.reader-ref-icon svg,.reader-ref-icon .status-icon{width:12px;height:12px}
.reader-ref-id{color:var(--fg-3);font-variant-numeric:tabular-nums}
.reader-ref-title{max-width:260px;overflow:hidden;text-overflow:ellipsis}
.reader-gone{color:var(--fg-3);text-decoration:line-through}
.help-figure img.is-zoomable{cursor:zoom-in}
.reader-children{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}
.reader-children h2{margin:0 0 12px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.reader-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.reader-card{display:flex;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--fg);text-decoration:none;transition:border-color 120ms ease,background 120ms ease}
.reader-card:hover{border-color:var(--border-strong);background:var(--bg-2)}
.reader-card-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-3)}
.reader-card-text{display:grid;min-width:0;gap:2px}
.reader-card-text strong{overflow:hidden;font-size:13.5px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.reader-card-text span{display:-webkit-box;overflow:hidden;color:var(--fg-3);font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.reader-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:56px;padding-top:18px;border-top:1px solid var(--border);color:var(--fg-3);font-size:12.5px}
.reader-foot-edit{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.reader-foot-edit:hover{background:var(--bg-hover);color:var(--fg)}
.reader-toc{grid-column:3;align-self:start;position:sticky;top:80px;max-width:220px;margin:64px 0 0 40px;padding-left:14px;border-left:1px solid var(--border)}
.reader-toc p{margin:0 0 8px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.reader-toc-link{display:block;padding:4px 0;overflow:hidden;color:var(--fg-3);font-size:12.5px;line-height:1.4;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;transition:color 120ms ease}
.reader-toc-link:hover{color:var(--fg)}
.reader-toc-link.is-active{color:var(--fg);font-weight:500}
.reader-toc-link.is-h3{padding-left:12px}.reader-toc-link.is-h4{padding-left:24px}
.reader-toc:empty{display:none}
@media (max-width:1279px){.reader-toc{display:none}}
@media (max-width:767px){
  .reader-bar{height:48px;padding:0 8px}
  .reader-badge,.reader-bar-right .reader-tool:not(.reader-settings-toggle){display:none}
  .reader-settings{right:8px;width:min(300px,calc(100vw - 16px))}
  .reader-cover{height:160px;margin-top:-48px}
  .reader-layout{padding:0 18px}
  .reader-article{padding:36px 0 72px}
  .reader-title{font-size:26px}.reader-size-l .reader-title{font-size:30px}
  .reader-content{font-size:14.5px}
  .reader-icon{font-size:48px}
  .reader-head.has-cover.has-icon .reader-icon{margin-top:-34px}
}
@media print{
  body.is-reading>*:not(.doc-reader){display:none!important}
  body.is-reading{overflow:visible;background:#fff}
  .doc-reader{position:static;overflow:visible;animation:none;--bg:#fff;--bg-2:#f5f5f6;--bg-3:#eeeff1;--fg:#16171a;--fg-2:#44474e;--fg-3:#72757c;--border:#e2e3e6;--border-strong:#cfd1d5;background:#fff;color:#16171a}
  .reader-bar,.reader-progress,.reader-toc,.reader-foot-edit{display:none!important}
  .reader-cover{margin-top:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .reader-layout{display:block;padding:0}
  .reader-article{padding:24px 0}
  .reader-card{break-inside:avoid}
  .help-figure,.help-table-wrap,.help-code,.help-callout{break-inside:avoid}
}


.settings-body.is-wide{max-width:1040px}
.ppl-preview{display:flex;align-items:flex-start;gap:8px;margin:0 0 20px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--fg-2);font-size:12.5px;line-height:1.5}
.ppl-preview svg{flex:none;margin-top:2px;color:var(--fg-3)}
.ppl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
.ppl-stat{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.ppl-stat strong{font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ppl-stat span{color:var(--fg-3);font-size:12px}
.ppl-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ppl-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.ppl-tab{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--fg-3);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}
.ppl-tab:hover{background:var(--bg-hover);color:var(--fg)}
.ppl-tab.is-active{background:var(--bg-active);color:var(--fg)}
.ppl-tab-count{min-width:18px;height:18px;padding:0 5px;border-radius:5px;background:var(--bg-3);color:var(--fg-3);font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.ppl-tab-count.is-alert{background:var(--accent-soft);color:var(--accent)}
.ppl-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.ppl-search{width:220px}
.ppl-list{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.ppl-row{display:grid;align-items:center;gap:12px;min-height:58px;padding:8px 10px 8px 14px;border-top:1px solid var(--border)}
.ppl-row:first-child{border-top:0}
.ppl-list.is-members .ppl-row{grid-template-columns:minmax(220px,1.7fr) 128px minmax(150px,1.3fr) 104px 32px}
.ppl-list.is-guests .ppl-row{grid-template-columns:minmax(220px,1.6fr) minmax(170px,1.3fr) 118px 92px 32px}
.ppl-list.is-invites .ppl-row{grid-template-columns:minmax(220px,1.6fr) minmax(150px,1.2fr) 92px 118px 32px}
.ppl-list.is-agents .ppl-row{grid-template-columns:minmax(200px,1.4fr) minmax(180px,1.6fr) 92px 92px 32px}
.ppl-head{min-height:34px;background:var(--bg-2);color:var(--fg-3);font-size:11.5px;font-weight:550}
.ppl-row.is-off{background:var(--bg-2)}
.ppl-row.is-off .ppl-person,.ppl-row.is-off .ppl-caps{opacity:.6}
.ppl-person{display:flex;align-items:center;gap:10px;min-width:0}
.ppl-person>.avatar{width:30px;height:30px;font-size:11px}
.ppl-person-text{display:grid;min-width:0;gap:1px}
.ppl-person-line{display:flex;align-items:center;gap:6px;min-width:0}
.ppl-person-line strong{overflow:hidden;font-size:13.5px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.ppl-person-text>span,.ppl-person-text>.ppl-code{overflow:hidden;color:var(--fg-3);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.ppl-tag{flex:none;height:18px;padding:0 6px;border:1px solid var(--border);border-radius:5px;color:var(--fg-3);font-size:10.5px;font-weight:550;line-height:16px}
.ppl-tag.is-muted{background:var(--bg-3)}
.ppl-role{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-size:13px;cursor:pointer}
.ppl-role:hover,.ppl-role[aria-expanded="true"]{border-color:var(--border);background:var(--bg-2)}
.ppl-role svg:first-child{color:#d59f16}
.ppl-role.is-static{cursor:default;color:var(--fg-2)}
.ppl-role.is-static:hover{border-color:transparent;background:transparent}
.ppl-caps{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.ppl-cap{height:22px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);color:var(--fg-2);font-size:11.5px;line-height:20px;white-space:nowrap}
.ppl-cap.is-code{font-family:var(--mono);font-size:11px}
.ppl-muted{color:var(--fg-3);font-size:12.5px}
.ppl-when{min-width:0;overflow:hidden;color:var(--fg-3);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.ppl-when.is-warn{color:var(--progress)}
.ppl-more{justify-self:end}
.ppl-reach{display:inline-flex;align-items:center;gap:8px;min-width:0;height:30px;padding:0 8px;margin-left:-8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer;justify-self:start}
.ppl-reach:hover{border-color:var(--border);background:var(--bg-2);color:var(--fg)}
.ppl-reach>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ppl-reach-icons{display:flex;flex:none}
.ppl-reach-icon{display:grid;place-items:center;width:22px;height:22px;margin-left:-4px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-3);font-size:11px}
.ppl-reach-icon:first-child{margin-left:0}
.ppl-status{justify-self:start;height:22px;padding:0 7px;border-radius:5px;font-size:11.5px;line-height:22px;white-space:nowrap}
.ppl-status.is-pending{background:var(--bg-3);color:var(--fg-2)}
.ppl-status.is-expired{background:var(--blocked-soft);color:var(--blocked)}
.ppl-invite-icon,.ppl-agent-icon,.ppl-device-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg-3)}
.ppl-code{font-family:var(--mono);font-size:11.5px}
.ppl-empty{display:grid;justify-items:center;gap:4px;padding:40px 16px;color:var(--fg-3);font-size:13px;text-align:center}
.ppl-empty strong{color:var(--fg)}
.ppl-toggle{display:inline-flex;align-items:center;gap:8px;margin:12px 2px 0;color:var(--fg-3);font-size:12.5px;cursor:pointer}
.ppl-list.is-requests{display:grid;gap:0}
.ppl-request{display:grid;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}
.ppl-request:first-child{border-top:0}
.ppl-request-head{display:flex;align-items:flex-start;gap:10px}
.ppl-request-head>.avatar{width:30px;height:30px;font-size:11px}
.ppl-request-text{display:grid;gap:3px;min-width:0;font-size:13.5px;line-height:1.45}
.ppl-request-text strong{font-weight:550}
.ppl-request-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ppl-request-target{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);font-size:12.5px}
.ppl-request-meta{color:var(--fg-3);font-size:12px}
.ppl-request-quote{margin:0 0 0 40px;padding:6px 0 6px 12px;border-left:2px solid var(--border-strong);color:var(--fg-2);font-size:13px;line-height:1.5}
.ppl-request-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.menu-item:has(.ppl-menu-text){height:auto;min-height:32px;padding:6px 8px;align-items:flex-start}
.ppl-menu-text{display:grid;gap:1px;min-width:0}
.ppl-menu-text strong{font-size:13px;font-weight:500}
.ppl-menu-text small{max-width:240px;color:var(--fg-3);font-size:11.5px;line-height:1.35;white-space:normal}


.ppl-dialog{width:min(480px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 48px));border-radius:12px;animation:pop 140ms cubic-bezier(.23,1,.32,1)}
.ppl-dialog.is-wide{width:min(600px,calc(100vw - 32px))}
.ppl-dialog[open]{display:flex;flex-direction:column}
.ppl-dialog .modal-header h2{display:flex;align-items:center;gap:8px}
.ppl-dialog-body{display:grid;gap:18px;flex:1;min-height:0;overflow-y:auto;padding:16px}
.ppl-dialog-foot{gap:12px}
.ppl-foot-note{min-width:0;color:var(--fg-3);font-size:12px}
.ppl-foot-actions{display:flex;flex:none;gap:8px;margin-left:auto}
.ppl-dialog-lead{margin:0;color:var(--fg-2);font-size:13px;line-height:1.55}
.ppl-warn-line{color:var(--fg);font-weight:550}
.ppl-field{display:grid;gap:7px;min-width:0}
.ppl-field[hidden]{display:none}
.ppl-field>.seg{justify-self:start}
.ppl-inline-field>.seg{justify-self:end}
.ppl-inline-field{grid-template-columns:auto 1fr;align-items:center;justify-items:end}
.ppl-label{color:var(--fg);font-size:12.5px;font-weight:550}
.ppl-field-hint{margin:0;color:var(--fg-3);font-size:12px;line-height:1.5}
.ppl-field-hint.is-warn{color:var(--progress)}
.ppl-input,.ppl-textarea{width:100%;min-height:32px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:13px;outline:0}
.ppl-textarea{resize:vertical;line-height:1.5}
.ppl-input:focus,.ppl-textarea:focus,.ppl-emails:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.ppl-emails{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:text}
.ppl-emails input{flex:1;min-width:160px;height:26px;padding:0 4px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13px;outline:0}
.ppl-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:26px;padding:0 4px 0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);font-size:12.5px}
.ppl-chip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ppl-chip small{color:var(--progress);font-size:11px;white-space:nowrap}
.ppl-chip.is-bad{border-color:var(--blocked);color:var(--blocked)}
.ppl-chip-x{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fg-3);cursor:pointer}
.ppl-chip-x:hover{background:var(--bg-hover);color:var(--fg)}
.ppl-checks{display:grid;gap:2px}
.ppl-check{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:var(--radius);cursor:pointer}
.ppl-check:hover{background:var(--bg-hover)}
.ppl-check input{margin-top:3px;accent-color:var(--accent)}
.ppl-check span{display:grid;gap:1px;min-width:0}
.ppl-check strong{font-size:13px;font-weight:500}
.ppl-check small,.ppl-check .ppl-code{color:var(--fg-3);font-size:12px}
.ppl-picker{display:grid;gap:8px}
.ppl-picker-search{position:relative}
.ppl-picker-field{width:100%;height:32px}
.ppl-picker-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;max-height:260px;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--popover);box-shadow:0 12px 30px -12px rgba(22,23,24,.28)}
.ppl-picker-results[hidden]{display:none}
.ppl-picker-option{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.ppl-picker-option:hover,.ppl-picker-option.is-active{background:var(--menu-hover)}
.ppl-picker-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ppl-picker-kind{flex:none;color:var(--fg-3);font-size:11.5px}
.ppl-share-list{display:grid;border:1px solid var(--border);border-radius:8px}
.ppl-share-row,.ppl-reach-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 6px 6px 10px;border-top:1px solid var(--border)}
.ppl-share-row:first-child,.ppl-reach-row:first-child{border-top:0}
.ppl-share-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--fg-3)}
.ppl-share-icon .page-emoji{font-size:13px}
.ppl-share-text{display:grid;flex:1;min-width:0}
.ppl-share-text strong{overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.ppl-share-text small{color:var(--fg-3);font-size:11.5px}
.ppl-empty-line{margin:0;padding:12px;color:var(--fg-3);font-size:12.5px}
.ppl-level,.ppl-select{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}
.ppl-level:hover,.ppl-level[aria-expanded="true"]{border-color:var(--border);background:var(--bg-2);color:var(--fg)}
.ppl-select{justify-self:start;border-color:var(--border);background:var(--bg);color:var(--fg)}
.ppl-reach-list{border:1px solid var(--border);border-radius:8px}
.ppl-dialog-person{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.code-input{display:flex;gap:8px}
.code-box{width:44px;height:52px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;font-size:22px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;outline:0;caret-color:var(--accent)}
.code-box:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}
.code-input.is-error .code-box{border-color:var(--blocked);animation:shake 260ms ease}
@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.ppl-demo-code{margin:0;color:var(--fg-3);font-family:var(--mono);font-size:12px}


.ppl-domain .settings-row-text{flex:1;min-width:0}
.ppl-domain-controls{display:flex;flex:none;align-items:center;gap:6px}
.ppl-domain-add{justify-content:flex-start;gap:8px;min-height:52px}
.ppl-domain-add .ppl-input{max-width:260px}
.ppl-device-main{display:flex;align-items:center;gap:12px;min-width:0}
.ppl-device .settings-row-text strong{display:flex;align-items:center;gap:8px}
.ppl-group-foot{display:flex;justify-content:flex-end;margin-top:10px}


.audit-list{display:grid}
.audit-day{margin:18px 2px 6px;color:var(--fg-3);font-size:11px;font-weight:550;letter-spacing:.06em;text-transform:uppercase}
.audit-day:first-child{margin-top:4px}
.audit-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:40px;padding:4px 8px;border-radius:var(--radius);color:var(--fg-2);font-size:13px;line-height:1.45}
.audit-row:hover{background:var(--bg-hover)}
.audit-row strong{color:var(--fg);font-weight:550}
.audit-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:7px;background:var(--bg-2);color:var(--fg-3)}
.audit-time{color:var(--fg-3);font-size:12px;white-space:nowrap}

@media (max-width:900px){
  .ppl-head{display:none}
  .ppl-list:is(.is-members,.is-guests,.is-invites) .ppl-row{grid-template-columns:minmax(0,1fr) auto 32px}
  .ppl-list.is-agents .ppl-row{grid-template-columns:minmax(0,1fr) 32px}
  .ppl-list.is-members .ppl-row>:is(:nth-child(3),:nth-child(4)),.ppl-list.is-guests .ppl-row>:is(:nth-child(2),:nth-child(4)),.ppl-list.is-invites .ppl-row>:is(:nth-child(2),:nth-child(3)),.ppl-list.is-agents .ppl-row>:is(:nth-child(2),:nth-child(3),:nth-child(4)){display:none}
  .ppl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
}
@media (max-width:767px){
  .ppl-search{flex:1;width:auto;min-width:0}
  .ppl-tools{width:100%;min-width:0}
  .ppl-tools .pages-filter{flex:1;min-width:0}
  .ppl-tools .ws-add-button,.ppl-tools .ws-filter-button{flex:none}
  .ppl-inline-field{grid-template-columns:1fr;justify-items:start}
  .audit-row{grid-template-columns:28px 1fr}
  .audit-time{grid-column:2}
  .code-box{width:40px;height:48px}
  .ppl-domain{flex-wrap:wrap}
  .ppl-domain-controls{width:100%;justify-content:space-between}
}

.settings-head+.ppl-bar,.settings-head+.ppl-preview,.settings-head+.ppl-stats{margin-top:24px}


.ppl-list.is-areas .ppl-row{grid-template-columns:minmax(200px,1.4fr) minmax(170px,1.2fr) 120px 92px auto}
.ppl-faces{display:flex;align-items:center}
.ppl-faces>.avatar{width:24px;height:24px;margin-left:-6px;border:2px solid var(--bg);font-size:9px}
.ppl-faces>.avatar:first-child{margin-left:0}
.ppl-area-chip{display:inline-flex;align-items:center;gap:5px}
.ppl-area-chip .project-dot{width:7px;height:7px}
.ppl-list.is-grid{overflow:visible;border:0;background:transparent}
.ppl-grid-wrap{overflow:auto;max-height:calc(100vh - 320px);border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.ppl-grid{border-collapse:separate;border-spacing:0;min-width:100%;font-size:12.5px}
.ppl-grid th,.ppl-grid td{padding:0;border-bottom:1px solid var(--border);border-left:1px solid var(--border);white-space:nowrap}
.ppl-grid thead th{position:sticky;top:0;z-index:1;background:var(--bg-2)}
.ppl-grid .ppl-grid-person{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:8px;min-width:190px;height:40px;padding:0 12px;border-left:0;background:var(--bg);font-weight:500;text-align:left}
.ppl-grid thead .ppl-grid-person{z-index:3;background:var(--bg-2);color:var(--fg-3);font-weight:550}
.ppl-grid tbody tr:last-child>*{border-bottom:0}
.ppl-grid-area{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;background:transparent;color:var(--fg-2);font:inherit;font-weight:550;cursor:pointer}
.ppl-grid-area:hover{color:var(--fg)}
.ppl-grid-cell{width:100%;min-width:104px;height:40px;padding:0 12px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.ppl-grid-cell:hover:not(:disabled){background:var(--bg-hover)}
.ppl-grid-cell.is-empty{color:var(--border-strong)}
.ppl-grid-cell.is-implicit{color:var(--fg-3);font-style:italic}
.ppl-grid-cell:disabled{cursor:default}
.ppl-area-picks{display:grid;border:1px solid var(--border);border-radius:8px}
.ppl-area-pick{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px 4px 10px;border-top:1px solid var(--border);cursor:pointer}
.ppl-area-pick:first-child{border-top:0}
.ppl-area-pick input{accent-color:var(--accent)}
.ppl-inline-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ppl-role-guide{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);font-size:12.5px;color:var(--fg-2)}
.ppl-role-guide summary{color:var(--fg);font-weight:550;cursor:pointer}
.ppl-role-guide p{margin:8px 0 0;line-height:1.5}
.ppl-role-guide strong{color:var(--fg);font-weight:550}
.ppl-dialog-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--border);border-radius:6px;color:var(--fg-3)}
.ppl-checks.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ppl-role:disabled{cursor:default}
.ppl-share-add{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
.ppl-general{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.ppl-general:hover:not(:disabled),.ppl-general[aria-expanded="true"]{background:var(--bg-2)}
.ppl-general:disabled{cursor:default}
.ppl-general>svg:last-child{margin-left:auto;color:var(--fg-3)}
.ppl-general-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:var(--bg-3);color:var(--fg-2)}
.ppl-dialog .settings-card{background:var(--bg)}
.ppl-dialog .settings-row{min-height:56px;padding:10px 12px}


.doc-share{display:inline-flex;align-items:center;gap:6px;height:28px;margin-right:2px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg-2);font:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer}
.doc-share:hover{border-color:var(--border-strong);color:var(--fg)}
.doc-share span{white-space:nowrap}
.doc-share.is-locked svg{color:var(--progress)}
.doc-share.is-public svg{color:var(--accent)}
.doc-page.is-denied .doc-layout,.doc-page.is-denied .doc-actions,.doc-page.is-denied #doc-cover{display:none}
.doc-denied{display:none}
.doc-page.is-denied .doc-denied{display:grid;place-items:center;flex:1;padding:64px 20px}
.doc-denied-card{display:grid;justify-items:center;gap:12px;width:min(420px,100%);text-align:center}
.doc-denied-card h1{margin:4px 0 0;font-size:20px;font-weight:600;letter-spacing:-.015em}
.doc-denied-card>p{margin:0;color:var(--fg-3);font-size:13.5px;line-height:1.55}
.doc-denied-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2);color:var(--fg-3)}
.doc-denied-form{display:grid;gap:10px;width:100%;margin-top:8px;text-align:left}
.doc-denied-form .seg{justify-self:start}
.doc-denied-form .button.primary{justify-self:end}
.doc-page.is-readonly .blk-gutter,.doc-page.is-readonly .doc-add-block,.doc-page.is-readonly .doc-head-tools,.doc-page.is-readonly .doc-cover-tools,.doc-page.is-readonly .blk-media-bar,.doc-page.is-readonly .blk-grip,.doc-page.is-readonly .blk-table-add,.doc-page.is-readonly .doc-tips,.doc-page.is-readonly #doc-undo,.doc-page.is-readonly #doc-redo{display:none}
.doc-page.is-readonly .blk-caption:empty{display:none}
.doc-page.is-readonly .doc-title{cursor:default}
.doc-page.is-readonly .doc-icon{pointer-events:none}
.doc-page.is-readonly #doc-saved::before{content:'View only';color:var(--fg-3)}
.doc-page.is-readonly .doc-saved{opacity:1}
.mention.is-private{color:var(--fg-3);cursor:default}
.mention.is-private .mention-title{text-decoration:none}
.pages-access-section .nav-section-head{display:flex;align-items:center;justify-content:space-between;padding-right:4px}
.pages-access-section .nav-section-label{margin:0;padding:6px 8px 4px;color:var(--fg-3);font-size:11.5px;font-weight:550}
.pages-access-section .nav-section-add{opacity:0}
.pages-access-section:hover .nav-section-add{opacity:1}


.peek-share{gap:5px}
.item-access-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:var(--bg-2);color:var(--fg-2);font-size:11.5px}
.item-access-badge.is-locked{color:var(--progress)}


.viewas-bar{position:fixed;left:50%;bottom:18px;z-index:75;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:6px 6px 6px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--popover);box-shadow:0 12px 32px -12px rgba(22,23,24,.35);transform:translateX(-50%)}
.viewas-text{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px}
.viewas-kicker{color:var(--fg-3);white-space:nowrap}
.viewas-text strong{font-weight:600;white-space:nowrap}
.viewas-meta{overflow:hidden;color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis}
body.is-viewing-as .toast{bottom:78px}
@media (max-width:767px){
  .viewas-meta{display:none}
  .ppl-checks.is-grid{grid-template-columns:1fr}
  .ppl-share-add{grid-template-columns:1fr}
}
.sp-agent-locked{margin:8px 0 0;color:var(--fg-3);font-size:12px}
.sp-assign:disabled,.sp-resolve:disabled{opacity:.55;cursor:default}
@media (max-width:900px){.ppl-list.is-areas .ppl-row{grid-template-columns:minmax(0,1fr) auto}.ppl-list.is-areas .ppl-row>:is(:nth-child(2),:nth-child(3),:nth-child(4)){display:none}.ppl-grid-wrap{max-height:none}}
.ppl-list:is(.is-apps,.is-projects) .ppl-row{grid-template-columns:minmax(200px,1.4fr) minmax(170px,1.2fr) 120px 92px auto}
.ppl-area-chip.is-app{background:var(--bg)}
.ppl-share-row.is-off .ppl-share-text{opacity:.6}
.ppl-tools .seg{flex:none}
@media (max-width:900px){.ppl-list:is(.is-apps,.is-projects) .ppl-row{grid-template-columns:minmax(0,1fr) auto}.ppl-list:is(.is-apps,.is-projects) .ppl-row>:is(:nth-child(2),:nth-child(3),:nth-child(4)){display:none}}
.ppl-tools{margin-left:auto}
.ppl-reach-summary{margin-left:-8px}

.page-access-mark{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--fg-3)}
.page-node .page-access-mark{margin-left:auto}
.page-node .page-access-mark+.page-node-add{margin-left:2px}
.page-row-line .page-access-mark{margin-left:2px}
.doc-lock{display:flex;align-items:center;gap:8px;margin:-14px 0 22px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg-2);font-size:12.5px}
.doc-lock svg{flex:none;color:var(--progress)}
.doc-lock span{flex:1;min-width:0}
.doc-lock-action{flex:none;height:26px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.doc-lock-action:hover{border-color:var(--border-strong)}
.doc-page.is-locked #doc-saved::before{content:'Locked'}
.doc-page.no-download .blk-file-download,.doc-page.no-download .blk-media-tool[aria-label="Download"]{display:none}
.page-history-row{display:flex;justify-content:space-between;gap:12px}
.page-history-time{flex:none;color:var(--fg-3)}
.page-history .cp-link{margin-top:8px;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}

.ppl-preview-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2)}
.ppl-preview-note>svg{flex:none;margin-top:1px;color:var(--fg-3)}
.ppl-preview-note small{line-height:1.5}
.ppl-preview-chip{display:inline-flex;align-items:center;height:16px;margin-left:6px;padding:0 5px;border:1px dashed var(--border-strong);border-radius:var(--radius-s);color:var(--fg-3);font-size:10.5px;font-weight:500;vertical-align:1px}
.ppl-dialog-body{align-content:start;grid-auto-rows:max-content}

.modal.composer{width:min(1040px,calc(100vw - 48px));height:min(700px,calc(100vh - 48px));max-height:none;padding:0;border-radius:14px;overflow:hidden}
.modal.composer[open]{display:flex;flex-direction:column}
.modal.composer form{display:flex;flex:1;flex-direction:column;min-height:0}
.modal.composer .modal-header{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--border)}
.composer-heading{display:flex;flex:1;align-items:baseline;gap:6px;min-width:0;margin:0;overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.composer-heading-product{color:var(--fg-3);font-weight:500}
.composer-draft{flex:none;color:var(--fg-3);font-size:12px}
.composer-draft[hidden]{display:none}
.composer-draft button{padding:0;border:0;background:transparent;color:var(--fg-2);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.composer-draft button:hover{color:var(--fg)}

.composer-grid{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 284px;min-height:0}
.modal.composer .composer-main{display:flex;flex-direction:column;gap:12px;min-height:0;padding:24px 28px 20px;overflow:auto}
.modal.composer .title-input{font-size:24px;font-weight:600;letter-spacing:-.024em}
.composer-similar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
.composer-similar[hidden]{display:none}
.composer-similar-label{margin-right:2px;color:var(--fg-2);font-size:12px;font-weight:550}
.composer-similar-item{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer}
.composer-similar-item:hover{border-color:var(--border-strong)}
.composer-similar-id{flex:none;color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.composer-similar-title{min-width:0;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.composer-desc-wrap{position:relative;display:flex;flex:1;min-height:180px}
.modal.composer .desc-input{flex:1;min-height:180px;resize:none;font-size:14px;line-height:1.65}
.composer-template{position:absolute;left:0;top:30px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.composer-template[hidden]{display:none}
.composer-template:hover{border-color:var(--fg-3);color:var(--fg)}
.modal.composer .dropzone{flex:none}


.composer-side{display:flex;flex-direction:column;gap:2px;min-height:0;padding:16px 12px 14px;border-left:1px solid var(--border);background:var(--bg-2);overflow:auto}
.composer-prop{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:6px;min-height:36px}
.composer-prop[hidden]{display:none}
.composer-prop-label{padding-left:6px;color:var(--fg-3);font-size:12px}
.pill.composer-prop-value{justify-content:flex-start;width:100%;min-width:0;height:32px;padding:0 8px;border-color:transparent;background:transparent;overflow:hidden}
.pill.composer-prop-value:hover,.pill.composer-prop-value[aria-expanded="true"]{border-color:var(--border);background:var(--bg)}
.pill.composer-prop-value .pill-value{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pill.composer-prop-value .caret{flex:none;margin-left:auto;color:var(--fg-3)}
.pill.composer-prop-value .avatar{width:18px;height:18px;font-size:8.5px}
.composer-reporter{margin:auto 0 0;padding:14px 6px 0;color:var(--fg-3);font-size:12px}
.composer-reporter strong{color:var(--fg-2);font-weight:500}

.modal.composer .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-top:1px solid var(--border);border-radius:0;background:var(--bg)}
.composer-more{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-size:12.5px;cursor:pointer}
.modal.composer .modal-actions{display:flex;align-items:center;gap:8px;width:auto}

@media (max-width:760px){
  .modal.composer{width:100vw;height:100dvh;border-radius:0}
  .composer-grid{grid-template-columns:minmax(0,1fr);overflow:auto}
  .modal.composer .composer-main{padding:18px 16px 14px;overflow:visible}
  .composer-side{border-left:0;border-top:1px solid var(--border);overflow:visible}
  .modal.composer .modal-footer{padding:10px 12px}
  .composer-draft{display:none}
  .modal.composer .title-input{font-size:20px}
}

.due-chip{display:inline-flex;align-items:center;gap:4px;flex:none;height:20px;padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg-2);font:inherit;font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle}
.due-chip svg{flex:none;width:12px;height:12px}
button.due-chip{cursor:pointer;transition:border-color 120ms ease,color 120ms ease}
button.due-chip:hover{border-color:var(--border-strong);color:var(--fg)}
.due-overdue{border-color:color-mix(in srgb,var(--blocked) 40%,var(--border));color:var(--blocked)}
button.due-overdue:hover{border-color:var(--blocked);color:var(--blocked)}
.due-today{border-color:color-mix(in srgb,var(--progress) 45%,var(--border));color:var(--progress)}
button.due-today:hover{border-color:var(--progress);color:var(--progress)}
.due-done{color:var(--fg-3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--fg-3) 60%,transparent)}
.due-unset{color:var(--fg-3)}
.due-chip.is-icon{width:20px;height:20px;padding:0;justify-content:center}
.row .title-line .due-chip{align-self:center}


.props .due-chip.is-prop{height:28px;margin-left:-8px;padding:0 8px;border-color:transparent;background:transparent;font-size:13px;font-weight:400;gap:7px}
.props .due-chip.is-prop svg{width:14px;height:14px}
.props .due-chip.is-prop:hover{background:var(--bg-hover);border-color:transparent}


.subtask-row{grid-template-columns:14px 18px minmax(0,1fr) auto auto auto 24px 24px}
.subtask-due.is-empty{width:24px;padding:0;justify-content:center;border-color:transparent;background:transparent;opacity:0}
.subtask-row:hover .subtask-due.is-empty,.subtask-row:focus-within .subtask-due.is-empty,.subtask-due.is-empty[aria-expanded="true"]{opacity:1}
.subtask-row.is-finished .subtask-due:not(.is-empty){opacity:.7}
@media (max-width:640px){.subtask-row{grid-template-columns:18px minmax(0,1fr) auto auto 24px 24px}.subtask-due.is-empty{display:none}}


.due-filter-icon{display:inline-grid;place-items:center;color:var(--fg-3)}
.due-filter.is-set .due-filter-icon{color:inherit}


.pill.due-overdue{color:var(--blocked)}.pill.due-today{color:var(--progress)}.pill.due-unset .pill-value{color:var(--fg-3)}
.pill.due-overdue,.pill.due-today,.pill.due-unset{border-color:transparent}


.date-picker{position:absolute;z-index:45;width:268px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--popover);color:var(--fg);box-shadow:0 10px 38px -10px rgba(22,23,24,.28),0 10px 20px -15px rgba(22,23,24,.18);transform-origin:top left;animation:menu-in 140ms cubic-bezier(.23,1,.32,1)}
.date-picker.is-fixed{position:fixed}
.date-picker-quick{display:grid;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}
.date-picker-choice.is-chosen{font-weight:550}
.date-picker-hint{margin-left:auto;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}
.date-picker-month{padding:8px 4px 4px}
.date-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.date-picker-label{font-size:13px;font-weight:550}
.date-picker-step{width:26px;height:26px}
.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.date-picker-weekday{display:grid;place-items:center;height:22px;color:var(--fg-3);font-size:11px;font-weight:500}
.date-picker-day{display:grid;place-items:center;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;font-variant-numeric:tabular-nums;cursor:pointer}
.date-picker-day:hover{background:var(--bg-hover)}
.date-picker-day:focus-visible{outline:2px solid var(--border-focus);outline-offset:-1px}
.date-picker-day.is-outside{color:var(--fg-3)}
.date-picker-day.is-today{border-color:var(--border-strong);font-weight:600}
.date-picker-day.is-chosen{border-color:transparent;background:var(--fg);color:var(--bg);font-weight:600}
.date-picker-clear{margin-top:4px;border-top:1px solid var(--border-subtle);border-radius:0 0 5px 5px;color:var(--fg-2)}


.card-foot{flex-wrap:wrap;row-gap:6px}
.card-foot .due-chip{height:18px;padding:0 5px;font-size:11px}


.due-leaf{position:relative;display:inline-flex;flex-direction:column;flex:none;width:26px;height:28px;padding:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg);overflow:hidden;font:inherit;line-height:1;color:var(--fg);vertical-align:middle;transition:transform 140ms cubic-bezier(.23,1,.32,1),border-color 120ms ease}
button.due-leaf{cursor:pointer}
button.due-leaf:hover{transform:translateY(-1px);border-color:var(--fg-3)}
button.due-leaf:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
.due-leaf-month{display:block;height:10px;background:var(--bg-3);color:var(--fg-3);font-size:7px;font-weight:700;letter-spacing:.08em;line-height:10px;text-align:center;text-transform:uppercase}
.due-leaf::before,.due-leaf::after{content:"";position:absolute;top:2px;width:2px;height:2px;border-radius:50%;background:var(--border-strong)}
.due-leaf.due-today::before,.due-leaf.due-today::after,.due-leaf.due-overdue::before,.due-leaf.due-overdue::after{background:var(--bg);opacity:.85}
.due-leaf::before{left:5px}.due-leaf::after{right:5px}
.due-leaf-day{display:grid;place-items:center;flex:1;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.due-leaf.due-soon .due-leaf-month{color:var(--fg-2)}
.due-leaf.due-today{border-color:color-mix(in srgb,var(--progress) 55%,var(--border))}
.due-leaf.due-today .due-leaf-month{background:var(--progress);color:var(--bg)}
.due-leaf.due-today .due-leaf-day{color:var(--progress)}
.due-leaf.due-overdue{border-color:color-mix(in srgb,var(--blocked) 55%,var(--border))}
.due-leaf.due-overdue .due-leaf-month{background:var(--blocked);color:var(--bg)}
.due-leaf.due-overdue .due-leaf-day{color:var(--blocked)}
.due-leaf.due-done{opacity:.45}
.due-leaf.due-done .due-leaf-day{text-decoration:line-through;text-decoration-thickness:1px}


.row .cell-item.has-due{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
.row .cell-item.has-due>.title-line,.row .cell-item.has-due>.sub{grid-column:1}
.row .cell-item.has-due>.due-leaf{grid-column:2;grid-row:1 / span 2}

.card-top .due-leaf{width:22px;height:24px;margin-left:2px}.card-top .due-leaf-month{height:8px;line-height:8px;font-size:6px}.card-top .due-leaf-day{font-size:10.5px}
.subtask-row .due-leaf{width:22px;height:24px}.subtask-row .due-leaf-month{height:8px;line-height:8px;font-size:6px}.subtask-row .due-leaf-day{font-size:10.5px}
.card-top .due-leaf::before,.subtask-row .due-leaf::before{left:4px;top:1.5px}.card-top .due-leaf::after,.subtask-row .due-leaf::after{right:4px;top:1.5px}



.day-row .day-row-count{position:relative;display:inline-flex;align-items:center;gap:4px;min-width:14px;justify-content:flex-end;opacity:1}
.day-row-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blocked)}


.week-card.is-due{gap:7px;border-style:dashed;border-color:var(--week-card-hover);background:transparent;box-shadow:none}
.week-card.is-due:hover{border-color:var(--fg-3)}
.week-card.is-due .week-card-title{color:var(--fg-2)}
.week-card-due-tag{flex:none;color:var(--progress);font-size:11px;font-weight:600}
.week-card.is-late .week-card-due-tag{color:var(--blocked)}
.week-card-plan{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-2);font:inherit;font-size:11.5px;font-weight:500;cursor:pointer}
.week-card-plan:hover{border-color:var(--border-strong);color:var(--fg)}
.week-card-due-hint{font-size:11px;color:var(--fg-3)}
.week-card-foot .due-leaf{width:20px;height:22px;background:var(--week-card)}.week-card-foot .due-leaf-month{height:7px;line-height:7px;font-size:5.5px}.week-card-foot .due-leaf-day{font-size:10px}
.week-card-foot .due-leaf::before,.week-card-foot .due-leaf::after{top:1px;width:1.5px;height:1.5px}

.week-card-late{display:flex;align-items:center;gap:5px;margin:-2px 0 0;color:var(--blocked);font-size:11.5px;font-weight:500;line-height:1.35}
.week-card-late svg{flex:none}


.plan-due{margin:0 0 22px;border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow:hidden}
.plan-due[hidden]{display:none}
.plan-due-top{display:flex;align-items:center;gap:12px;padding:14px 16px 12px}
.plan-due-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--border);color:var(--progress)}
.plan-due-mark.is-late{color:var(--blocked)}
.plan-due-mark.is-calm{color:var(--fg-3)}
.plan-due-intro{display:grid;gap:1px;flex:1;min-width:0}
.plan-due-intro strong{font-size:13.5px;font-weight:600;color:var(--fg)}
.plan-due-intro span{color:var(--fg-3);font-size:12.5px}
.plan-due-all{flex:none;gap:5px}
.plan-due-group{border-top:1px solid var(--border-subtle)}
.plan-due-label{display:flex;align-items:center;gap:7px;margin:0;padding:10px 16px 4px;color:var(--fg-2);font-size:11.5px;font-weight:600;letter-spacing:.02em}
.plan-due-dot{width:6px;height:6px;border-radius:50%;background:var(--progress)}
.plan-due-group.is-overdue .plan-due-dot{background:var(--blocked)}
.plan-due-count{color:var(--fg-3);font-weight:500;font-variant-numeric:tabular-nums}
.plan-due-group.is-elsewhere .plan-due-dot{background:var(--fg-3)}
.plan-due-fold{width:100%;padding-bottom:10px;border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer}
.plan-due-fold[aria-expanded="true"]{padding-bottom:4px}
.plan-due-fold:hover{color:var(--fg)}
.plan-due-fold svg{margin-left:auto;color:var(--fg-3)}
.plan-due-list{display:grid;padding:0 8px 6px}
.plan-due-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 12px;min-height:52px;padding:7px 8px;border-radius:9px;transition:background 100ms ease,opacity 160ms ease}
.plan-due-row[hidden]{display:none}
.plan-due-row:hover{background:var(--bg-hover)}
.plan-due-row.is-leaving{opacity:.35;pointer-events:none}
.plan-due-text{display:grid;gap:2px;min-width:0}
.plan-due-title{justify-self:start;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;font-weight:500;line-height:1.35;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.plan-due-title:hover{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}

.plan-due-meta{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 0 -12px;min-width:0;clip-path:inset(0 0 0 12px);color:var(--fg-3);font-size:12px;line-height:1.4}
.plan-due-bit{position:relative;padding-left:12px}
.plan-due-bit::before{content:'·';position:absolute;left:4px;color:var(--border-strong)}
.plan-due-meta .plan-due-id{font-variant-numeric:tabular-nums}
.plan-due-meta .is-late{color:var(--blocked);font-weight:500}
.plan-due-meta .is-planned{color:var(--fg-2)}
.plan-due-actions{display:flex;align-items:center;gap:4px;flex:none}

.plan-due-add{gap:5px;border-color:transparent;background:transparent;color:var(--fg-2)}
.plan-due-row:hover .plan-due-add,.plan-due-add:focus-visible{border-color:var(--border-strong);background:var(--bg);color:var(--fg)}
.plan-due-row:hover .plan-due-add:hover{background:var(--bg-hover);border-color:var(--fg-3)}
@media (hover:none){.plan-due-add{border-color:var(--border-strong);color:var(--fg)}}
.plan-due-later{width:28px;height:28px;color:var(--fg-3)}
.plan-due-later:hover{color:var(--fg)}
.plan-due-more{display:inline-flex;align-items:center;gap:5px;margin:0 16px 10px;padding:0;border:0;background:transparent;color:var(--fg-3);font:inherit;font-size:12px;cursor:pointer}
.plan-due-more:hover{color:var(--fg)}
.day-plan-task .due-leaf{width:22px;height:24px}.day-plan-task .due-leaf-month{height:8px;line-height:8px;font-size:6px}.day-plan-task .due-leaf-day{font-size:10.5px}
@media (max-width:640px){
  .plan-due-top{flex-wrap:wrap;row-gap:10px}.plan-due-intro{flex-basis:calc(100% - 42px)}.plan-due-all{margin-left:42px}
  
  .plan-due-row{align-items:start;column-gap:10px}.plan-due-title{white-space:normal}.plan-due-actions{gap:0;margin-right:-4px}
  .plan-due-add:not(.is-move){width:28px;padding:0;justify-content:center}.plan-due-add:not(.is-move) span{display:none}
}


.plan-field{display:inline-flex;align-items:center;gap:7px;height:28px;margin-left:-8px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);font:inherit;font-size:13px;cursor:pointer}
.plan-field:hover{background:var(--bg-hover);color:var(--fg-2)}
.plan-field svg{flex:none;width:12px;height:12px;color:var(--fg-3)}
.plan-field.is-set{color:var(--fg)}
.plan-field.is-late{color:var(--blocked)}

.week-card-foot .due-leaf::before,.week-card-foot .due-leaf::after,.card-top .due-leaf::before,.card-top .due-leaf::after,.subtask-row .due-leaf::before,.subtask-row .due-leaf::after,.day-plan-task .due-leaf::before,.day-plan-task .due-leaf::after{display:none}