:root{--bg:#050505;--surface:#111;--surface-soft:#181818;--border:#2a2a2a;--border-soft:#1f1f1f;--text:#f5f5f5;--muted:#a3a3a3;--dim:#6b6b6b;--line:#d9d9d9;--accent:#d50000;--idea:#ff2a2a;--warning:#f5c542;--ok:#5fd08a;--info:#4fa3ff;--f-sans:"IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace;--r:3px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.7}button{font-family:inherit}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.dim{color:var(--dim)}.xs{font-size:11px;line-height:1.6}.break{word-break:break-all}.full{justify-content:center;width:100%}.mt{margin-top:8px}.shell{flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:0}.panel-hd{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.panel-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.panel-bd{padding:12px}.loading{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.topbar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:9px 14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.wordmark{letter-spacing:.2em;font-size:15px;font-weight:700;line-height:1}.brand-sub{letter-spacing:.16em;color:var(--dim);margin-top:3px;font-size:9.5px}.top-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sync-meta{text-align:right;line-height:1.35}.chip{border:1px solid var(--border);background:var(--surface-soft);font-family:var(--f-mono);letter-spacing:.08em;color:var(--muted);white-space:nowrap;border-radius:2px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.st-local{color:var(--ok);border-color:#26402f}.st-syncing{color:var(--info);border-color:#1e3350}.st-synced{color:var(--line)}.st-conflict{color:var(--idea);border-color:#4a1414}.st-offline{color:var(--dim)}.btn{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;transition:border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--idea);outline-offset:2px}.btn.xs{padding:5px 10px;font-size:11.5px}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#b00000;border-color:#b00000}.btn-danger{color:var(--muted)}.btn-danger:hover{color:var(--idea);border-color:#4a1414}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:10px;font-family:var(--f-mono);margin-bottom:6px}.label.warn{color:var(--warning)}.empty{color:var(--dim);margin:6px 0 0;font-size:11.5px;line-height:1.6}.stack{flex-direction:column;gap:6px;display:flex}.stack-lg{flex-direction:column;gap:18px;display:flex}.wrap{flex-wrap:wrap;gap:5px;display:flex}.tag{font-family:var(--f-mono);color:var(--muted);border:1px solid var(--border);border-radius:2px;padding:1px 7px;font-size:11px;display:inline-block}.gap-chip{font-family:var(--f-mono);color:var(--warning);border:1px dashed #4a3f14;border-radius:2px;padding:1px 7px;font-size:11px;display:inline-block}.main{flex:1;grid-template-columns:260px minmax(320px,1fr) minmax(300px,1fr) 280px;gap:12px;min-height:0;display:grid}.main>.panel{flex-direction:column;display:flex;overflow:hidden}.rail{gap:0;padding:12px;overflow-y:auto}.rail .btn.full{margin-bottom:10px}.search-input,.md-input{background:var(--surface-soft);border:1px solid var(--border);width:100%;color:var(--text);border-radius:2px;padding:7px 10px;font-family:inherit;font-size:12.5px}.search-input::placeholder,.md-input::placeholder{color:var(--dim)}.search-input:focus,.md-input:focus{border-color:var(--accent);outline:none}.rail-sec{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px;font-family:var(--f-mono);margin:16px 0 6px}.note-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.note-list button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:2px;align-items:center;gap:8px;padding:5px 9px;font-size:12.5px;display:flex}.note-list button:hover{background:var(--surface-soft);color:var(--text)}.note-list button.on{background:var(--surface-soft);color:var(--text);border-left-color:var(--accent)}.nl-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.nl-meta{color:var(--dim);flex:none;margin-left:auto;font-size:10px}.oct-idea{background:var(--idea);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);flex:none;width:7px;height:7px}.tree{margin:0;padding:0;font-size:12px;list-style:none}.tree li{color:var(--muted);justify-content:space-between;gap:8px;padding:3px 9px;display:flex}.tree .path{font-family:var(--f-mono);font-size:11.5px}.tree .n{color:var(--dim);font-size:11px}.vault-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:2px;margin-top:14px;padding:10px}.vb-hd{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.editor .tabs{gap:2px;display:flex}.tab{color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:3px 11px;font-size:12px}.tab.on{color:var(--text);border-color:var(--border);background:var(--surface-soft)}.md-input{font-family:var(--f-mono);resize:none;background:0 0;border:0;border-radius:0;flex:1;padding:16px 18px;font-size:13px;line-height:1.85}.md-input:focus{border-color:#0000}.md-view{flex:1;padding:16px 18px;overflow-y:auto}.md-view h1{text-wrap:balance;margin:0 0 12px;font-size:20px;font-weight:600}.md-view h2{margin:20px 0 7px;font-size:14px;font-weight:600}.md-view h3{color:var(--muted);margin:16px 0 6px;font-size:13px;font-weight:600}.md-view p,.md-view li{color:#dcdcdc}.md-view p{max-width:62ch;margin:0 0 8px}.md-view ul,.md-view ol{margin:0 0 10px;padding-left:18px}.md-view li::marker{color:var(--dim)}.md-view code{font-family:var(--f-mono);background:var(--surface-soft);border-radius:2px;padding:1px 5px;font-size:12px}.md-view pre{background:var(--surface-soft);border:1px solid var(--border);border-radius:2px;padding:10px 12px;overflow-x:auto}.md-view pre code{background:0 0;padding:0}.md-view blockquote{border-left:2px solid var(--border);color:var(--muted);margin:0 0 10px;padding-left:12px}.md-view a.wl{color:var(--line);border-bottom:1px dashed var(--dim);cursor:pointer;text-decoration:none}.md-view a.wl:hover{color:var(--idea);border-bottom-color:var(--idea)}.md-view table{border-collapse:collapse;font-size:12.5px}.md-view th,.md-view td{border:1px solid var(--border);padding:5px 9px}.syncmeta{background:var(--border-soft);border-top:1px solid var(--border-soft);flex:none;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:1px;margin:0;display:grid}.syncmeta div{background:var(--surface);padding:7px 11px}.syncmeta dt{font-family:var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin:0 0 1px;font-size:9px}.syncmeta dd{font-family:var(--f-mono);color:var(--muted);margin:0;font-size:11px}.graph-panel{min-height:240px}.graph-wrap{flex:1;min-height:0;position:relative}.graph-canvas{width:100%;height:100%;display:block}.graph-legend{color:var(--dim);flex-wrap:wrap;align-items:center;gap:12px;font-size:10.5px;display:flex;position:absolute;bottom:8px;left:10px}.graph-legend span{align-items:center;gap:5px;display:flex}.sw{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);width:8px;height:8px}.sw-note{background:var(--line)}.sw-idea{background:var(--idea)}.sw-gap{background:var(--warning)}.inspector{overflow-y:auto}.rel{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.rel li{align-items:center;gap:8px;display:flex}.rel button{text-align:left;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:2px;flex:1;padding:4px 8px;font-size:12.5px;overflow:hidden}.rel button:hover{background:var(--surface-soft);color:var(--text)}.rel .score{font-family:var(--f-mono);color:var(--dim);flex:none;padding-right:6px;font-size:10.5px}.creed{text-align:center;color:var(--muted);letter-spacing:.04em;flex:none;padding:2px 0 4px;font-size:11px}@media (width<=1400px){.main{grid-template-columns:240px 1fr 1fr}.inspector{grid-column:1/-1}}@media (width<=1000px){.shell{height:auto}.main{grid-template-columns:1fr}.main>.panel{max-height:none}.editor .md-input,.editor .md-view{min-height:300px}.graph-panel{height:380px}.topbar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}