:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius-s:4px;--radius-m:8px;--radius-l:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-w:232px;--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#d9dde3;--border-strong:#b7bec8;--text:#16191d;--text-muted:#5a6370;--accent:#2d5bd7;--accent-strong:#1f47b3;--accent-contrast:#fff;--focus:#f0a000;--ok:#1d7a3f;--ok-bg:#e5f5ea;--warn:#8a5a00;--warn-bg:#fff3d6;--danger:#b3261e;--danger-bg:#fdeceb;--info:#1f5fa8;--info-bg:#e6f0fb;--sim:#6b3fa0;--sim-bg:#f1e9fb;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111317;--surface:#181b20;--surface-2:#20242b;--border:#2e333c;--border-strong:#454c57;--text:#e8eaee;--text-muted:#9aa3b0;--accent:#7ea2ff;--accent-strong:#a3bdff;--accent-contrast:#0b1020;--focus:#ffc24d;--ok:#5fd08a;--ok-bg:#12301d;--warn:#f2c14e;--warn-bg:#33280c;--danger:#ff8a80;--danger-bg:#3a1614;--info:#8ab8ff;--info-bg:#13253d;--sim:#c9a5ff;--sim-bg:#2a1d3d;--shadow:0 1px 2px #0006}}:root[data-theme=dark]{--bg:#111317;--surface:#181b20;--surface-2:#20242b;--border:#2e333c;--border-strong:#454c57;--text:#e8eaee;--text-muted:#9aa3b0;--accent:#7ea2ff;--accent-strong:#a3bdff;--accent-contrast:#0b1020;--focus:#ffc24d;--ok:#5fd08a;--ok-bg:#12301d;--warn:#f2c14e;--warn-bg:#33280c;--danger:#ff8a80;--danger-bg:#3a1614;--info:#8ab8ff;--info-bg:#13253d;--sim:#c9a5ff;--sim-bg:#2a1d3d;--shadow:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 var(--space-3)}a{color:var(--accent)}code,pre,.mono{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-s)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--surface);padding:var(--space-2) var(--space-3);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row-between{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-s{gap:var(--space-2);flex-direction:column;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.spacer{flex:1}.nowrap{white-space:nowrap}.pre-wrap{white-space:pre-wrap}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-3);gap:var(--space-2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:var(--space-2);padding:var(--space-2);font-weight:700;display:flex}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-contrast);border-radius:6px;place-items:center;font-size:14px;display:grid}.nav-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-3) var(--space-2) var(--space-1);font-size:.72rem}.nav-link{align-items:center;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-m);color:var(--text);text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2)}.nav-link[aria-current=page],.nav-link.active{background:var(--info-bg);color:var(--info);font-weight:600}.nav-icon{text-align:center;opacity:.8;width:20px}.main{flex-direction:column;min-width:0;display:flex}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.content{padding:var(--space-5);width:100%;max-width:1440px}.menu-toggle{display:none}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:260px;box-shadow:var(--shadow);transition:transform .15s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.menu-toggle{display:inline-flex}.content{padding:var(--space-4)}.split{grid-template-columns:1fr!important}}@media (max-width:640px){.topbar{padding:var(--space-2) var(--space-3);flex-wrap:wrap}}.banner{padding:var(--space-2) var(--space-5);gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:.9rem;display:flex}.banner-sim{background:var(--sim-bg);color:var(--sim);font-weight:600}.banner-offline{background:var(--warn-bg);color:var(--warn)}.banner-error{background:var(--danger-bg);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--space-4)}.card-title{margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;font-weight:650;display:flex}.card-flat{background:var(--surface-2);border-radius:var(--radius-m);padding:var(--space-3)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header p{margin:0}.split{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.split-wide{grid-template-columns:minmax(0,1fr) 420px}hr.sep{border:0;border-top:1px solid var(--border);margin:var(--space-4) 0}.btn{align-items:center;gap:var(--space-2);font:inherit;border-radius:var(--radius-m);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;justify-content:center;min-height:36px;padding:7px 14px;font-size:.92rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-ghost{background:0 0;border-color:#0000}.btn-s{min-height:28px;padding:3px 9px;font-size:.85rem}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>label,.field-label{font-size:.88rem;font-weight:600}.field-help{color:var(--text-muted);font-size:.8rem}.field-error{color:var(--danger);font-size:.82rem}.input,.select,.textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-m);width:100%;min-height:36px;padding:7px 10px}.textarea{resize:vertical;min-height:90px}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.checkbox{gap:var(--space-2);align-items:flex-start;display:flex}.checkbox input{margin-top:4px}.form-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}fieldset{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-3);margin:0}legend{padding:0 var(--space-1);font-weight:600}.badge{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:#0000}.badge-info{background:var(--info-bg);color:var(--info);border-color:#0000}.badge-sim{background:var(--sim-bg);color:var(--sim);border-color:#0000}.state-box{border:1px dashed var(--border-strong);border-radius:var(--radius-l);padding:var(--space-5);text-align:center;color:var(--text-muted)}.state-box h3{color:var(--text)}.state-error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger);text-align:left}.state-error h3{color:var(--danger)}.notice{border-left:4px solid var(--info);background:var(--info-bg);padding:var(--space-3);border-radius:var(--radius-m)}.notice-warn{border-left-color:var(--warn);background:var(--warn-bg)}.notice-danger{border-left-color:var(--danger);background:var(--danger-bg)}.notice-sim{border-left-color:var(--sim);background:var(--sim-bg)}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--border), var(--surface-2));border-radius:var(--radius-m);background-size:200% 100%;min-height:18px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.sidebar{transition:none}}.save-status{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.dot-info{background:var(--info)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-2);font-size:.78rem}.table tr:last-child td{border-bottom:0}.table tr.clickable:hover{background:var(--surface-2);cursor:pointer}.list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-3)}.kv{gap:4px var(--space-3);grid-template-columns:max-content 1fr;font-size:.9rem;display:grid}.kv dt{color:var(--text-muted)}.kv dd{margin:0}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);gap:2px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;text-decoration:none}.tab[aria-selected=true],.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}dialog.dialog{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);color:var(--text);width:100%;max-width:min(720px,94vw);box-shadow:var(--shadow);padding:0}dialog.dialog::backdrop{background:#00000073}.dialog-head{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.dialog-body{padding:var(--space-4);max-height:70vh;overflow-y:auto}.dialog-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.toasts{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:50;flex-direction:column;max-width:min(420px,92vw);display:flex;position:fixed}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius-m);padding:var(--space-3);box-shadow:var(--shadow)}.toast-error{border-left-color:var(--danger)}.toast-ok{border-left-color:var(--ok)}.editor-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}.editor-toolbar{padding:var(--space-2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.editor-content .ProseMirror{min-height:420px;padding:var(--space-4) var(--space-5);outline:none;font-size:1.02rem;line-height:1.65}.editor-content .ProseMirror>*{position:relative}.editor-content .ProseMirror>[data-has-comments=true]:before{content:"";background:var(--warn);border-radius:3px;width:6px;height:1em;position:absolute;top:.35em;left:-14px}.editor-content .ProseMirror>.block-focus{background:var(--info-bg);border-radius:4px}.editor-content .ProseMirror:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.diff-block{padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);white-space:pre-wrap;margin-bottom:4px}.diff-added{background:var(--ok-bg)}.diff-removed{background:var(--danger-bg);text-decoration:line-through}.diff-changed{background:var(--warn-bg)}.compare{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.compare{grid-template-columns:1fr}}.cal-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-l);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cal-cell{background:var(--surface);flex-direction:column;gap:4px;min-height:110px;padding:6px;font-size:.82rem;display:flex}.cal-cell.out{background:var(--surface-2);color:var(--text-muted)}.cal-head{background:var(--surface-2);text-align:center;padding:6px;font-size:.75rem;font-weight:600}.cal-item{border:1px solid var(--border);background:var(--surface-2);text-align:left;cursor:pointer;color:var(--text);font-size:.78rem;font:inherit;border-radius:6px;padding:3px 6px}.cal-item.confirmed{border-color:var(--ok);background:var(--ok-bg)}.cal-item.planned{border-style:dashed}.variant{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);background:var(--surface);flex-direction:column;gap:6px;display:flex}.variant.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thumb-small{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-radius:6px;width:168px}.bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.command{flex:1;max-width:520px;position:relative}.command-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow);z-index:40;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.command-results li button{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px}.command-results li button:hover,.command-results li button[aria-selected=true]{background:var(--surface-2)}.token-box{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-m);word-break:break-all}