:root{color-scheme:dark;--bg:#0b0d16;--deep:#080a12;--side:#11131f;--panel:#141725;--panel2:#1a1d2e;--line:#272a3b;--muted:#83869f;--text:#e5e5f3;--purple:#a48aff;--teal:#78e6d3}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font:13px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button:disabled{opacity:.5;cursor:default}input,textarea{color:inherit}::selection{background:#7052b8aa;color:#fff}.shell{display:grid;grid-template-columns:62px 246px minmax(380px,1fr) 274px;min-height:100dvh;height:100dvh;overflow:hidden}.rail{display:flex;flex-direction:column;align-items:center;gap:14px;background:#0a0c15;border-right:1px solid #26283a;padding:21px 0 20px}.logo{display:grid;place-items:center;width:40px;height:40px;color:#d4c5ff;background:linear-gradient(140deg,#573c88,#2a2655);border:1px solid #7660ac;border-radius:13px;margin-bottom:29px;box-shadow:0 0 30px #8766d32c}.rail-btn{height:39px;width:39px;background:transparent;border:1px solid transparent;border-radius:10px;color:#72758f;font-size:23px;line-height:1}.rail-btn:hover{background:#1a1b2b;color:#fff}.rail-btn.active{background:#2b2342;border-color:#4c3b70;color:#b8a1ff;box-shadow:inset 3px 0 #ab90ff}.rail-spacer{flex:1}.sidebar{min-width:0;background:#11131eea;border-right:1px solid var(--line);display:flex;flex-direction:column}.vault-top{display:flex;align-items:center;padding:24px 16px 24px;gap:10px}.vault-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#29213d;border:1px solid #47385f;color:#c1a9ff;font-size:17px;font-weight:800}.vault-head{min-width:0}.vault-head strong{font-size:11px;letter-spacing:1px;display:block;white-space:nowrap}.vault-head span{font-size:8px;letter-spacing:1.55px;color:#85859d;white-space:nowrap}.soft-btn{border:0;background:transparent;color:#9b9cb4;font-size:18px;padding:5px 7px;border-radius:7px;line-height:1.2}.soft-btn:hover{background:#28273b;color:white}.side-tabs{display:flex;justify-content:space-between;align-items:center;padding:0 18px 12px;color:#b6b5cb;font-size:10px;font-weight:800;letter-spacing:1.5px}.search-wrap{display:flex;align-items:center;background:#1a1c2b;border:1px solid #303044;border-radius:9px;margin:0 12px 18px;padding:0 9px;gap:6px}.search-glyph{font-size:22px;color:#9897b1}.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px;padding:10px 0}.search-wrap input::placeholder{color:#6c6f86}kbd{border:1px solid #444359;color:#8d8da6;border-radius:4px;padding:0 5px;font:10px ui-monospace,monospace}.side-section{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px;color:#9295ac;font-size:10px;letter-spacing:1.5px;font-weight:750}.note-list{min-height:100px;flex:1;overflow-y:auto;padding:0 9px 12px}.note-row{display:flex;align-items:center;gap:9px;width:100%;background:none;border:1px solid transparent;color:#b1b1c4;text-align:left;padding:9px 9px;border-radius:8px;margin:2px 0;font-size:11px}.note-row svg{flex:none;opacity:.62}.note-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row:hover{background:#1d1d2d;color:#fff}.note-row.active{background:#28233d;border-color:#4c3a75;color:#eee7ff}.note-row.active svg{color:#b297ff;opacity:1}.empty-side{padding:10px 12px;color:#787b95;font-size:11px}.side-tags{min-height:95px;max-height:34%;overflow-y:auto;border-top:1px solid #222436;padding-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:4px 13px 10px}.side-tag{font-size:10px;border:1px solid #343047;border-radius:6px;color:#9691b7;background:#211f30;padding:3px 7px}.side-tag:hover,.side-tag.active{background:#47365d;border-color:#805eae;color:#eadbff}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 13px 17px}.sync-indicator{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sync-dot,.status-led,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79d9c8;box-shadow:0 0 12px #66dbcc70;flex:none}.sync-dot.warn{background:#e6ac7f}.sync-indicator b{display:block;font-size:9px;letter-spacing:.8px;color:#c0bdca}.sync-indicator small{display:block;font-size:9px;color:#74778e}.new-btn{width:32px;height:32px;background:#382b55;color:#c2a6ff;border:1px solid #68508c;border-radius:8px;font-size:22px;line-height:1}.new-btn:hover{background:#5a4085}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}.toolbar{height:65px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px;border-bottom:1px solid var(--line);background:#0f111b}.crumb{display:flex;align-items:center;gap:12px;min-width:0;color:#8588a2;font-size:10px;letter-spacing:1px}.crumb-vault{white-space:nowrap}.separator{color:#44475b}.crumb #breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9d7ed;letter-spacing:.15px;font-size:11px}.toolbar-right{display:flex;align-items:center;gap:17px}.status-chip{display:flex;align-items:center;gap:7px;color:#8eacaa;font-size:10px;white-space:nowrap}.status-chip.error .status-led{background:#ff989d;box-shadow:none}.view-switch{display:flex;background:#1a1c2b;border:1px solid #303145;border-radius:9px;padding:3px;gap:2px}.view-btn{border:0;background:transparent;color:#8e8fa9;font-size:10px;font-weight:650;padding:8px 10px;border-radius:6px;white-space:nowrap}.view-btn.active{background:#403252;color:#e6d7ff;box-shadow:0 2px 8px #0003}.view-btn:hover{color:white}.content{min-height:0;flex:1;overflow:auto;background:radial-gradient(ellipse at 50% -50%,#37284e45,transparent 65%),var(--bg)}.editor-panel{min-height:100%}.editor-inner{max-width:850px;margin:0 auto;padding:59px 56px 45px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:2.2px;color:#9d8ada}.light-line{height:1px;width:21px;background:#9e7cff}.note-title{width:100%;border:none;outline:0;background:transparent;margin:18px 0 7px;padding:0;font-size:clamp(30px,3.3vw,47px);line-height:1.2;letter-spacing:-1.7px;font-weight:760;color:#f3f0ff}.note-title::placeholder{color:#62637b}.meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:10px;color:#85879f}.meta-dot{width:3px;height:3px;background:#74718a;border-radius:50%}.editor-tags{margin:22px 0 25px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag-pill{background:#2a243e;border:1px solid #514068;color:#bba7fb;border-radius:6px;font-size:10px;padding:4px 8px}.tag-pill button{background:none;border:0;padding:0 0 0 6px;color:#c3adf5}.editor-tags input{min-width:150px;flex:1;background:transparent;border:0;outline:0;color:#bfb3e9;font-size:11px;padding:4px 0}.editor-tags input::placeholder{color:#74748f}.doc-rule{height:1px;background:#2c2c40;margin-bottom:23px}.note-body{display:block;resize:none;width:100%;min-height:330px;overflow:hidden;padding:0;border:0;background:transparent;outline:0;color:#c9c9db;line-height:2;font:13px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.note-body::placeholder{color:#73758d}.editor-footer{margin-top:18px;border-top:1px solid #292b3f;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#74768e;font-size:9px;font-weight:700;letter-spacing:1.05px}.delete-btn{border:0;background:transparent;color:#9d7f90;font-size:10px;white-space:nowrap}.delete-btn:hover{color:#ffc3cc}.note-preview{min-height:350px;color:#cbcce1;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.note-preview h1,.note-preview h2,.note-preview h3{color:#f2edff;letter-spacing:-.5px;line-height:1.35;margin:23px 0 10px}.note-preview h1{font-size:27px}.note-preview h2{font-size:21px}.note-preview h3{font-size:17px}.note-preview p{margin:0 0 13px}.note-preview li{margin:5px 0}.note-preview ul{padding-left:20px}.note-preview pre{background:#191a29;border:1px solid #323145;border-radius:9px;padding:14px;overflow:auto}.note-preview code{font-family:ui-monospace,monospace;background:#302947;color:#bfaaff;padding:2px 4px;border-radius:3px}.note-preview pre code{background:none;padding:0}.note-preview blockquote{margin:12px 0;padding:5px 14px;background:#242038;border-left:3px solid #9d82ee;color:#d3c3ff}.wiki{border:0;border-radius:4px;padding:1px 5px;background:#2e2649;color:#c6b1ff}.wiki.missing{background:#35272e;color:#e5a0aa}.wiki:hover{text-decoration:underline}.note-preview a{color:#9edfd9}.inspector{display:flex;flex-direction:column;background:#10121de8;border-left:1px solid var(--line);min-width:0;overflow-y:auto;padding:23px 17px 16px}.inspector-head{display:flex;align-items:center;justify-content:space-between;color:#aaa9c2;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:17px}.asterisk{color:#a991ff;font-size:22px}.inspector-profile{border:1px solid #363147;border-radius:14px;background:linear-gradient(158deg,#28213c,#191b2b 64%);padding:21px 18px;margin-bottom:21px}.mini-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#41345b;color:#c6aaff;font-size:21px;margin-bottom:17px}.mini-label{font-size:8px;letter-spacing:1.7px;color:#b3a3d8;font-weight:800}.inspector-profile h2{font-size:22px;line-height:1.17;letter-spacing:-.7px;margin:9px 0 14px}.inspector-profile em,.graph-head em,.auth-box em{font-style:normal;color:#b49afc}.inspector-profile p{font-size:10px;color:#aaa6ba;line-height:1.8;margin:0}.inspector-block{border-bottom:1px solid #292b3e;padding:0 2px 19px;margin-bottom:20px}.inspector-section-head{display:flex;justify-content:space-between;color:#aba9c2;font-weight:800;font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.inspector-section-head span:last-child{color:#716f8d}.stat-row{display:flex;justify-content:space-between;padding:5px 0;color:#999bb2;font-size:11px}.stat-row strong{color:#e7dcff;font-size:12px}.backlink-list{display:flex;flex-direction:column;gap:5px}.backlink{border:1px solid #39334d;background:#211e32;border-radius:7px;color:#b9a5ee;padding:7px 9px;font-size:11px;text-align:left}.backlink:hover{background:#3a2c55}.muted{color:#76798f;font-size:11px}.tool-row{display:flex;gap:6px;flex-wrap:wrap}.small-outline{border:1px solid #414057;background:#222333;color:#bebbd4;border-radius:8px;padding:8px 9px;font-size:10px;white-space:nowrap}.small-outline:hover{background:#353047;color:#fff}.logout-btn{border:0;background:transparent;color:#b79fb8;font-size:11px;padding:13px 0 0}.logout-btn:hover{color:#fff}.toast{min-height:0;color:#9bded2;font-size:10px}.toast.error{color:#ffa6b0}.inspector-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;color:#73738b;font-size:8px;letter-spacing:.5px}.version-chip{border:1px solid #4b3a69;color:#c3a9fa;background:#2c223f;border-radius:5px;padding:4px 6px}.graph-panel{padding:35px 35px 22px;min-height:100%;height:100%;display:flex;flex-direction:column;gap:16px;overflow:hidden}.graph-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.graph-head h1{font-size:clamp(26px,2.5vw,38px);letter-spacing:-1.5px;margin:9px 0 8px;line-height:1.15}.graph-head p{font-size:11px;color:#9292ac;margin:0;max-width:470px}.graph-actions{display:flex;align-items:center;gap:9px;padding-bottom:5px}.webgl-chip{border:1px solid #355b56;background:#19312e;color:#83e0d0;padding:6px 8px;border-radius:7px;white-space:nowrap;font-size:9px;font-weight:750;letter-spacing:.7px}.graph-stage{position:relative;flex:1;min-height:320px;border:1px solid #3b3552;border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 48% 52%,#2e254e 0%,#111525 50%,#0b0d16 94%);cursor:grab}.graph-stage:active{cursor:grabbing}.graph-stage canvas{width:100%;height:100%;display:block;touch-action:none}.graph-stage svg{height:100%;width:100%}.graph-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.node-label{position:absolute;white-space:nowrap;text-shadow:0 2px 7px #090b16,0 1px 3px #090b16;color:#b9aadf;font-size:10px;transform:translate(-50%,10px)}.node-label.selected{color:#9df6e6;font-weight:750}.graph-stage-top,.graph-stage-bottom{position:absolute;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;color:#a69bbd;font-size:9px;font-weight:750;letter-spacing:1.1px}.graph-stage-top{top:16px}.graph-stage-bottom{bottom:15px;font-size:8px;color:#77758d}.live-dot{width:6px;height:6px;margin-right:7px}.graph-legend{display:flex;gap:15px}.graph-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.purple{background:#a990ff}.legend-dot.teal{background:#65e2d0}.legend-dot.gray{background:#77738e}.graph-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2e2b41;border-radius:12px;background:#161725;flex:none}.graph-stats>div{display:flex;flex-direction:column;padding:12px 20px;border-right:1px solid #2e2b41}.graph-stats>div:last-child{border:0}.graph-stats strong{color:#e1d8ff;font-size:19px}.graph-stats span{font-size:9px;color:#8f90aa}.auth-overlay,.dialog-overlay{position:fixed;inset:0;z-index:50;background:#070910ed;display:grid;place-items:center;padding:20px;backdrop-filter:blur(17px)}.auth-box,.dialog-card{width:min(430px,100%);padding:39px;background:radial-gradient(ellipse at top right,#36244b,#191b29 60%);border:1px solid #55416b;border-radius:20px;box-shadow:0 30px 100px #0009}.auth-mark{font-size:32px;color:#be9dff}.auth-eyebrow{color:#a88af2;font-size:10px;letter-spacing:2px;font-weight:800;margin-top:18px}.auth-box h2{font-size:34px;line-height:1.12;letter-spacing:-1.2px;margin:11px 0}.auth-box p,.dialog-card p{font-size:12px;color:#aca9bf;line-height:1.7}.auth-box form{display:flex;flex-direction:column;gap:9px;margin-top:25px}.auth-box label{font-size:10px;letter-spacing:1px;color:#bdb5cd}.auth-box input{padding:13px 14px;border-radius:9px;border:1px solid #5b4b71;background:#141625;outline:0}.auth-submit{background:linear-gradient(110deg,#8d6be9,#7456b4);color:white;border:0;border-radius:9px;padding:12px;font-weight:700}.auth-error{color:#ffacb0;min-height:17px;font-size:11px}.demo-link{margin-top:18px;background:transparent;border:0;color:#b6a0ee;font-size:12px;text-decoration:underline}.auth-note{display:block;margin-top:12px;color:#77758d;font-size:10px}.dialog-card{position:relative}.dialog-card h2{font-size:23px}.dialog-close{position:absolute;top:11px;right:13px;border:0;background:transparent;color:#b5abc9;font-size:26px}.notice{padding:13px;background:#2c253c;border-radius:9px}.mobile-menu,.mobile-x,.backdrop{display:none}
@media(max-width:1260px){.shell{grid-template-columns:54px 227px minmax(350px,1fr)}.inspector{display:none}.editor-inner{max-width:800px}.rail{padding:20px 0}.graph-panel{padding:26px}}
@media(max-width:850px){.shell{grid-template-columns:49px 202px minmax(0,1fr)}.vault-head strong{font-size:10px}.vault-head span{font-size:7px}.toolbar{padding:0 12px}.status-chip{display:none}.editor-inner{padding:45px 28px}.graph-head{flex-wrap:wrap}.graph-panel{padding:18px}.graph-stage-bottom>span{display:none}}
@media(max-width:650px){.shell{display:block}.rail,.sidebar{position:fixed;top:0;bottom:0;z-index:31}.rail{width:49px}.sidebar{left:49px;width:min(270px,calc(100vw - 49px));transform:translateX(-125%);transition:transform .2s;box-shadow:15px 0 45px #0006}.sidebar.open{transform:translateX(0)}.rail{transform:translateX(-110%);transition:transform .2s}.rail.open{transform:translateX(0)}.backdrop.visible{display:block;position:fixed;inset:0;background:#0009;z-index:30}.workspace{height:100dvh}.toolbar{height:58px}.mobile-menu,.mobile-x{display:inline-flex}.crumb-vault{font-size:9px}.crumb{gap:7px}.toolbar-right{gap:0}.view-btn{padding:7px 8px;font-size:10px}.view-btn:nth-child(2){display:none}.editor-inner{padding:31px 21px 35px}.note-title{font-size:33px;margin-top:18px}.meta{font-size:9px}.graph-panel{padding:13px;min-height:100%;gap:12px}.graph-head h1{font-size:26px}.graph-head p{font-size:10px}.graph-actions{width:100%}.graph-stage{min-height:280px}.graph-stage-bottom{font-size:8px}.graph-stats>div{padding:9px}.graph-stats strong{font-size:15px}.graph-stats span{font-size:8px}.auth-box{padding:27px}.auth-box h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}