:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dcddde;background:#1e1e1e;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#1e1e1e}.sidebar,.inspector{position:relative;z-index:10;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#242424;border-color:#363636;border-style:solid}.sidebar{border-width:0 1px 0 0}.inspector{border-width:0 0 0 1px}.brand-row,.inspector-header{display:flex;align-items:center;flex:0 0 auto;gap:8px;min-height:58px;padding:10px 12px;border-bottom:1px solid #363636}.brand-row strong,.inspector-header strong{flex:1;min-width:0;font-size:14px}.sidebar-body,.inspector-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar-body{padding:10px 0 12px}.inspector-scroll{padding:4px 12px calc(18px + env(safe-area-inset-bottom))}.app-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#7652b7,#4d357d);color:#fff;font-weight:800;box-shadow:0 12px 32px #0005}.app-mark.small{width:32px;height:32px;flex:0 0 32px;border-radius:10px;box-shadow:none}.icon-button,.drawer-close,.toolbar button,.inspector-link,.logout,.mobile-nav-actions button{border:1px solid #444;border-radius:7px;background:#2c2c2c;cursor:pointer}.icon-button,.drawer-close{display:grid;width:34px;height:32px;flex:0 0 34px;padding:0;place-items:center;font-size:16px}.search{display:block;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 10px;border:1px solid #414141;border-radius:7px;outline:none;color:#eee;background:#191919}.search:focus{border-color:#8767c8;box-shadow:0 0 0 2px #8767c833}.explorer{min-width:0;padding:0 6px}.section-label{margin:4px 8px 7px;color:#858585;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tree-directory{min-width:0}.tree-row{display:flex;width:100%;min-width:0;align-items:center;gap:7px;min-height:28px;padding-top:4px;padding-right:8px;padding-bottom:4px;border:0;border-radius:4px;text-align:left;background:transparent;cursor:pointer}.tree-row:hover,.tree-row.selected,.tree-row.active{background:#343434}.tree-row.active{color:#eadfff;background:#403452}.tree-chevron{width:10px;flex:0 0 10px;color:#aaa;font-size:15px;line-height:1;text-align:center}.folder-glyph{position:relative;width:15px;height:11px;flex:0 0 15px;border:1px solid #c5a95b;border-radius:2px}.folder-glyph:before{position:absolute;top:-4px;left:1px;width:7px;height:4px;border:1px solid #c5a95b;border-bottom:0;border-radius:2px 2px 0 0;content:""}.file-glyph{position:relative;width:12px;height:15px;flex:0 0 12px;border:1px solid #8ea9c6;border-radius:1px}.file-glyph:after{position:absolute;right:-1px;bottom:2px;left:2px;height:1px;background:#8ea9c6;box-shadow:0 -3px #8ea9c6;content:""}.tree-name{overflow:hidden;min-width:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.search-result{display:flex;width:100%;flex-direction:column;gap:3px;margin-bottom:4px;padding:8px 10px;border:0;border-radius:5px;text-align:left;background:transparent;cursor:pointer}.search-result:hover,.search-result.active{background:#343434}.search-result strong,.search-result small,.search-result span{overflow:hidden;text-overflow:ellipsis}.search-result strong{font-size:13px;white-space:nowrap}.search-result small{color:#929292;font-size:10px;white-space:nowrap}.search-result span{display:-webkit-box;color:#aaa;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.logout{flex:0 0 auto;margin:8px 12px calc(12px + env(safe-area-inset-bottom));padding:8px;color:#aaa}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) 30px;min-width:0;min-height:0;overflow:hidden}.toolbar{display:flex;min-width:0;align-items:center;gap:16px;min-height:58px;padding:8px 14px;border-bottom:1px solid #363636;background:#242424}.title-block{display:flex;min-width:0;flex:1;flex-direction:column}.title-block strong,.title-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-block strong{font-size:14px}.title-block span,.inspector-link small{margin-top:3px;color:#929292;font-size:10px}.toolbar-actions,.mobile-nav-actions{display:flex;min-width:0;gap:6px}.toolbar button,.mobile-nav-actions button{padding:7px 11px;white-space:nowrap}.icon-button:hover,.drawer-close:hover,.toolbar button:hover,.inspector-link:hover,.logout:hover,.mobile-nav-actions button:hover{background:#3a3a3a}.toolbar button.selected{border-color:#7652b7;background:#4d357d}.toolbar button.danger{color:#ffb3b3}.toolbar button:disabled{cursor:default;opacity:.45}.content-area{min-width:0;min-height:0;overflow:hidden}.editor{width:100%;height:100%;resize:none;padding:28px clamp(24px,7vw,110px) 80px;border:0;outline:none;color:#e7e7e7;background:#1e1e1e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.75;-moz-tab-size:2;tab-size:2}.preview{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:32px clamp(24px,8vw,120px) 80px;line-height:1.75}.preview>*{max-width:860px;margin-right:auto;margin-left:auto}.preview h1,.preview h2,.preview h3{color:#f1f1f1;line-height:1.25}.preview h1,.preview h2{padding-bottom:.25em;border-bottom:1px solid #3b3b3b}.preview a{color:#b99bea;text-decoration:none}.preview a:hover{text-decoration:underline}.preview code{border-radius:4px;background:#2b2b2b}.preview :not(pre)>code{padding:.15em .35em}.preview pre{overflow:auto;padding:16px;border:1px solid #383838;border-radius:8px;background:#181818}.preview blockquote{margin-left:0;padding-left:16px;border-left:3px solid #7652b7;color:#aaa}.preview img{max-width:100%}.preview table{display:block;overflow-x:auto;border-collapse:collapse}.preview th,.preview td{padding:7px 10px;border:1px solid #444;text-align:left}.preview th{background:#292929}.statusbar{display:flex;min-width:0;justify-content:space-between;gap:12px;padding:6px 12px;border-top:1px solid #363636;color:#888;background:#242424;font-size:11px}.statusbar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-section{padding:12px 2px 16px;border-bottom:1px solid #363636}.inspector-section:last-child{border-bottom:0}.inspector-section h2{margin:0 6px 10px;color:#aaa;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.properties-list{margin:0}.properties-list>div{display:grid;grid-template-columns:minmax(78px,.42fr) minmax(0,1fr);gap:10px;padding:7px 8px;border-radius:5px}.properties-list>div:nth-child(odd){background:#292929}.properties-list dt,.properties-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:11px}.properties-list dt{color:#999;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.properties-list dd{color:#ddd;white-space:pre-wrap}.inspector-link{display:flex;width:100%;flex-direction:column;margin-bottom:6px;padding:9px;text-align:left}.inspector-link strong,.inspector-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{margin:0;padding:6px 10px;color:#777;font-size:12px}.empty-state{display:grid;height:100%;padding:24px;place-content:center;text-align:center;color:#777}.empty-state h2{margin:0;color:#aaa;font-size:30px}.login-shell{display:grid;height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);place-items:center;background:radial-gradient(circle at 50% 30%,#3d2d5f 0,transparent 34%),#171717}.login-card{display:flex;width:min(380px,calc(100% - 36px));flex-direction:column;align-items:stretch;gap:14px;padding:34px;border:1px solid #3e3e3e;border-radius:14px;background:#242424;box-shadow:0 24px 80px #0008}.login-card .app-mark{align-self:center}.login-card h1,.login-card p{margin:0;text-align:center}.login-card p{color:#999;font-size:13px}.login-card button{padding:11px 12px;border:1px solid #444;border-radius:8px;background:#65469f;cursor:pointer}.mobile-only,.mobile-backdrop{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:245px minmax(0,1fr) 250px}}@media(max-width:820px){.app-shell{display:block;position:relative}.workspace{width:100%;height:100%}.mobile-only{display:grid}.mobile-backdrop{position:fixed;z-index:40;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0009}.sidebar,.inspector{position:fixed;z-index:50;top:0;bottom:0;width:min(86vw,350px);max-width:100%;padding-top:env(safe-area-inset-top);transition:transform .18s ease;box-shadow:0 0 36px #000b}.sidebar{left:0;border-width:0 1px 0 0;transform:translate(-105%)}.inspector{right:0;border-width:0 0 0 1px;transform:translate(105%)}.sidebar.mobile-open,.inspector.mobile-open{transform:translate(0)}.toolbar{flex-wrap:wrap;gap:8px;padding-top:calc(8px + env(safe-area-inset-top))}.mobile-nav-actions{order:1}.title-block{order:2;flex-basis:calc(100% - 130px)}.toolbar-actions{order:3;width:100%;overflow-x:auto;padding-bottom:2px}.toolbar-actions button{flex:0 0 auto}.editor,.preview{padding-right:18px;padding-left:18px}.statusbar{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}@media(max-width:430px){.toolbar{padding-right:10px;padding-left:10px}.mobile-nav-actions button,.toolbar button{padding:7px 9px;font-size:12px}.title-block{flex-basis:100%}.preview{padding-top:22px;padding-bottom:64px;font-size:15px}.editor{padding-top:20px;padding-bottom:64px;font-size:14px}.properties-list>div{grid-template-columns:96px minmax(0,1fr)}}@media(max-width:820px){.mobile-nav-actions.mobile-only{display:flex;align-items:center;flex-direction:row;gap:6px}}.vault-context-menu{position:fixed;z-index:1000;display:grid;min-width:180px;padding:6px;border:1px solid var(--border, #444);border-radius:10px;background:var(--panel, #242424);box-shadow:0 14px 36px #00000061}.vault-context-menu[hidden]{display:none}.vault-context-menu button{width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer}.vault-context-menu button:hover,.vault-context-menu button:focus-visible{background:#ffffff17;outline:none}.vault-context-menu button[data-action=delete]{color:#ff9d9d}.tree-row[draggable=true]{cursor:grab}.tree-row[draggable=true]:active{cursor:grabbing}.tree-directory-row.vault-drop-target,.explorer.vault-drop-target-root{outline:2px solid #8b5cf6;outline-offset:-2px;background:#8b5cf624}@media(max-width:820px){.vault-context-menu{min-width:210px}.vault-context-menu button{min-height:48px;font-size:16px}}.vault-tag-browser{border-bottom:1px solid var(--border, #2f333b);padding:8px 10px 10px}.vault-tag-heading{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.vault-tag-list{display:flex;flex-wrap:wrap;gap:6px}.vault-tag-chip{border:1px solid var(--border, #3b404a);border-radius:999px;font-size:11px;line-height:1.2;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.vault-tag-chip.selected{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.vault-graph-overlay{align-items:center;background:#000000ad;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:3000}.vault-graph-panel{background:var(--panel, #181a1f);border:1px solid var(--border, #3b404a);border-radius:10px;display:flex;flex-direction:column;height:min(86vh,900px);overflow:hidden;width:min(94vw,1200px)}.vault-graph-panel>header{align-items:center;border-bottom:1px solid var(--border, #3b404a);display:flex;justify-content:space-between;padding:10px 12px}.vault-graph-panel>svg{cursor:grab;flex:1;min-height:0;touch-action:none;width:100%}.vault-graph-panel>svg:active{cursor:grabbing}.vault-graph-edge{stroke:color-mix(in srgb,currentColor 26%,transparent);stroke-width:1.4}.vault-graph-edge.unresolved{stroke-dasharray:5 5}.vault-graph-node{cursor:pointer}.vault-graph-node circle{fill:var(--accent, #3b82f6);stroke:var(--panel, #181a1f);stroke-width:3}.vault-graph-node text{fill:currentColor;font-size:13px;pointer-events:none}.vault-graph-node.active circle{fill:#f59e0b}.vault-graph-node.unresolved{cursor:default;opacity:.58}.vault-graph-node.unresolved circle{fill:transparent;stroke:currentColor;stroke-dasharray:3 3}.vault-realtime-banner{align-items:center;background:#7c2d12;border:1px solid #fb923c;border-radius:8px;bottom:18px;box-shadow:0 10px 30px #00000059;color:#fff;display:flex;gap:12px;left:50%;max-width:min(720px,calc(100vw - 24px));padding:10px 12px;position:fixed;transform:translate(-50%);z-index:3500}.vault-realtime-banner button{flex:none}article.preview img[data-vault-attachment-hydrated=loading]{min-height:48px;opacity:.55}article.preview img[data-vault-attachment-hydrated=error]{border:1px dashed #ef4444;min-height:48px}@media(max-width:820px){.vault-graph-overlay{padding:0}.vault-graph-panel{border:0;border-radius:0;height:100dvh;width:100vw}.vault-realtime-banner{align-items:stretch;bottom:10px;flex-direction:column}}