:root{--bg-primary:#1e1e1e;--bg-primary-alt:#1a1a1a;--bg-secondary:#171717;--bg-secondary-alt:#131313;--bg-titlebar:#101010;--border:#2b2b2b;--border-soft:#232323;--hover:rgba(255,255,255,0.055);--active:rgba(127,109,242,0.16);--text-normal:#dcddde;--text-muted:#9a9a9a;--text-faint:#6b6b6b;--text-error:#e26d6d;--accent:#7f6df2;--accent-hover:#8f80f5;--link:#a58cf3;--unresolved:#c78d63;--inline-title:#d7ba8a;--radius:5px;--font-ui:"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,system-ui,sans-serif;--font-mono:"Consolas","SFMono-Regular","Yu Gothic",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-normal);font-family:var(--font-ui);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#444;background-clip:content-box}.workspace{--left-width:248px;--right-width:330px;display:grid;grid-template-columns:44px var(--left-width) minmax(0,1fr) var(--right-width);height:100vh;overflow:hidden;background:var(--bg-secondary);transition:grid-template-columns .14s ease}.workspace[data-left=closed]{--left-width:0px}.workspace[data-right=closed]{--right-width:0px}.ribbon{background:var(--bg-titlebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0}.ribbon__button{width:30px;height:30px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-faint);border-radius:var(--radius);cursor:pointer}.ribbon__button:hover{background:var(--hover);text-decoration:none}.ribbon__button--active,.ribbon__button:hover{color:var(--text-normal)}.ribbon__spacer{flex:1 1}.left-pane,.right-pane-wrapper{background:var(--bg-secondary);overflow:hidden;min-width:0}.left-pane{border-right:1px solid var(--border-soft)}.right-pane-wrapper{border-left:1px solid var(--border-soft)}.main-pane{position:relative;background:var(--bg-primary);min-width:0;overflow:hidden;container-type:inline-size}.main-pane__scroll{height:100vh;overflow-y:auto}.view-header{position:-webkit-sticky;position:sticky;top:0;z-index:4;height:40px;display:flex;align-items:center;justify-content:center;padding:0 44px;background:var(--bg-primary);border-bottom:1px solid var(--border-soft)}.view-header__title{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.view-header__actions{position:absolute;right:44px;display:flex;align-items:center;gap:6px}.view-header__link{font-size:12px;color:var(--text-faint);padding:2px 7px;border-radius:var(--radius)}.view-header__link:hover{background:var(--hover);color:var(--text-normal);text-decoration:none}.view-content{padding:26px 34px 120px;max-width:1120px;margin:0 auto}.pane-edge{position:absolute;top:6px;z-index:5;width:26px;height:26px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-faint);border-radius:var(--radius);cursor:pointer}.pane-edge:hover{background:var(--hover);color:var(--text-normal)}.pane-edge--left{left:6px}.pane-edge--right{right:6px}.pane-header{height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;border-bottom:1px solid var(--border-soft);flex:none}.pane-header__title{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-header__count{font-size:11px;color:var(--text-faint)}.pane-header__actions{display:flex;gap:2px}.pane-toggle{border:none;background:transparent;color:var(--text-faint);font-size:11px;padding:2px 7px;border-radius:var(--radius);cursor:pointer}.pane-toggle:hover:not(:disabled){background:var(--hover);color:var(--text-normal)}.pane-toggle--on{background:var(--active);color:#c4b6ff}.pane-toggle:disabled{opacity:.4;cursor:not-allowed}.explorer{display:flex;flex-direction:column;height:100vh;min-width:248px}.explorer__search{position:relative;padding:8px 10px 4px}.explorer__search-icon{position:absolute;left:19px;top:15px;color:var(--text-faint);pointer-events:none}.explorer__search-input{width:100%;padding:5px 8px 5px 28px;background:var(--bg-secondary-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-normal);font-size:13px}.explorer__search-input::placeholder{color:var(--text-faint)}.explorer__search-input:focus{outline:none;border-color:var(--accent)}.explorer__new{display:flex;align-items:center;gap:7px;margin:4px 10px 8px;padding:6px 9px;border-radius:var(--radius);color:var(--text-muted);font-size:13px}.explorer__new:hover{background:var(--hover);color:var(--text-normal);text-decoration:none}.explorer__tree{flex:1 1;overflow-y:auto;padding:0 6px 12px}.explorer__footer{flex:none;border-top:1px solid var(--border-soft);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted)}.explorer__user{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.explorer__logout{border:none;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:var(--radius)}.explorer__logout:hover{background:var(--hover);color:var(--text-normal)}.tree__folder{width:100%;display:flex;align-items:center;gap:4px;padding:4px 6px;border:none;background:transparent;color:var(--text-muted);font-size:13px;border-radius:var(--radius);cursor:pointer;text-align:left}.tree__folder:hover{background:var(--hover);color:var(--text-normal)}.tree__chevron{color:var(--text-faint);transition:transform .12s ease;flex:none}.tree__chevron--open{transform:rotate(90deg)}.tree__folder-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__count{font-size:11px;color:var(--text-faint)}.tree__children{margin-left:9px;padding-left:8px;border-left:1px solid var(--border-soft);display:flex;flex-direction:column}.tree__file{padding:3px 8px;border-radius:var(--radius);color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree__file:hover{background:var(--hover);color:var(--text-normal);text-decoration:none}.tree__file--active{background:var(--active);color:#c4b6ff}.tree__empty{padding:3px 8px;font-size:12px;color:var(--text-faint)}.right-pane{display:flex;flex-direction:column;height:100vh;min-width:330px}.right-pane__body{flex:1 1;position:relative;min-height:0}.graph{position:absolute;inset:0;overflow:hidden}.graph__canvas{display:block;width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.graph__canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.graph__empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--text-faint);font-size:12px;pointer-events:none}.graph__hud{position:absolute;left:10px;bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-faint)}.graph__reset{border:1px solid var(--border);background:var(--bg-secondary-alt);color:var(--text-muted);font-size:11px;padding:1px 7px;border-radius:var(--radius);cursor:pointer}.graph__reset:hover{color:var(--text-normal);border-color:#3a3a3a}.graph__tooltip{position:absolute;top:8px;left:10px;right:10px;font-size:12px;color:var(--text-normal);background:rgba(20,20,20,.92);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-pane__legend{flex:none;border-top:1px solid var(--border-soft);padding:7px 12px;display:flex;gap:12px;font-size:11px;color:var(--text-faint)}.right-pane__legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#9aa0a6;display:inline-block}.legend-dot--active{background:var(--accent)}.legend-dot--unresolved{background:#4a4a4a}.button{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary-alt);color:var(--text-normal);cursor:pointer;white-space:nowrap;font-size:13px}.button:hover{background:#232323;border-color:#3a3a3a;text-decoration:none}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.button--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button--danger{color:var(--text-error)}.button--block{width:100%;justify-content:center}.button:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary-alt);color:var(--text-normal)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.panel{background:var(--bg-primary-alt);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px}.muted{color:var(--text-muted)}.small{font-size:12px}.error{color:#f0a0a0;background:rgba(180,60,60,.14);border:1px solid rgba(200,80,80,.3);border-radius:var(--radius);padding:7px 10px;margin:10px 0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}.page-header h1{font-size:19px;margin:0 0 3px;color:var(--text-normal)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{display:inline-block;padding:0 7px;border-radius:999px;background:var(--bg-secondary-alt);border:1px solid var(--border);font-size:11px;color:var(--text-muted)}.chip--role,.chip--type{background:rgba(127,109,242,.13);border-color:rgba(127,109,242,.28);color:#b4a4f7}.note-list{display:flex;flex-direction:column;gap:6px}.note-card{background:var(--bg-primary-alt);border:1px solid var(--border-soft);border-radius:var(--radius);padding:9px 13px}.note-card:hover{border-color:var(--border)}.note-card__title{font-size:14.5px;font-weight:600;color:var(--text-normal)}.note-card__title:hover{color:var(--link);text-decoration:none}.note-card__meta{font-size:11.5px;color:var(--text-faint);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.note-card__snippet{color:var(--text-muted);font-size:12.5px;margin:2px 0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.editor{max-width:820px;margin:0 auto}.editor--wide{max-width:none}.editor__single{display:block}.note-aside{max-width:820px;margin:0 auto}.editor__toolbar{margin-bottom:2px}.editor__title{width:100%;font-size:30px;font-weight:700;line-height:1.35;padding:2px 0;border:none;background:transparent;color:var(--inline-title);font-family:var(--font-ui)}.editor__title:focus{outline:none}.editor__title::placeholder{color:#4a4137}.editor__props{gap:10px;flex-wrap:wrap;padding:7px 0 10px;border-bottom:1px solid var(--border-soft);margin-bottom:14px}.editor__prop,.editor__props{display:flex;align-items:center}.editor__prop{gap:6px;font-size:11.5px;color:var(--text-faint)}.editor__prop input,.editor__prop select{width:auto;min-width:110px;padding:2px 7px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary-alt);color:var(--text-normal);font-size:12.5px}.editor__prop input{min-width:180px}.editor__prop input:focus,.editor__prop select:focus{outline:none;border-color:var(--accent)}.editor__split{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}@container (min-width: 900px){.editor__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.editor__pane{position:relative}.editor__textarea{width:100%;min-height:calc(100vh - 300px);padding:0;border:none;background:transparent;color:var(--text-normal);font-family:var(--font-mono);font-size:14px;line-height:1.9;resize:none;-moz-tab-size:2;tab-size:2}.editor__textarea:focus{outline:none}.editor__textarea::placeholder{color:var(--text-faint)}.editor__split .editor__textarea{padding-right:14px;border-right:1px solid var(--border-soft)}.editor__preview{min-height:120px}.editor__hint{font-size:11.5px;color:var(--text-faint);margin-top:10px}.autocomplete{position:absolute;z-index:30;background:#232323;border:1px solid #3a3a3a;border-radius:7px;box-shadow:0 10px 30px rgba(0,0,0,.5);min-width:250px;max-height:250px;overflow-y:auto;padding:4px}.autocomplete__item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:4px 8px;border-radius:var(--radius);cursor:pointer;font-size:13px;color:var(--text-muted)}.autocomplete__item--active{background:var(--accent);color:#fff}.autocomplete__item--active .chip{background:rgba(255,255,255,.16);border-color:transparent;color:#fff}.autocomplete__hint{padding:4px 8px 2px;font-size:11px;color:var(--text-faint);border-top:1px solid var(--border-soft);margin-top:4px}.markdown{overflow-wrap:anywhere;color:var(--text-normal)}.markdown>:first-child{margin-top:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{line-height:1.4;margin:1.5em 0 .5em;color:var(--text-normal);font-weight:700}.markdown h1{font-size:1.5em}.markdown h2{font-size:1.25em}.markdown h3{font-size:1.1em}.markdown blockquote,.markdown ol,.markdown p,.markdown table,.markdown ul{margin:.7em 0}.markdown ol,.markdown ul{padding-left:1.6em}.markdown li{margin:.2em 0}.markdown code{background:#2a2a2a;border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:88%;color:#d6b48f}.markdown pre{background:#161616;border:1px solid var(--border-soft);color:#d8d8d8;padding:12px 14px;border-radius:var(--radius);overflow-x:auto}.markdown pre code{background:transparent;color:inherit;padding:0}.markdown blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:14px;color:var(--text-muted)}.markdown table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.markdown td,.markdown th{border:1px solid var(--border);padding:5px 10px;text-align:left}.markdown th{background:var(--bg-secondary-alt);color:var(--text-muted)}.markdown hr{border:none;border-top:1px solid var(--border)}.wikilink{color:var(--link)}.wikilink:hover{text-decoration:underline}.wikilink--new{color:var(--unresolved);opacity:.85}.backlinks{margin-top:28px;border-top:1px solid var(--border-soft);padding-top:14px}.backlinks h2{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-weight:600}.backlinks__list{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-secondary)}.login__card{width:100%;max-width:360px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:26px 24px}.login__card h1{margin:0 0 4px;font-size:19px;color:var(--inline-title)}.login__field{margin:14px 0}.login__field label{display:block;font-size:11.5px;color:var(--text-faint);margin-bottom:4px}.login__card code{background:#2a2a2a;border-radius:3px;padding:0 4px;font-family:var(--font-mono);font-size:11.5px}.table{width:100%;border-collapse:collapse;background:var(--bg-primary-alt);font-size:12.5px;border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.table td,.table th{border-bottom:1px solid var(--border-soft);padding:6px 10px;text-align:left;vertical-align:top}.table th{background:var(--bg-secondary-alt);font-size:11.5px;color:var(--text-faint);font-weight:600}.table tr:last-child td{border-bottom:none}@media (max-width:1100px){.workspace{--right-width:0px}}@media (max-width:820px){.workspace{--left-width:0px}}