:root{--bg:#191b1c;--side:#141617;--panel:#1c1e20;--line:#2d3031;--text:#e1e3dc;--muted:#898e8d;--subtle:#b6bbb4;--accent:#b3ccb1;--amber:#e8bb78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}::selection{color:#fff;background:#587556}.notebook-app{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--side);border-right:1px solid var(--line);flex-direction:column;flex:0 0 280px;width:280px;padding:32px 18px 0;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;padding:0 10px;font-size:25px;font-weight:600;display:flex}.brand-dot{color:var(--accent)}.brand-symbol{width:65px;height:65px;color:var(--accent);background:#233023;border:1px solid #9eb79a;border-radius:18px;justify-content:center;align-items:center;padding-bottom:9px;font-family:Georgia,serif;font-size:59px;font-style:italic;line-height:1;display:flex}.brand-symbol.small{border-radius:9px;width:33px;height:36px;padding-bottom:5px;font-size:35px}.workspace{align-items:center;gap:10px;padding:22px 10px 24px;display:flex}.avatar{color:#bdcdb4;background:#32382f;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;display:flex}.workspace>div:nth-child(2){flex:1}.workspace strong{font-size:12px;font-weight:500;display:block}.workspace span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.muted{color:var(--muted)}.new-note{color:#d7e8d3;background:#2c382d;border:1px solid #415042;border-radius:7px;align-items:center;gap:9px;width:100%;height:40px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.new-note:hover{background:#354536}.new-note>span{color:#b2c7af;margin-left:auto;font-size:16px;font-weight:400}.search-box{height:35px;color:var(--muted);border:1px solid #2d3030;border-radius:6px;align-items:center;gap:8px;margin:16px 0 22px;padding:0 11px;display:flex}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;font-size:11px}.search-box span{font-size:17px}.side-nav{border-bottom:1px solid var(--line);padding-bottom:21px}.side-nav button{color:var(--muted);border-radius:6px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:12px;display:flex}.side-nav button.active{color:var(--text);background:#25282a}.side-nav button:hover{color:var(--text)}.side-nav button>span{color:var(--muted);margin-left:auto;font-size:10px}.list-label{color:#777e7c;letter-spacing:1.6px;justify-content:space-between;align-items:center;padding:25px 12px 13px;font-size:9px;display:flex}.list-label>span:last-child{letter-spacing:0}.note-list{flex:1;margin:0 -2px;padding:0 2px 20px;overflow-y:auto}.note-item{text-align:left;border:1px solid #0000;border-radius:7px;width:100%;margin-bottom:5px;padding:15px 13px 13px}.note-item.selected{background:#24282a;border-color:#3b4240}.note-item:hover{background:#202324}.note-item-title{color:#c6ccc5;align-items:center;gap:8px;font-size:12px;display:flex}.note-item-title strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.selected .note-item-title{color:#dce6d7}.note-item-title svg{color:#8a9888}.note-item p{white-space:nowrap;text-overflow:ellipsis;color:#8a918f;margin:9px 0 12px;padding-left:23px;font-size:10px;line-height:1.6;overflow:hidden}.note-item>span{color:#767e7c;justify-content:space-between;padding-left:23px;font-size:9px;display:flex}.note-item i{color:#849181;font-style:normal}.list-empty{color:var(--muted);padding:20px 13px;font-size:12px;line-height:1.8}.sidebar-bottom{border-top:1px solid var(--line);padding:15px 7px 0}.sidebar-bottom>button{color:#a6afaa;align-items:center;gap:10px;width:100%;padding:10px 5px;font-size:11px;display:flex}.sidebar-bottom>button:hover{color:var(--text)}.sidebar-bottom>button svg:last-child{margin-left:auto}.sync-mini{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;margin-top:16px;padding:20px 0;display:flex}.sync-mini strong{color:#b6bcb7;font-size:10px;font-weight:500}.sync-mini span{color:#717b75;margin-top:5px;font-size:9px;display:block}.success{color:var(--accent)}.main-pane{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex:0 0 69px;justify-content:space-between;align-items:center;gap:12px;height:69px;padding:0 28px;display:flex}.breadcrumb{color:#89918d;align-items:center;gap:13px;min-width:0;font-size:11px;display:flex}.breadcrumb strong{color:#bcc2bc;font-weight:400}.desktop-mark{color:#969e98;margin-right:9px}.top-actions{align-items:center;gap:14px;display:flex}.sync-pill{color:#a6ada7;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.sync-pill.success{color:#a6c6a1}.sync-pill i,.tiny-dot{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.sync-pill.offline{color:var(--amber)}.icon-button{color:#8e9691;border-radius:5px;justify-content:center;align-items:center;width:27px;height:29px;padding:0;display:flex}.icon-button:hover,.icon-button.chosen{color:var(--text);background:#2c3330}.top-divider{background:var(--line);width:1px;height:16px}.mobile-menu{display:none}.editor-layout{flex:1;min-height:0;display:flex}.editor-wrap{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:57px clamp(32px,7vw,115px) 26px;display:flex;overflow:auto}.document-meta{align-items:center;gap:14px;margin-bottom:24px;display:flex}.document-type{letter-spacing:1.5px;color:#a3b29e;align-items:center;gap:7px;font-size:8px;display:flex}.document-date{color:#737d76;margin-left:auto;font-size:10px}.title-input{letter-spacing:-1.2px;color:#e6e8df;background:0 0;border:0;width:100%;margin:0;padding:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3.1vw,42px);font-weight:400;line-height:1.3}.editor-toolbar{color:#6d7872;border-top:1px solid #2d3330;border-bottom:1px solid #2d3330;justify-content:space-between;align-items:center;height:45px;min-height:45px;margin-bottom:26px;font-size:10px;display:flex}.editor-toolbar>div{gap:17px;display:flex}.editor-toolbar button{color:#939e95;align-items:center;gap:6px;padding:5px;font-size:10px;display:flex}.editor-toolbar button:hover{color:var(--text)}.body-input{resize:none;color:#b8c0b7;letter-spacing:.13px;field-sizing:content;background:0 0;border:0;flex:1;width:100%;min-height:260px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:2;overflow:visible}.body-input::placeholder{color:#606c63}.document-bottom{color:#637366;border-top:1px solid #252b28;justify-content:space-between;align-items:center;gap:10px;margin-top:32px;padding-top:18px;font-size:9px;display:flex}.document-bottom span{align-items:center;gap:6px;display:flex}.document-bottom span:last-child{color:#737c75}.app-footer{border-top:1px solid var(--line);color:#69766c;flex:0 0 33px;justify-content:space-between;align-items:center;padding:0 23px;font-size:9px;display:flex}.app-footer>span{align-items:center;gap:6px;display:flex}.app-footer>span:last-child{color:#818b82}.app-footer i{color:#556557;font-style:normal}.detail-panel{border-left:1px solid var(--line);background:#181b1b;flex-direction:column;flex:0 0 320px;width:320px;display:flex}.detail-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:17px 19px;display:flex}.detail-header strong{font-size:12px;font-weight:500}.history-content,.settings-content,.conflicts-content{padding:23px 20px;overflow:auto}.panel-intro{color:#7f8c82;margin:0 0 24px;font-size:11px;line-height:1.8}.history-item{text-align:left;border-radius:5px;align-items:flex-start;gap:12px;width:100%;padding:13px 9px;display:flex}.history-item:hover{background:#252c27}.history-dot{border:1px solid #7b887e;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.history-dot.current{background:var(--accent);border-color:var(--accent)}.history-item div{flex:1}.history-item strong{color:#c9d1c6;font-size:11px;font-weight:400;display:block}.history-item span:not(.history-dot){color:#89968a;margin-top:6px;font-size:10px;display:block}.history-item small{color:#5e7361;margin-top:6px;font-size:9px;display:block}.history-item>svg{color:#6b7d6d;margin-top:3px}.revision-preview,.conflict-card pre{white-space:pre-wrap;word-break:break-word;color:#a2aea0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.9}.revision-preview{background:#202621;border:1px solid #354133;border-radius:7px;max-height:55vh;margin:22px 0;padding:16px;overflow:auto}.panel-button{color:#233322;background:#b1c9a9;border:1px solid #b1c9a9;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:39px;margin-top:12px;padding:9px 12px;font-size:11px;font-weight:500;display:flex}.panel-button:hover{background:#c4d6bb}.panel-button.secondary{color:#a9bca5;background:0 0;border-color:#40523c}.panel-button.secondary:hover{background:#29362a}.settings-content h2{margin:15px 0;font-family:Georgia,serif;font-size:24px;font-weight:400}.settings-content>p{color:#899b87;margin-bottom:24px;font-size:12px;line-height:1.9}.setting-icon{color:var(--accent);background:#253223;border:1px solid #384b35;border-radius:14px;width:54px;height:54px;padding:14px}.setting-row{color:#83937f;border-bottom:1px solid #2c352a;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;font-size:10px;display:flex}.setting-row strong{color:#b0c3a7;text-align:right;font-size:10px;font-weight:400}.setting-row:last-of-type{margin-bottom:24px}.setting-note{color:#7c8e77;border-top:1px solid #344030;margin-top:27px;padding-top:22px;font-size:10px;line-height:1.9}.setting-note strong{color:#a3b79b;font-weight:500}.conflict-banner{color:var(--amber);background:#302b20;border-bottom:1px solid #4f442e;align-items:center;gap:12px;padding:14px 29px;display:flex}.conflict-banner>div{flex:1}.conflict-banner strong{font-size:11px;font-weight:500;display:block}.conflict-banner span{color:#ac9b7d;margin-top:4px;font-size:10px;display:block}.conflict-banner button{white-space:nowrap;color:#e8c493;border:1px solid #685733;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.amber{color:var(--amber)!important}.conflict-card{border:1px solid #3e4839;border-radius:7px;margin-bottom:18px;padding:17px}.conflict-card>div{color:var(--accent);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:10px;display:flex}.conflict-card>div>span{color:#708a6b;font-size:9px}.conflict-card h3{margin:17px 0 10px;font-family:Georgia,serif;font-size:19px;font-weight:400}.conflict-card pre{max-height:200px;margin:0 0 16px;font-size:11px;overflow:auto}.conflict-card small{color:#7b8d74;font-size:9px}.panel-footnote{color:#748c6a;text-align:center;margin:18px 0;font-size:10px;line-height:1.8}.text-button{color:#97b58b;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.empty-editor{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding-bottom:40px;display:flex}.empty-icon{color:#8ea387;background:#243222;border:1px solid #354832;border-radius:16px;margin-bottom:25px;padding:17px}.eyebrow{letter-spacing:2px;color:#78906d;font-size:9px}.empty-editor h1{letter-spacing:-.5px;color:#cddbc5;margin:20px 0 8px;font-family:Georgia,serif;font-size:32px;font-weight:400}.empty-editor p{color:#839d77;margin:12px 0 25px;font-size:12px;line-height:1.9}.primary-button{background:var(--accent);color:#253a24;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:12px;font-weight:500;display:inline-flex}.empty-editor .text-button{margin-top:12px}.error-banner,.offline-banner{color:#e5bc8c;background:#34291d;border-bottom:1px solid #604329;align-items:center;gap:10px;padding:12px 28px;font-size:11px;line-height:1.6;display:flex}.error-banner span{flex:1}.error-banner button{color:#eac49e;font-size:11px;text-decoration:underline}.offline-banner{color:#b5c8af;background:#233020;border-color:#354b30}.toast{color:#2b4225;z-index:50;background:#d2e0c8;border:1px solid #f0f8eb;border-radius:8px;align-items:center;gap:9px;max-width:90vw;padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.welcome{text-align:center;background:radial-gradient(#253121 0,#0000 65%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.welcome .eyebrow{margin-top:34px}.welcome h1{letter-spacing:-1.3px;margin:19px 0;font-family:Georgia,serif;font-size:clamp(35px,5vw,56px);font-weight:400}.welcome p{color:#96af8a;max-width:370px;margin-bottom:32px;font-size:14px;line-height:1.9}.welcome small{color:#6e8564;margin-top:27px;font-size:10px}.welcome .primary-button{gap:25px;padding:14px 22px}.mobile-scrim{display:none}.spinning svg{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3d483b;border-radius:5px}@media (width>=1500px){.editor-wrap{max-width:1200px;padding-top:72px}.body-input{font-size:15px;line-height:2.2}}@media (width<=1100px){.sidebar{flex-basis:245px;width:245px;padding-left:13px;padding-right:13px}.editor-wrap{padding:42px 38px 25px}.detail-panel{flex-basis:290px;width:290px}.topbar{padding:0 20px}.top-actions{gap:10px}.document-meta{flex-wrap:wrap;gap:10px}.document-date{width:100%;margin-left:0}.app-footer>span:nth-child(2){display:none}.title-input{font-size:32px}}@media (width<=800px){.sidebar{z-index:40;width:280px;padding-top:25px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-scrim{z-index:39;background:#0009;display:block;position:fixed;inset:0}.mobile-menu{display:flex}.desktop-mark{display:none}.topbar{flex-basis:58px;height:58px;padding:0 14px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span,.breadcrumb>svg{display:none}.top-actions{gap:8px}.sync-pill{font-size:9px}.top-divider{display:none}.editor-wrap{padding:32px 24px 24px}.title-input{letter-spacing:-.9px;padding-bottom:21px;font-size:32px}.document-meta{margin-bottom:20px}.document-date{font-size:9px}.body-input{min-height:220px;font-size:14px;line-height:1.95}.document-bottom{flex-wrap:wrap;margin-top:25px;font-size:8px}.detail-panel{z-index:30;width:min(100%,350px);position:fixed;top:58px;bottom:33px;right:0;box-shadow:-30px 0 70px #0007}.app-footer{padding:0 17px;font-size:8px}.conflict-banner{flex-wrap:wrap;gap:8px;padding:12px 18px}.conflict-banner>div{min-width:180px}.conflict-banner button{margin-left:26px;padding:6px 9px}.offline-banner,.error-banner{padding:11px 18px;font-size:10px}.empty-editor h1{font-size:28px}.empty-editor .eyebrow{letter-spacing:1.5px;font-size:8px}.note-item{padding:17px 13px}.toast{min-width:240px;font-size:11px;bottom:45px}.body-input{flex:none;min-height:calc(100dvh - 330px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.welcome{text-align:left;flex-direction:row;gap:clamp(50px,10vw,160px);padding:50px 30px}.welcome-copy{max-width:450px}.welcome-copy .brand{margin-bottom:60px;padding:0}.welcome-copy h1{font-size:clamp(52px,6vw,82px);line-height:1.05}.welcome-copy p{max-width:340px;margin:22px 0 32px}.welcome-features{color:var(--muted);gap:16px;font-size:11px;display:grid}.welcome-features span{align-items:center;gap:10px;display:flex}.login-card{background:#1c2220;border:1px solid #354237;border-radius:16px;width:350px;max-width:100%;padding:40px}.login-card>svg{color:var(--accent);margin-bottom:15px}.login-card h2{margin:10px 0;font-family:Georgia,serif;font-size:27px;font-weight:400}.login-card p{overflow-wrap:anywhere;margin:18px 0 25px;font-size:12px;line-height:1.8}.login-card .primary-button{gap:12px;width:100%}.login-card small{line-height:1.8;display:block}.login-card form{flex-direction:column;gap:15px;display:flex}.login-card label{color:var(--subtle);font-size:11px}.login-card input{background:var(--side);width:100%;color:var(--text);letter-spacing:9px;border:1px solid #53664f;border-radius:5px;padding:13px 15px;font-size:23px}.login-card .login-error{color:var(--amber);margin:18px 0 0}.login-loading{height:100dvh;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.login-loading p{color:var(--muted);font-size:12px}@media (width<=800px){.welcome{flex-direction:column;gap:35px;padding:35px 24px}.welcome-copy{width:350px;max-width:100%}.welcome-copy .brand{margin-bottom:32px}.welcome-copy h1{font-size:52px}.welcome-copy p{margin:15px 0 22px}.welcome-features{gap:12px}.login-card{padding:28px}.welcome-copy .eyebrow{font-size:8px}}.folder-filter{color:var(--muted);gap:8px;padding:14px 10px 0;font-size:10px;display:grid}.folder-filter select,.canvas-controls select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:5px;max-width:100%;padding:7px;font-size:11px}.file-path{color:var(--muted);overflow-wrap:anywhere;margin:0 0 18px;font-size:10px}.reading-controls{gap:8px;margin-bottom:16px;display:flex}.reading-controls button{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:7px 13px;font-size:11px}.reading-controls button.active{color:var(--accent);background:#2c382d;border-color:#4d5e4b}.markdown-view{color:#cad5c5;overflow-wrap:anywhere;text-align:left;max-width:100%;font-size:14px;line-height:1.9}.markdown-p{margin:0 0 17px}.markdown-view h1,.markdown-view h2,.markdown-view h3{color:var(--text);margin:28px 0 15px;font-family:Georgia,serif;font-weight:400;line-height:1.4}.markdown-view h1{font-size:30px}.markdown-view h2{font-size:25px}.markdown-view h3{font-size:20px}.markdown-view ul,.markdown-view ol{padding-left:25px}.markdown-view input{margin-right:8px}.markdown-view pre{white-space:pre-wrap;background:var(--side);border:1px solid var(--line);border-radius:6px;padding:15px;font-size:12px}.markdown-view code{font-size:12px}.markdown-view blockquote{border-left:2px solid var(--accent);color:var(--subtle);margin:20px 0;padding-left:18px}.markdown-view a,.wiki-link{color:var(--accent);line-height:inherit;white-space:normal;overflow-wrap:anywhere;padding:0;text-decoration:underline;display:inline}.wiki-link:disabled{color:var(--muted)}.markdown-table{overflow:auto}.markdown-view table{border-collapse:collapse;font-size:12px}.markdown-view th,.markdown-view td{border:1px solid var(--line);text-align:left;padding:8px 12px}.attachment-image{border-radius:6px;max-width:100%;height:auto;margin:14px 0;display:block}.attachment-status{color:var(--muted);padding:12px 0;font-size:11px;line-height:1.7;display:block}.embedded-note{border-left:2px solid #53664a;padding:14px;display:block}.files-content{padding:22px;overflow:auto}.config-toggle{color:var(--muted);gap:8px;margin:0 0 20px;font-size:10px;line-height:1.6;display:flex}.vault-file{text-align:left;border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;width:100%;padding:15px 0;display:flex}.vault-file>span{min-width:0}.vault-file strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;display:block}.vault-file small{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:9px;display:block}.vault-file svg{color:var(--accent)}.file-viewer pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--side);border-radius:7px;max-height:65dvh;padding:18px;font-size:11px;line-height:1.8;overflow:auto}.file-viewer .panel-button{max-width:220px;margin-bottom:18px}.install-help{color:var(--muted);font-size:11px!important;line-height:1.8!important}.install-control{margin:20px 0}.canvas-view{width:100%;min-width:0}.canvas-controls{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:0 0 15px;font-size:10px;display:flex}.canvas-controls label{align-items:center;gap:8px;display:flex}.canvas-scroll{border:1px solid var(--line);background-color:#141819;background-image:radial-gradient(#344039 1px,#0000 1px);background-size:16px 16px;border-radius:8px;height:65dvh;overflow:auto}.canvas-world{transform-origin:0 0;position:relative}.canvas-edges{pointer-events:none;position:absolute;inset:0}.canvas-card{background:#202624;border:2px solid #55624f;border-radius:9px;position:absolute;overflow:hidden}.canvas-card-body{height:100%;padding:24px;overflow:auto}.canvas-expand{color:var(--accent);z-index:2;background:#303c31;border-radius:5px;padding:4px;position:absolute;top:6px;right:6px}.canvas-group{pointer-events:none;color:var(--accent);background:#26312c33;border:2px dashed #5a6e59;padding:15px;font-size:20px}.canvas-modal{z-index:80;background:#000b;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.canvas-modal>div{background:var(--panel);border:1px solid #566a4e;border-radius:10px;width:min(800px,100%);max-height:90dvh;padding:40px 30px;position:relative;overflow:auto}.canvas-modal .icon-button{position:absolute;top:10px;right:10px}.sidebar-bottom>button>span{margin-left:auto}.note-item>span{gap:6px;overflow:hidden}.note-item>span i{flex-shrink:0}.document-bottom{padding-top:20px}@media (width<=800px){.canvas-modal{padding:15px}.canvas-modal>div{padding:40px 20px}.markdown-view{font-size:14px}.markdown-view h1{font-size:26px}.markdown-view h2{font-size:23px}.canvas-scroll{height:60dvh}.sidebar-bottom{padding-top:8px}.sync-mini{margin-top:8px;padding:14px 0}}