:root{--lop-bg: #0f1420;--lop-surface: #171d2b;--lop-surface-2: #1f2637;--lop-border: #2a3346;--lop-text: #e7ecf5;--lop-text-dim: #97a3b8;--lop-primary: #5b8def;--lop-primary-ink: #ffffff;--lop-accent: #37d3a0;--lop-warn: #f2b544;--lop-danger: #f2685f;--lop-glow: rgba(91, 141, 239, .14);--lop-radius: 10px;--lop-radius-sm: 7px;--lop-shadow: 0 8px 30px rgba(0, 0, 0, .35);--lop-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--lop-mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, monospace;--lop-rail-w: 232px;--lop-rail-w-dense: 56px;--lop-shell-gutter-x: 26px;--lop-shell-gutter-top: 24px;--lop-shell-gutter-bottom: 80px;--lop-content-max: 1180px;--lop-canvas-chrome: 260px;--lop-canvas-min: 480px;--lop-canvas-floor-reserve: 140px;--lop-dock-w: 520px;color-scheme:dark}:root[data-theme=light]{--lop-bg: #f4f6fb;--lop-surface: #ffffff;--lop-surface-2: #eef1f8;--lop-border: #d7deec;--lop-text: #17203a;--lop-text-dim: #5b6a86;--lop-glow: rgba(91, 141, 239, .1);--lop-shadow: 0 8px 30px rgba(23, 32, 58, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--lop-font);background:radial-gradient(1200px 600px at 80% -10%,var(--lop-glow),transparent 60%),var(--lop-bg);color:var(--lop-text);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}kbd{font-family:var(--lop-mono);font-size:11px;background:var(--lop-surface-2);border:1px solid var(--lop-border);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--lop-text-dim)}.lop-workspace{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:960px){.lop-workspace{grid-template-columns:minmax(0,1fr) 420px}.lop-workspace>.lop-board{order:2}}.lop-page :focus-visible,.lop-drawer :focus-visible{outline:2px solid var(--lop-primary);outline-offset:2px;border-radius:var(--lop-radius-sm)}.lop-shell{display:flex;min-height:100vh}.lop-shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.lop-shell-header{display:flex;align-items:center;gap:12px;padding:10px var(--lop-shell-gutter-x);border-bottom:1px solid var(--lop-border)}.lop-shell-content{width:100%;min-width:0;max-width:var(--lop-content-max);padding:var(--lop-shell-gutter-top) var(--lop-shell-gutter-x) var(--lop-shell-gutter-bottom)}.lop-shell-main[data-intent=authoring]{--lop-shell-gutter-x: 16px;--lop-shell-gutter-top: 12px;--lop-shell-gutter-bottom: 24px}.lop-shell-main[data-intent=authoring]>.lop-shell-header{padding-top:6px;padding-bottom:6px}.lop-rail{width:var(--lop-rail-w);flex:none;border-right:1px solid var(--lop-border);background:var(--lop-surface);position:sticky;top:0;height:100vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:14px 8px 24px;z-index:9;transition:width .16s cubic-bezier(.4,0,.2,1)}.lop-rail[data-rail=collapsed]{--lop-rail-w: var(--lop-rail-w-dense);padding-left:6px;padding-right:6px}.lop-rail-row{display:grid;place-items:center;width:38px;height:34px;font:inherit;font-size:15px;border:none;border-radius:var(--lop-radius-sm);background:transparent;color:var(--lop-text);cursor:pointer}.lop-rail-row:hover{background:var(--lop-surface-2)}.lop-rail-row[aria-current=page]{background:var(--lop-surface-2);color:var(--lop-primary)}.lop-rail-row[data-teased=yes]{color:var(--lop-text-dim);opacity:.5;cursor:default}.lop-rail-row[data-teased=yes]:hover{background:transparent}@media(prefers-reduced-motion:reduce){.lop-rail{transition:none}}.lop-canvas-fit{height:max(min(var(--lop-canvas-min),calc(100vh - var(--lop-canvas-floor-reserve))),calc(100vh - var(--lop-canvas-chrome)))}.lop-canvas-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.lop-register-dock{display:grid;gap:16px;min-width:0;grid-template-columns:minmax(0,1fr)}.lop-register-dock[data-docked=yes]{grid-template-columns:minmax(0,1fr) minmax(0,var(--lop-dock-w));align-items:start}.lop-inspector-dock{position:sticky;top:12px;align-self:start;min-width:0;max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;background:var(--lop-surface);border:1px solid var(--lop-border);border-radius:var(--lop-radius)}.lop-page{display:grid;gap:18px;align-content:start;min-width:0}.lop-page[data-density=compact]{gap:12px}.lop-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.lop-page-header>.lop-page-header-identity{display:grid;gap:4px;flex:1 1 260px;min-width:0}.lop-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:639px){.lop-page-header{flex-direction:column}.lop-page-actions{width:100%}}.lop-header-facts{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;min-width:0}.lop-section{display:grid;gap:10px;min-width:0}.lop-section[data-frame=framed]{background:var(--lop-surface);border:1px solid var(--lop-border);border-radius:var(--lop-radius);padding:16px}.lop-section[data-frame=inset]{background:var(--lop-surface-2);border-radius:var(--lop-radius);padding:14px 16px}.lop-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.lop-portfolio{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"star" "pulse"}.lop-portfolio>.lop-portfolio-star{grid-area:star;min-width:0}.lop-portfolio>.lop-portfolio-pulse{grid-area:pulse;min-width:0}@media(min-width:960px){.lop-portfolio{grid-template-columns:minmax(0,1fr) minmax(0,340px);grid-template-areas:"pulse star";align-items:start}}.lop-matter-workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"consequence" "deliberation" "context"}.lop-matter-workspace>.lop-pane-consequence{grid-area:consequence;min-width:0}.lop-matter-workspace>.lop-pane-deliberation{grid-area:deliberation;min-width:0}.lop-matter-workspace>.lop-pane-context{grid-area:context;min-width:0}@media(min-width:1100px){.lop-matter-workspace{grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,400px);grid-template-areas:"context deliberation consequence";align-items:start}.lop-matter-workspace[data-context=none]{grid-template-columns:minmax(0,1fr) minmax(0,400px);grid-template-areas:"deliberation consequence"}}@media(min-width:720px)and (max-width:1099px){.lop-matter-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"consequence deliberation" "context context"}}.lop-register{display:grid;gap:14px;min-width:0}.lop-register-filters{display:grid;gap:8px;min-width:0}.lop-register-find{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.lop-register-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lop-record-list{overflow-x:auto}.lop-record-list>.lop-record-grid{min-width:100%}@media(max-width:719px){.lop-record-list>.lop-record-grid{min-width:560px}}.lop-journey-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start}.lop-journey-layout>.lop-journey-main{min-width:0;max-width:760px}@media(min-width:1000px){.lop-journey-layout[data-aside=yes]{grid-template-columns:minmax(0,1fr) minmax(0,280px)}}.lop-stat-strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lop-work-queue{display:grid;gap:0;margin:0;padding:0;list-style:none}.lop-work-queue>li{border-bottom:1px solid var(--lop-border)}.lop-work-queue>li:last-child{border-bottom:none}.lop-back-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5}.lop-disclosure>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:2px 0;border-radius:var(--lop-radius-sm)}.lop-disclosure>summary::-webkit-details-marker{display:none}.lop-disclosure>summary:before{content:"▸";font-size:9px;line-height:1;transition:transform .12s ease}.lop-disclosure[open]>summary:before{transform:rotate(90deg)}.lop-disclosure>summary:focus-visible{outline:2px solid var(--lop-primary);outline-offset:2px}
