:root,html.theme-light{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#2e3338;background:#fff;font-synthesis:none;line-height:1.5;color-scheme:light;--background-primary: #ffffff;--background-primary-alt: #f5f6f8;--background-secondary: #f2f3f5;--background-secondary-alt: #e8eaed;--background-modifier-border: #e0e0e0;--background-modifier-border-focus: #c8c8c8;--background-modifier-form-field: #ffffff;--background-modifier-hover: rgba(0, 0, 0, .05);--background-modifier-active-hover: rgba(0, 0, 0, .08);--text-normal: #2e3338;--text-muted: #71747b;--text-faint: #a3a6ad;--text-accent: #7b6cd9;--text-accent-hover: #8f7ee6;--text-on-accent: #ffffff;--interactive-normal: #f2f3f5;--interactive-hover: #e8eaed;--interactive-accent: #7b6cd9;--interactive-accent-hover: #8f7ee6;--code-background: #f2f3f5;--code-normal: #2e3338;--ink: var(--text-normal);--muted: var(--text-muted);--line: var(--background-modifier-border);--paper: var(--background-primary);--accent: var(--interactive-accent);--accent-dark: var(--interactive-accent-hover)}html.theme-dark{color:#dcddde;background:#202020;color-scheme:dark;--background-primary: #202020;--background-primary-alt: #1a1a1a;--background-secondary: #161616;--background-secondary-alt: #0e0e0e;--background-modifier-border: #333333;--background-modifier-border-focus: #4a4a4a;--background-modifier-form-field: #1a1a1a;--background-modifier-hover: rgba(255, 255, 255, .06);--background-modifier-active-hover: rgba(255, 255, 255, .1);--text-normal: #dcddde;--text-muted: #999999;--text-faint: #666666;--text-accent: #8f7ee6;--text-accent-hover: #a294f0;--text-on-accent: #ffffff;--interactive-normal: #2a2a2a;--interactive-hover: #333333;--interactive-accent: #7b6cd9;--interactive-accent-hover: #8f7ee6;--code-background: #161616;--code-normal: #dcddde;--ink: var(--text-normal);--muted: var(--text-muted);--line: var(--background-modifier-border);--paper: var(--background-primary);--accent: var(--interactive-accent);--accent-dark: var(--interactive-accent-hover)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background-primary);color:var(--text-normal)}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:var(--text-accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--interactive-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:62px;padding:0 clamp(1rem,4vw,3rem);background:var(--background-secondary);color:var(--text-normal);border-bottom:1px solid var(--background-modifier-border);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:.02em;color:var(--text-normal)}.topbar nav{display:flex;align-items:center;gap:1.25rem}.topbar nav a{color:var(--text-muted);text-decoration:none}.topbar nav a:hover{color:var(--text-normal)}.topbar-button{border:1px solid var(--background-modifier-border);background:var(--background-primary);color:var(--text-normal);border-radius:5px;padding:.4rem .7rem;font-size:.86rem}.topbar-button:hover{background:var(--background-modifier-hover)}.user-email{color:var(--text-muted);font-size:.85rem}.page{max-width:1180px;margin:auto;padding:3rem clamp(1rem,4vw,3rem)}.page.narrow{max-width:760px}.page-heading,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1;margin:.25rem 0;color:var(--text-normal)}.eyebrow{text-transform:uppercase;color:var(--text-accent);font-size:.72rem;font-weight:800;letter-spacing:.15em;margin:0}.create-vault,.inline-form{display:flex;align-items:end;gap:.5rem}.create-vault input,.inline-form input{min-width:220px}.primary,.button{border:0;border-radius:5px;padding:.7rem 1rem;background:var(--interactive-accent);color:var(--text-on-accent);text-decoration:none;font-weight:700}.primary:hover{background:var(--interactive-accent-hover)}input{border:1px solid var(--background-modifier-border);border-radius:5px;padding:.65rem .75rem;background:var(--background-modifier-form-field);color:var(--text-normal)}.vault-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.vault-grid a{background:var(--background-primary);border:1px solid var(--background-modifier-border);padding:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;text-decoration:none;border-radius:8px;box-shadow:0 4px 18px #0000000f;color:var(--text-normal)}html.theme-dark .vault-grid a{box-shadow:0 4px 18px #00000059}.vault-grid a:hover{border-color:var(--background-modifier-border-focus);transform:translateY(-1px)}.vault-grid a>span:last-child{color:var(--text-muted);font-size:.82rem}.vault-icon{grid-row:span 2;color:var(--text-accent);font-size:1.7rem}.status{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.65rem;padding:2rem;color:var(--text-muted)}.status strong{color:var(--text-normal);font-size:1.1rem}.status.error{color:#c0503f}.spinner{width:20px;height:20px;border:2px solid var(--background-modifier-border);border-top-color:var(--interactive-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:.6rem .8rem;background:var(--background-secondary);border-left:3px solid var(--interactive-accent);font-size:.84rem;margin:.5rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--background-secondary)}.auth-card{width:min(420px,100%);background:var(--background-primary);color:var(--text-normal);border:1px solid var(--background-modifier-border);border-radius:10px;padding:2rem;box-shadow:0 24px 80px #00000040}.auth-card h1{margin:.5rem 0}.auth-card>p{color:var(--text-muted)}.auth-card form,.auth-card label{display:grid;gap:.4rem}.auth-card form{gap:1rem}.auth-card label{font-weight:700;font-size:.85rem}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--interactive-accent);color:var(--text-on-accent);font-size:1.4rem}.form-error{color:#c0503f;margin:0}.settings-card,.management{padding:1.5rem;background:var(--background-primary);border:1px solid var(--background-modifier-border);border-radius:8px;margin:1rem 0}.danger{border:1px solid #b64134;background:transparent;color:#c0503f;border-radius:5px;padding:.55rem .8rem}.danger.subtle{font-size:.8rem}.workspace{height:calc(100vh - 62px);display:flex;flex-direction:column;background:var(--background-primary)}.vault-header{height:54px;flex:none;background:var(--background-secondary);border-bottom:1px solid var(--background-modifier-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.vault-header>div,.vault-header nav{display:flex;align-items:center;gap:.7rem}.vault-header a{font-size:.86rem}.vault-header nav a{text-decoration:none;padding:.35rem .55rem;border-radius:4px;color:var(--text-muted)}.vault-header nav a:hover{color:var(--text-normal);background:var(--background-modifier-hover)}.vault-header nav a.active{background:var(--background-modifier-active-hover);color:var(--text-normal);font-weight:700}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 240px;min-height:0;flex:1}.tree-pane{background:var(--background-secondary);border-right:1px solid var(--background-modifier-border);overflow:auto}.pane-title{display:flex;justify-content:space-between;padding:1rem 1rem .5rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.pane-title span{color:var(--text-muted)}.tree-search{margin:.4rem .7rem .8rem;display:flex;align-items:center;border:1px solid var(--background-modifier-border);background:var(--background-modifier-form-field);border-radius:5px;padding-left:.5rem}.tree-search input{min-width:0;width:100%;border:0;background:transparent}.tree-list{list-style:none;padding:0 0 0 .7rem;margin:0}.tree-list .tree-list{border-left:1px solid var(--background-modifier-border);margin-left:.65rem}.tree-file,.tree-folder{width:100%;border:0;background:transparent;text-align:left;padding:.35rem .6rem;display:flex;gap:.4rem;align-items:center;color:var(--text-muted);font-size:.86rem}.tree-file:hover,.tree-folder:hover{background:var(--background-modifier-hover);color:var(--text-normal)}.tree-file.selected{background:var(--background-modifier-active-hover);color:var(--text-normal);font-weight:700}.tree-empty{font-size:.82rem;color:var(--text-muted);padding:1rem}.content-pane{min-width:0;overflow:auto;background:var(--background-primary)}.links-panel{border-left:1px solid var(--background-modifier-border);background:var(--background-secondary);padding:1rem;overflow:auto}.links-panel h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.links-panel h3 span{color:var(--text-muted)}.links-panel ul{list-style:none;padding:0}.links-panel li{font-size:.82rem;margin:.6rem 0}.links-panel button{border:0;background:none;color:var(--text-accent);text-align:left;padding:0}.links-panel small,.muted{color:var(--text-muted)}.note-view,.attachment-view,.graph-view,.management{max-width:920px;margin:auto;padding:clamp(1rem,4vw,3rem)}.note-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--background-modifier-border);padding-bottom:1rem}.note-toolbar h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:.25rem 0;color:var(--text-normal)}.note-toolbar button,.graph-selection button,.token-once button{border:1px solid var(--background-modifier-border);background:var(--background-primary);color:var(--text-normal);border-radius:4px;padding:.45rem .7rem}.note-toolbar button:hover,.graph-selection button:hover,.token-once button:hover{background:var(--background-modifier-hover)}.rendered-note{max-width:760px;font-size:1.05rem;padding:1.5rem 0;overflow-wrap:anywhere;color:var(--text-normal)}.rendered-note a{color:var(--text-accent)}.rendered-note img{max-width:100%;height:auto}.rendered-note pre,.raw-source{overflow:auto;padding:1rem;background:var(--code-background);color:var(--code-normal);border:1px solid var(--background-modifier-border);border-radius:6px}.rendered-note code{background:var(--code-background);color:var(--code-normal);border-radius:4px;padding:.1rem .3rem}.rendered-note pre code{background:transparent;padding:0}.rendered-note table{border-collapse:collapse;display:block;overflow:auto}.rendered-note th,.rendered-note td{border:1px solid var(--background-modifier-border);padding:.4rem}.rendered-note th{background:var(--background-secondary)}.rendered-note blockquote{border-left:3px solid var(--interactive-accent);margin-left:0;padding-left:1rem;color:var(--text-muted)}.rendered-note .callout{--callout-color: 68, 138, 255;background-color:rgba(var(--callout-color),.08);border:1px solid rgba(var(--callout-color),.25);border-radius:6px;padding:.75rem 1rem;margin:1rem 0;color:var(--text-normal)}.rendered-note .callout[data-callout=abstract],.rendered-note .callout[data-callout=summary],.rendered-note .callout[data-callout=tldr]{--callout-color: 0, 176, 255}.rendered-note .callout[data-callout=info],.rendered-note .callout[data-callout=todo]{--callout-color: 0, 184, 212}.rendered-note .callout[data-callout=tip],.rendered-note .callout[data-callout=hint],.rendered-note .callout[data-callout=important]{--callout-color: 0, 191, 165}.rendered-note .callout[data-callout=success],.rendered-note .callout[data-callout=check],.rendered-note .callout[data-callout=done]{--callout-color: 0, 200, 83}.rendered-note .callout[data-callout=question],.rendered-note .callout[data-callout=help],.rendered-note .callout[data-callout=faq]{--callout-color: 100, 221, 23}.rendered-note .callout[data-callout=warning],.rendered-note .callout[data-callout=caution],.rendered-note .callout[data-callout=attention]{--callout-color: 255, 145, 0}.rendered-note .callout[data-callout=failure],.rendered-note .callout[data-callout=fail],.rendered-note .callout[data-callout=missing],.rendered-note .callout[data-callout=danger],.rendered-note .callout[data-callout=error]{--callout-color: 255, 82, 82}.rendered-note .callout[data-callout=bug]{--callout-color: 245, 0, 87}.rendered-note .callout[data-callout=example]{--callout-color: 124, 77, 255}.rendered-note .callout[data-callout=quote],.rendered-note .callout[data-callout=cite]{--callout-color: 158, 158, 158}.rendered-note .callout-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:rgb(var(--callout-color))}.rendered-note .callout-icon{display:inline-flex;flex:none}.rendered-note .callout-icon svg{width:18px;height:18px}.rendered-note .callout-content{margin-top:.25rem}.rendered-note .callout-content>:first-child{margin-top:0}.rendered-note .callout-content>:last-child{margin-bottom:0}.rendered-note details.callout>summary.callout-title{list-style:none;cursor:pointer}.rendered-note details.callout>summary.callout-title::-webkit-details-marker{display:none}.rendered-note details.callout>summary.callout-title:after{content:"▾";margin-left:auto;transition:transform .15s ease}.rendered-note details.callout:not([open])>summary.callout-title:after{transform:rotate(-90deg)}.rendered-note ul.contains-task-list{list-style:none;padding-left:.25rem}.rendered-note li.task-list-item{list-style:none;display:flex;align-items:baseline;gap:.5rem}.rendered-note li.task-list-item input[type=checkbox]{accent-color:var(--interactive-accent);flex:none}.raw-source{margin:1.5rem 0;white-space:pre-wrap}.readonly-badge{display:inline-block;padding:.25rem .6rem;border:1px solid var(--background-modifier-border);border-radius:999px;font-size:.75rem;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:min(520px,100%);max-height:min(80vh,640px);overflow:auto;background:var(--background-primary);color:var(--text-normal);border:1px solid var(--background-modifier-border);border-radius:10px;box-shadow:0 24px 80px #00000059;padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{border:1px solid var(--background-modifier-border);background:var(--background-primary);border-radius:5px;padding:.3rem .6rem;color:var(--text-muted)}.modal-close:hover{color:var(--text-normal);background:var(--background-modifier-hover)}.modal-section h3{margin-bottom:.25rem}.modal-section p{margin-top:0;font-size:.88rem}.theme-options{display:grid;gap:.6rem;margin-top:1rem}.theme-options.compact{gap:.4rem}.theme-option{display:flex;align-items:center;gap:.7rem;border:1px solid var(--background-modifier-border);border-radius:8px;padding:.7rem .9rem;cursor:pointer;background:var(--background-primary)}.theme-option:hover{background:var(--background-modifier-hover)}.theme-option.selected{border-color:var(--interactive-accent);box-shadow:0 0 0 1px var(--interactive-accent)}.theme-option input{accent-color:var(--interactive-accent)}.theme-option-text{display:grid;gap:.1rem}.theme-option-text small{color:var(--text-muted)}.theme-swatch{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--background-modifier-border)}.theme-swatch-light{background:linear-gradient(135deg,#fff 50%,#f2f3f5 50%)}.theme-swatch-dark{background:linear-gradient(135deg,#202020 50%,#161616 50%)}.theme-swatch-system{background:linear-gradient(135deg,#fff 50%,#202020 50%)}.attachment-view img{display:block;max-width:100%;max-height:calc(100vh - 220px);margin:2rem auto}.attachment-view object{width:100%;height:calc(100vh - 210px);margin-top:1rem;border:1px solid var(--background-modifier-border)}.graph-view canvas{display:block}.graph-canvas{width:100%;height:min(62vh,620px);background:var(--background-primary);border:1px solid var(--background-modifier-border);border-radius:8px;overflow:hidden}.graph-fallback-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.graph-fallback-list button{border:1px solid var(--background-modifier-border);background:var(--background-primary);border-radius:999px;padding:.3rem .7rem;font-size:.82rem;color:var(--text-normal)}.graph-fallback-list button:hover{border-color:var(--background-modifier-border-focus)}.graph-selection{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background:var(--background-primary);border:1px solid var(--background-modifier-border)}.inline-form label{display:grid;font-size:.82rem;font-weight:700}.token-once{background:var(--background-secondary);border:1px solid var(--background-modifier-border);padding:1rem;margin:1.25rem 0;border-radius:6px}.token-once code{display:block;padding:.8rem;background:var(--background-secondary-alt);color:var(--text-normal);overflow:auto}.token-once div{display:flex;gap:.5rem;margin-top:.8rem}.token-list{list-style:none;padding:0}.token-list li{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--background-modifier-border)}.token-list li div{display:grid}.token-list li span{font-size:.78rem;color:var(--text-muted)}.mobile-tree-button{display:none}@media(max-width:900px){.workspace-grid{grid-template-columns:220px minmax(0,1fr)}.links-panel,.user-email{display:none}}@media(max-width:650px){.topbar{height:54px}.workspace{height:calc(100vh - 54px)}.page{padding-top:2rem}.page-heading{align-items:stretch;flex-direction:column}.create-vault{align-items:stretch}.create-vault input{min-width:0;flex:1}.workspace-grid{display:block;position:relative}.tree-pane{display:none;position:absolute;z-index:5;inset:0 15% 0 0;box-shadow:8px 0 30px #0003}.tree-pane.open{display:block}.mobile-tree-button{display:inline-block;border:0;background:transparent;font-weight:700}.vault-header>div>a,.vault-header>div>span{display:none}.vault-header nav{gap:.2rem}.content-pane{height:100%}.inline-form{align-items:stretch;flex-direction:column}.inline-form input{width:100%;min-width:0}.auth-card{padding:1.5rem}.rendered-note{font-size:1rem}.graph-view,.management,.note-view,.attachment-view{padding:1rem}}