@import url('data:text/css,');

:root{
  color-scheme:dark;--bg:#070b14;--bg-2:#0a101d;--panel:#0d1423;--panel-2:#111a2b;--panel-solid:#101827;
  --card:rgba(16,24,40,.84);--line:rgba(148,163,184,.13);--line-2:rgba(148,163,184,.22);
  --text:#eef2ff;--text-2:#b9c1d4;--muted:#7f8aa3;--faint:#526079;--cyan:#22d3ee;--blue:#3b82f6;
  --violet:#7c5cff;--pink:#f472b6;--amber:#fbbf24;--green:#34d399;--red:#fb7185;
  --gradient:linear-gradient(110deg,#18bff2 0%,#5967ff 56%,#8b5cf6 100%);
  --shadow:0 20px 55px rgba(0,0,0,.34);--ring:0 0 0 3px rgba(34,211,238,.11);--radius:16px;
}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f6fc;--bg-2:#eef2fa;--panel:#fff;--panel-2:#f7f9fd;--panel-solid:#fff;
  --card:rgba(255,255,255,.88);--line:rgba(50,65,95,.11);--line-2:rgba(50,65,95,.2);--text:#172033;--text-2:#3d4960;
  --muted:#6c7890;--faint:#97a1b4;--shadow:0 20px 45px rgba(51,65,85,.12)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:14px/1.55 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--bg);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 8%,rgba(34,211,238,.055),transparent 27%),radial-gradient(circle at 30% 100%,rgba(124,92,255,.055),transparent 32%)}
button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--ring)}
svg{display:block}.hidden{display:none!important}kbd{font:11px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px;background:rgba(255,255,255,.025)}

/* shell */
#app{height:100%;display:flex;flex-direction:column}.topbar{height:64px;flex:none;display:grid;grid-template-columns:270px minmax(320px,620px) 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(8,13,24,.84);backdrop-filter:blur(18px);z-index:20}
:root[data-theme="light"] .topbar{background:rgba(255,255,255,.84)}
.brand{height:64px;padding:0 19px;display:flex;align-items:center;gap:11px;text-align:left}.logo-badge{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(34,211,238,.13),rgba(124,92,255,.2));border:1px solid rgba(124,140,255,.25);box-shadow:inset 0 0 18px rgba(91,140,255,.08)}.logo-badge svg{width:27px}.brand-name{font-size:18px;font-weight:760;letter-spacing:.2px}.brand-name b{font-weight:700;background:linear-gradient(90deg,var(--cyan),#8b7bff);color:transparent;background-clip:text}
.global-search{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;background:rgba(3,7,18,.4);border:1px solid var(--line);color:var(--muted)}
:root[data-theme="light"] .global-search{background:#f7f9fd}.global-search svg{width:18px}.global-search input{flex:1;min-width:0;border:0;outline:0;background:none}.global-search input::placeholder{color:var(--faint)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-right:18px}.sync{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:13px}.sync i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.sync.dirty i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.sync.saving i{background:var(--cyan);animation:pulse 1s infinite}.sync.error i{background:var(--red)}
.icon-button{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);color:var(--text-2);transition:.16s}.icon-button:hover{color:var(--text);border-color:var(--line-2);background:rgba(255,255,255,.04)}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.avatar{width:43px;height:43px;border-radius:13px;color:white;font-weight:750;font-size:17px;background:linear-gradient(135deg,#18bff2,#7364ff);border:1px solid rgba(255,255,255,.27);box-shadow:0 0 0 2px rgba(34,211,238,.16),0 0 22px rgba(91,92,255,.22)}
.shell{flex:1;min-height:0;display:grid;grid-template-columns:64px 244px minmax(0,1fr)}.rail{z-index:12;display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 9px 15px;border-right:1px solid var(--line);background:rgba(7,12,22,.75)}
:root[data-theme="light"] .rail{background:rgba(255,255,255,.62)}.rail-button{position:relative;width:43px;height:43px;border-radius:11px;display:grid;place-items:center;color:var(--muted);transition:.17s}.rail-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.rail-button:hover{color:var(--text);background:rgba(255,255,255,.04)}.rail-button.active{color:white;background:linear-gradient(145deg,#16c4eb,#5369f6 72%,#7c5cff);box-shadow:0 0 20px rgba(34,211,238,.28)}.rail-button.active:after{content:"";position:absolute;left:-9px;width:3px;height:25px;border-radius:0 4px 4px 0;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.rail-button span{display:none}.rail-space{flex:1}
.sidebar{z-index:10;min-width:0;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--line);background:rgba(10,16,29,.82);padding:19px 14px 13px}.sidebar::-webkit-scrollbar{width:0}:root[data-theme="light"] .sidebar{background:rgba(250,252,255,.85)}
.sidebar-top{padding:0 4px 12px}.sidebar-top h2{font-size:19px;margin:0 0 14px}.sidebar-top p{margin:-7px 0 2px;color:var(--muted);font-size:13px}.sidebar-create{width:100%;height:44px;border-radius:12px;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--gradient) border-box;color:var(--text);font-weight:680;box-shadow:0 0 15px rgba(91,92,255,.08)}.sidebar-create span{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:7px;border-radius:6px;background:linear-gradient(135deg,#477cff,#8b5cf6);color:white}.side-section{margin-top:8px;padding-bottom:10px}.side-title{height:31px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12.5px}.side-title button{color:var(--muted);font-size:18px}.side-row{width:100%;min-height:38px;padding:7px 10px;border-radius:9px;display:flex;align-items:center;gap:9px;text-align:left;color:var(--text-2);transition:.14s}.side-row:hover{background:rgba(255,255,255,.035);color:var(--text)}.side-row.active{background:linear-gradient(90deg,rgba(72,103,208,.24),rgba(68,79,145,.13));color:var(--text)}.side-row i:not(.folder-dot){width:7px;height:7px;border-radius:50%;background:var(--dot,var(--muted));box-shadow:0 0 8px color-mix(in srgb,var(--dot,var(--muted)) 70%,transparent)}.side-row i.neutral{--dot:#71809b}.side-row span:not(.side-icon){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-row b{font-size:11px;color:var(--faint);font-weight:500}.side-icon{width:19px;text-align:center;color:var(--muted);font-size:17px}.folder-dot{width:16px;height:12px;border-radius:3px;background:var(--dot);position:relative}.folder-dot:before{content:"";position:absolute;left:1px;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:var(--dot)}.side-empty{font-size:12px;color:var(--faint);padding:5px 10px}.sidebar-foot{margin-top:auto;padding:13px 6px 3px;border-top:1px solid var(--line);color:var(--faint);font-size:11.5px}.sidebar-bottom-button{margin-top:auto;height:40px;border-radius:10px;border:1px solid var(--line);color:var(--text-2)}.side-search{height:37px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 10px}.side-search svg{width:16px;fill:none;stroke:currentColor}.side-search input{width:100%;border:0;background:none;outline:none;font-size:12.5px}
.main{min-width:0;min-height:0;overflow:hidden;background:linear-gradient(145deg,rgba(12,18,31,.45),rgba(6,10,19,.1))}.page-scroll{height:100%;overflow-y:auto;padding:24px 26px 35px}.page-scroll::-webkit-scrollbar,.document-content::-webkit-scrollbar,.favorite-list::-webkit-scrollbar{width:7px}.page-scroll::-webkit-scrollbar-thumb,.document-content::-webkit-scrollbar-thumb,.favorite-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}

/* shared components */
.button{height:39px;padding:0 15px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);font-weight:620;color:var(--text-2);transition:.16s}.button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button:hover{color:var(--text);background:rgba(255,255,255,.045);transform:translateY(-1px)}.button.primary{border:0;color:white;background:var(--gradient);box-shadow:0 8px 24px rgba(77,96,255,.2)}.button.danger{color:white;border:0;background:linear-gradient(110deg,#e54864,#fb7185)}.button.ghost{background:rgba(255,255,255,.015)}.button.wide{width:100%;margin-top:10px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.favorite-active{color:var(--amber)!important}.danger-hover:hover{color:var(--red);border-color:rgba(251,113,133,.35)}
.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:27px;line-height:1.2;margin:1px 0 4px;letter-spacing:-.4px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:10px!important;letter-spacing:1.8px;color:var(--cyan)!important;font-weight:700}.heading-actions{display:flex;align-items:center;gap:13px}.count-tile{height:58px;min-width:104px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.count-tile span{display:block;color:var(--muted);font-size:11px}.count-tile b{font-size:19px}.section-heading{height:49px;display:flex;align-items:center;justify-content:space-between}.section-heading>div{display:flex;align-items:baseline;gap:9px}.section-heading h2{margin:0;font-size:16px}.section-heading span{color:var(--muted);font-size:12px}.view-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px}.view-switch button{width:31px;height:27px;border-radius:6px;color:var(--muted)}.view-switch button.active{color:var(--cyan);background:rgba(34,211,238,.1)}
.chip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chip) 30%,var(--line));background:color-mix(in srgb,var(--chip) 8%,transparent);color:var(--text-2);font-size:11.5px}.chip i{width:6px;height:6px;border-radius:50%;background:var(--chip);box-shadow:0 0 6px var(--chip)}
.empty-state{grid-column:1/-1;min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed var(--line-2);border-radius:15px;color:var(--muted)}.empty-state>span{font-size:40px;color:var(--violet)}.empty-state h3{margin:8px 0 0;color:var(--text)}.empty-state p{margin:4px 0}.coming-soon{height:100%;display:grid;place-items:center;align-content:center;text-align:center}.coming-soon>span{font-size:45px;color:var(--cyan)}.coming-soon h1{margin:12px 0 0}.coming-soon p{color:var(--muted);margin:5px 0 19px}

/* note library */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:11px}.metric{min-height:114px;position:relative;padding:17px 19px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,27,46,.84),rgba(11,17,31,.72));overflow:hidden}.metric:after{content:"";position:absolute;right:-30px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:var(--glow,rgba(124,92,255,.1));filter:blur(20px)}.metric>span{display:block;color:var(--muted);font-size:12px}.metric>b{font-size:31px;line-height:1.2;display:block;margin:7px 0 1px}.metric>small{color:var(--faint)}.metric>i{position:absolute;right:17px;top:16px;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:rgba(244,114,182,.08);color:var(--pink);font-style:normal}.metric>i.cyan{color:var(--cyan);background:rgba(34,211,238,.08)}.metric>i.violet{color:var(--violet);background:rgba(124,92,255,.1)}.metric.amber{border-color:rgba(251,191,36,.2)}.metric.amber>i{color:var(--amber);background:rgba(251,191,36,.08)}.metric.amber>b{color:var(--amber)}
.library-section{margin-top:5px}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:13px}.note-card{min-height:184px;padding:16px 17px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,26,43,.82),rgba(11,17,31,.8));display:flex;flex-direction:column;cursor:pointer;transition:.18s}.note-card:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.38);box-shadow:var(--shadow)}.note-card.is-favorite{border-color:rgba(251,191,36,.17)}.note-card-top{display:flex;align-items:center;justify-content:space-between}.note-kind{font-size:10.5px;padding:2px 8px;border-radius:999px;color:var(--cyan);background:rgba(34,211,238,.08)}.star-button{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--faint)}.star-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.star-button.active{color:var(--amber)}.star-button.active svg{fill:var(--amber)}.note-card h3{font-size:15px;margin:11px 0 6px}.note-card>p{color:var(--muted);font-size:12.5px;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:59px}.note-card>p mark{background:rgba(251,191,36,.28);color:var(--text)}.note-card .chip-row{margin-top:auto;padding-top:10px}.note-card footer{display:flex;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--faint);font-size:11px}

/* note reader */
.document-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;padding:17px}.document-layout.toc-collapsed{grid-template-columns:minmax(0,1fr) 50px}.document-surface,.toc-panel{min-height:0;border:1px solid var(--line);border-radius:15px;background:rgba(12,19,33,.72)}.document-surface{display:flex;flex-direction:column;overflow:hidden}.document-header{height:59px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.breadcrumb button{color:var(--text-2)}.document-actions{display:flex;align-items:center;gap:8px}.readonly{color:var(--faint);font-size:12px}.document-content{flex:1;min-height:0;overflow-y:auto;padding:33px clamp(28px,5vw,76px)}.document-content>h1{font-size:30px;letter-spacing:-.5px;margin:0 0 12px}.document-meta,.editor-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.document-meta{margin-bottom:25px}.meta-chip,.meta-add{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--text-2);font-size:11.5px;background:rgba(255,255,255,.02)}.meta-chip i{width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 6px var(--dot)}.meta-chip.category{border-color:rgba(124,92,255,.3);background:rgba(124,92,255,.08)}.meta-chip button{color:var(--muted);padding:0;margin-left:1px}.meta-add{border-style:dashed;color:var(--muted)}.reading-bar{height:45px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.reading-bar>div{display:flex;align-items:center;gap:8px}.reading-bar b{color:var(--text-2)}.reading-bar i{width:170px;height:5px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}.reading-bar em{display:block;height:100%;background:var(--gradient)}.reading-bar p{margin:0}.toc-panel{padding:16px;overflow:hidden}.toc-head{display:flex;align-items:center;justify-content:space-between}.toc-head h3,.related-mini h3{font-size:14px;margin:0}.toc-head button{color:var(--muted)}.toc-head svg{width:17px;fill:none;stroke:currentColor}.document-layout.toc-collapsed .toc-head h3,.document-layout.toc-collapsed #toc-list,.document-layout.toc-collapsed .related-mini{display:none}.document-layout.toc-collapsed .toc-panel{padding:15px}.document-layout.toc-collapsed .toc-head svg{transform:rotate(180deg)}#toc-list{list-style:none;margin:14px 0 20px;padding:0}#toc-list li{position:relative;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;color:var(--muted);font-size:12px;cursor:pointer}#toc-list li i{width:5px;height:5px;border-radius:50%;background:var(--faint)}#toc-list li.level-2{padding-left:16px}#toc-list li.level-3{padding-left:26px;font-size:11.5px}#toc-list li.active{color:var(--cyan);background:rgba(34,211,238,.08)}#toc-list li.active i{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.toc-empty{color:var(--faint)!important;font-size:11.5px!important}.related-mini{border-top:1px solid var(--line);padding-top:15px}.related-mini>div{margin-top:8px}.related-mini button{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:7px;border-radius:8px;text-align:left;color:var(--text-2)}.related-mini button:hover{background:rgba(255,255,255,.04)}.related-mini svg{width:15px;fill:none;stroke:var(--muted)}.related-mini b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.related-mini small{font-size:9.5px;color:var(--faint)}

/* markdown */
.markdown-body{max-width:920px;color:var(--text-2);font-size:15px;line-height:1.82}.markdown-body>*:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text);line-height:1.35;margin:1.55em 0 .55em;scroll-margin-top:20px}.markdown-body h1{font-size:1.7em}.markdown-body h2{font-size:1.35em;padding-bottom:.3em;border-bottom:1px solid var(--line)}.markdown-body h3{font-size:1.15em}.markdown-body p{margin:.75em 0}.markdown-body strong{color:var(--text)}.markdown-body a{color:var(--cyan)}.markdown-body ul,.markdown-body ol{padding-left:1.5em}.markdown-body li{margin:.26em 0}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:.14em .42em;border-radius:5px;color:#66e6f6;background:rgba(34,211,238,.08)}.markdown-body pre{position:relative;padding:17px 19px;overflow:auto;border-radius:12px;border:1px solid var(--line);background:#070b13}.markdown-body pre code{background:none;padding:0;color:inherit;line-height:1.7}.markdown-body blockquote{margin:1.1em 0;padding:.7em 1.1em;border-left:3px solid var(--violet);border-radius:0 9px 9px 0;background:rgba(124,92,255,.07)}.markdown-body blockquote.callout{border-color:var(--cyan);background:rgba(34,211,238,.07)}.markdown-body table{display:block;width:100%;overflow:auto;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{padding:.55em .8em;border:1px solid var(--line)}.markdown-body th{color:var(--text);background:rgba(255,255,255,.03)}.markdown-body img{max-width:100%;border-radius:12px}.markdown-body hr{border:0;border-top:1px solid var(--line)}.markdown-body .task-item{list-style:none;margin-left:-1.2em}.markdown-body input[type="checkbox"]{accent-color:var(--violet)}

/* editor */
.editor-page{height:100%;display:flex;flex-direction:column}.editor-header{height:72px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid var(--line)}.editor-title{display:flex;align-items:center;gap:8px;min-width:0}.editor-title input{min-width:0;width:100%;border:0;background:none;font-size:20px;font-weight:720}.editor-actions{display:flex;justify-content:flex-end;gap:8px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:rgba(2,6,15,.25)}.segmented button{height:30px;padding:0 15px;border-radius:6px;color:var(--muted);font-size:12px}.segmented button.active{background:rgba(95,111,176,.17);color:var(--text)}.editor-meta{min-height:46px;padding:8px 20px;border-bottom:1px solid var(--line)}.format-toolbar{min-height:49px;display:flex;align-items:center;gap:3px;padding:7px 20px;border-bottom:1px solid var(--line);overflow-x:auto}.format-toolbar>button{width:31px;height:31px;flex:none;border-radius:7px;color:var(--muted)}.format-toolbar>button:hover{background:rgba(255,255,255,.05);color:var(--text)}.format-toolbar>i{width:1px;height:20px;background:var(--line);margin:0 4px}.format-toolbar select{height:31px;border:0;background:transparent;color:var(--text-2)}.editor-workspace{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr}.source-pane,.preview-pane{min-width:0;min-height:0}.source-pane{border-right:1px solid var(--line)}#note-editor{width:100%;height:100%;resize:none;border:0;background:rgba(4,8,16,.14);padding:22px 25px;outline:0;font:13.5px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-2);tab-size:2}.preview-pane{overflow-y:auto;padding:27px 30px}.view-write{grid-template-columns:1fr}.view-write .preview-pane{display:none}.view-preview{grid-template-columns:1fr}.view-preview .source-pane{display:none}.editor-status{height:37px;flex:none;display:flex;align-items:center;gap:16px;padding:0 20px;border-top:1px solid var(--line);font-size:11px;color:var(--faint)}.status-spacer{flex:1}

/* tags */
.tag-cloud-panel{padding:8px 18px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud button{transform:scale(var(--scale));transform-origin:left center;display:flex;align-items:center;gap:7px;min-height:31px;padding:0 11px;border-radius:9px;border:1px solid color-mix(in srgb,var(--tag) 34%,var(--line));background:color-mix(in srgb,var(--tag) 7%,transparent);color:var(--text-2)}.tag-cloud button i{width:7px;height:7px;border-radius:50%;background:var(--tag);box-shadow:0 0 7px var(--tag)}.tag-cloud button b{font-size:10px;color:var(--muted)}.tag-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:11px}.tag-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px}.tag-card{min-height:176px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--card);cursor:pointer;transition:.17s}.tag-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tag) 45%,var(--line))}.tag-card header{display:flex;align-items:center;gap:8px}.tag-card header>i{width:12px;height:12px;border-radius:50%;background:var(--tag);box-shadow:0 0 11px var(--tag)}.tag-card h3{margin:0;flex:1;font-size:15px}.tag-card header button{color:var(--muted)}.tag-card header svg{width:17px;fill:none;stroke:currentColor}.tag-card>p{min-height:39px;color:var(--muted);font-size:12px}.tag-card-meta{display:flex;gap:9px;color:var(--faint);font-size:10.5px}.mini-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.mini-notes span{height:39px;padding:5px 6px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:9.5px;color:var(--text-2);overflow:hidden}.mini-notes em{grid-column:1/-1;color:var(--faint);font-size:11px}.analytics-column{display:flex;flex-direction:column;gap:12px}.analytics-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title h3{margin:0;font-size:13px}.panel-title span{color:var(--muted);font-size:10px}.trend-chart{width:100%;height:auto}.trend-chart path{stroke:var(--line);stroke-dasharray:3 4;fill:none}.trend-chart polyline{fill:none;stroke:var(--cyan);stroke-width:2}.trend-chart polygon{fill:rgba(34,211,238,.06)}.trend-chart circle{fill:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan))}.combo-list>div{margin:9px 0}.combo-list p{display:flex;justify-content:space-between;margin:0 0 3px;font-size:10.5px;color:var(--text-2)}.combo-list p b{color:var(--muted)}.combo-list>div>i{display:block;height:3px;border-radius:4px;background:rgba(255,255,255,.05)}.combo-list em{display:block;height:100%;border-radius:4px;background:var(--gradient)}.donut{width:112px;height:112px;margin:13px auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,var(--panel-solid) 0 55%,transparent 56%),conic-gradient(var(--cyan) 0 calc(var(--percent)*1%),var(--violet) calc(var(--percent)*1%) 76%,var(--pink) 76% 88%,rgba(255,255,255,.07) 88%)}.donut b{font-size:21px}.donut span{font-size:9px;color:var(--muted)}

/* favorites */
.favorites-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collection-card{min-height:129px;padding:17px;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(18,27,46,.85),rgba(11,18,32,.72));color:var(--text-2);transition:.16s}.collection-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--folder) 45%,var(--line))}.collection-card>.folder-icon{position:relative;color:var(--folder);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--folder) 45%,transparent))}.folder-icon svg{width:54px;fill:color-mix(in srgb,var(--folder) 18%,transparent);stroke:currentColor;stroke-width:1.4}.folder-icon i{position:absolute;left:21px;top:21px;font-style:normal;font-size:13px;color:white}.collection-card>span:nth-child(2){flex:1;display:flex;flex-direction:column}.collection-card b{font-size:15px;color:var(--text)}.collection-card small{color:var(--muted);margin-top:3px}.collection-card em{font-style:normal;color:var(--faint);font-size:11px;margin-top:10px}.collection-card>svg{width:17px;fill:none;stroke:var(--muted)}.collection-empty{justify-content:center;flex-direction:column;text-align:center}.collection-empty>svg{width:23px}.tabs-heading{margin-top:11px}.tabs-heading nav{display:flex;align-self:stretch}.tabs-heading nav button{padding:0 17px;color:var(--muted);border-bottom:2px solid transparent}.tabs-heading nav button.active{color:var(--text);border-color:var(--cyan)}.favorites-grid{grid-template-columns:repeat(3,1fr)}.favorite-donut{display:flex;align-items:center}.favorite-donut .donut{margin:8px}.legend-list{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.legend-list span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:5px}.legend-list i,.active-nodes i,.neighbor-list i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.recent-favorites button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 5px;text-align:left;border-bottom:1px solid var(--line);color:var(--muted)}.recent-favorites button>svg:first-child{width:15px;fill:none;stroke:var(--cyan)}.recent-favorites button>svg:last-child{width:13px;fill:var(--amber);stroke:var(--amber)}.recent-favorites span{flex:1;min-width:0}.recent-favorites b{display:block;color:var(--text-2);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-favorites small{font-size:9.5px;color:var(--faint)}
.favorite-reader{height:100%;display:grid;grid-template-columns:375px minmax(0,1fr);padding:15px;gap:1px}.favorite-list-pane,.favorite-document{min-height:0;border:1px solid var(--line);background:rgba(12,19,33,.75)}.favorite-list-pane{display:flex;flex-direction:column;border-radius:14px 0 0 14px;padding:14px}.favorite-list-pane>label{height:39px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.favorite-list-pane>label svg{width:16px;fill:none;stroke:currentColor}.favorite-list-pane input{min-width:0;width:100%;border:0;outline:0;background:none}.filter-pills{display:flex;gap:5px;margin:10px 0}.filter-pills button{padding:5px 11px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px}.filter-pills button.active{color:var(--text);border-color:rgba(34,211,238,.35)}.favorite-list{flex:1;min-height:0;overflow-y:auto}.favorite-list>button{width:100%;display:flex;gap:9px;padding:13px 10px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:9px;text-align:left;color:var(--muted)}.favorite-list>button.active{border-color:rgba(74,121,255,.55);background:linear-gradient(105deg,rgba(34,211,238,.07),rgba(124,92,255,.12));box-shadow:inset 0 0 18px rgba(124,92,255,.05)}.favorite-list>button>svg{width:17px;flex:none;fill:var(--amber);stroke:var(--amber)}.favorite-list>button>span{min-width:0;flex:1}.favorite-list b{display:block;color:var(--text);font-size:13px}.favorite-list small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0;font-size:10.5px}.favorite-list em{display:flex;gap:4px;font-style:normal}.favorite-list em i{font-style:normal;padding:2px 5px;border-radius:4px;background:rgba(124,92,255,.12);font-size:9px;color:#a99cff}.favorite-list time{margin-left:auto;color:var(--faint);font-size:9px}.favorite-document{border-radius:0 14px 14px 0;display:flex;flex-direction:column}.favorite-document>header{min-height:82px;padding:14px 20px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.favorite-document h1{margin:0 0 6px;font-size:21px}.favorite-document header>div:last-child{display:flex;align-items:flex-start;gap:7px}.favorite-document time{color:var(--faint);font-size:11px}.favorite-document>.markdown-body{flex:1;min-height:0;overflow-y:auto;padding:24px 28px}.favorite-document>footer{height:48px;display:flex;align-items:center;gap:13px;padding:0 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.favorite-document>footer>i{flex:1;height:5px;border-radius:5px;background:rgba(255,255,255,.06)}.favorite-document>footer em{display:block;height:100%;background:var(--gradient)}

/* graph */
.graph-filters{display:flex;flex-direction:column;gap:10px}.graph-filters label{height:48px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.graph-filters input{accent-color:var(--blue)}.graph-filters i{width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}.graph-filters span{flex:1}.graph-filters b{color:var(--faint);font-size:11px}.relation-legend{display:flex;flex-direction:column;gap:10px;padding:5px}.relation-legend span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.relation-legend i{display:block;width:26px;height:2px}.relation-legend i.cyan{background:var(--cyan)}.relation-legend i.violet{background:var(--violet)}.relation-legend i.pink{border-top:2px dashed var(--pink)}.graph-page{height:100%;position:relative;overflow:hidden;background-image:radial-gradient(circle,rgba(113,129,164,.12) 1px,transparent 1px);background-size:24px 24px}.graph-toolbar{position:absolute;z-index:5;left:50%;top:15px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(11,18,31,.88);backdrop-filter:blur(15px);box-shadow:var(--shadow)}.graph-toolbar label{width:220px;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.graph-toolbar label svg{width:15px;fill:none;stroke:currentColor}.graph-toolbar input{width:100%;border:0;background:none;outline:0;font-size:11.5px}.graph-toolbar button,.graph-toolbar select{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text-2);font-size:11.5px}.graph-toolbar button.active{border-color:var(--cyan);color:var(--cyan)}.graph-canvas{position:absolute;inset:0 310px 0 0;overflow:hidden}.graph-canvas svg{width:100%;height:100%;transform-origin:center;transition:transform .2s}.edge{stroke:var(--violet);stroke-width:calc(1px + var(--strength)*1px);opacity:calc(.15 + var(--strength)*.35)}.edge.category{stroke:var(--cyan)}.edge.tag{stroke:var(--pink)}.edge.manual{stroke:var(--amber);stroke-dasharray:5 5}.graph-node{cursor:pointer}.graph-node .halo{fill:var(--node);opacity:.07}.graph-node .node-circle{fill:color-mix(in srgb,var(--node) 15%,#0b1220);stroke:var(--node);stroke-width:1.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--node) 35%,transparent))}.graph-node text{fill:var(--text-2);font-size:10px;pointer-events:none}.graph-node path{fill:none;stroke:white;stroke-width:1.2;pointer-events:none}.graph-node.focused .halo{opacity:.2;animation:pulse 1.8s infinite}.graph-node.focused .node-circle{stroke-width:3;filter:drop-shadow(0 0 13px var(--node))}.graph-node.focused text{fill:white;font-weight:700;font-size:12px}.graph-minimap{position:absolute;left:18px;bottom:18px;width:170px;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(11,18,31,.88)}.graph-minimap h4{margin:0 0 7px;font-size:11px}.graph-minimap>div{position:relative;height:95px;border:1px solid var(--line);border-radius:8px;background:rgba(4,8,16,.45)}.graph-minimap i{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:var(--dot)}.graph-inspector{position:absolute;z-index:4;right:15px;top:15px;bottom:15px;width:280px;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(11,18,31,.9);backdrop-filter:blur(16px);overflow-y:auto}.inspector-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.inspector-head h2{margin:0;font-size:15px}.inspector-head button{color:var(--muted)}.inspector-head svg{width:17px;fill:none;stroke:currentColor}.graph-stat{height:58px;display:grid;grid-template-columns:36px auto 1fr;align-items:center;gap:8px;padding:0 10px;margin:9px 0;border:1px solid var(--line);border-radius:10px}.graph-stat i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-style:normal;background:rgba(34,211,238,.08);color:var(--cyan)}.graph-stat i.violet{color:var(--violet);background:rgba(124,92,255,.1)}.graph-stat i.pink{color:var(--pink);background:rgba(244,114,182,.08)}.graph-stat b{font-size:20px}.graph-stat span{color:var(--muted)}.density{margin:18px 0}.density p{display:flex;justify-content:space-between}.density i{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.05)}.density em{display:block;height:100%;background:var(--gradient)}.active-nodes h3{font-size:12px}.active-nodes button{width:100%;display:flex;align-items:center;gap:8px;padding:7px;color:var(--text-2)}.active-nodes span{flex:1;text-align:left}.active-nodes b{color:var(--muted)}.node-type{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.node-type i{width:8px;height:8px;border-radius:50%;background:var(--dot)}.node-title{font-size:18px}.node-summary{font-size:11.5px;color:var(--muted);line-height:1.7}.detail-label{margin-top:18px;margin-bottom:6px;color:var(--faint);font-size:10.5px}.detail-dates span{display:block;color:var(--muted);font-size:10px}.detail-dates b{display:block;color:var(--text-2);font-size:11px}.neighbor-list{display:flex;flex-wrap:wrap;gap:5px}.neighbor-list button{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:var(--text-2);font-size:10px}

/* dialogs */
dialog.modal{padding:0;border:1px solid var(--line-2);border-radius:16px;background:var(--panel-solid);color:var(--text);box-shadow:0 30px 85px rgba(0,0,0,.58);max-width:calc(100vw - 28px)}dialog.modal::backdrop{background:rgba(2,6,15,.68);backdrop-filter:blur(5px)}.modal-form{position:relative;width:500px;max-width:calc(100vw - 30px);padding:23px 24px;display:flex;flex-direction:column;gap:14px}.small-modal .modal-form{width:390px}.modal-close{position:absolute;right:17px;top:14px;color:var(--muted);font-size:24px}.modal-heading h2{margin:0;font-size:19px}.modal-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.modal-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:rgba(124,92,255,.12);color:#a78bfa}.modal-icon.danger{color:var(--red);background:rgba(251,113,133,.1)}.field{position:relative;display:flex;flex-direction:column;gap:6px}.field>span{font-size:11.5px;color:var(--text-2)}.field input,.field textarea,.field select,.modal-search{width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(3,7,15,.34);outline:0}.field input,.field select{height:40px;padding:0 11px}.field textarea{height:72px;padding:10px;resize:none}.field small{position:absolute;right:9px;bottom:10px;color:var(--faint);font-size:9px}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(34,211,238,.42);box-shadow:var(--ring)}.color-picker{display:flex;gap:9px}.color-swatch{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:3px solid var(--panel-solid);box-shadow:0 0 0 1px var(--line-2)}.color-swatch.active{box-shadow:0 0 0 2px var(--swatch),0 0 12px color-mix(in srgb,var(--swatch) 45%,transparent)}.live-preview{padding:10px 12px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.live-preview b{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--text-2)}.live-preview i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.live-preview em{font-style:normal}.form-error{min-height:0;margin:0;color:var(--red);font-size:11.5px}.form-error:empty{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.modal-search{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px}.modal-search input{width:100%;border:0;background:none;outline:0}.picker-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.picker-row{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid transparent;border-radius:9px;text-align:left;color:var(--text-2)}.picker-row:hover,.picker-row.selected{border-color:var(--line-2);background:rgba(91,140,255,.07)}.picker-row>i{width:11px;height:11px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}.picker-row>span{flex:1}.picker-row b,.picker-row small{display:block}.picker-row small{font-size:10px;color:var(--faint)}.picker-row em{color:var(--cyan)}.picker-row svg{width:16px;fill:none;stroke:currentColor}.picker-new,.inline-create{border-top:1px solid var(--line);padding-top:9px}.picker-new button,.inline-create{color:var(--cyan);font-size:12px}.drop-zone{height:176px;border:1px dashed rgba(124,92,255,.65);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(145deg,rgba(34,211,238,.035),rgba(124,92,255,.065));color:var(--text-2)}.drop-zone.dragging{border-color:var(--cyan);background:rgba(34,211,238,.08)}.upload-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:25px;background:rgba(34,211,238,.08)}.drop-zone em{font-style:normal;color:var(--cyan);font-size:12px}.drop-zone small{color:var(--faint);margin-top:5px}.upload-file{min-height:65px;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px}.file-badge{width:37px;height:42px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#287af3,#5a54f5);font-size:9px;color:white}.upload-file>div{flex:1}.upload-file b,.upload-file small{display:block}.upload-file small{color:var(--muted);font-size:10px}.upload-file i{height:3px;display:block;margin-top:6px;background:rgba(255,255,255,.05)}.upload-file em{display:block;width:65%;height:100%;background:var(--gradient)}.upload-file.complete em{width:100%}.import-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.import-mode label{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.import-mode input{accent-color:var(--violet)}.import-mode b,.import-mode small{display:block}.import-mode small{color:var(--faint);font-size:9.5px}.range-field input{accent-color:var(--pink)}
.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 17px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel-solid);box-shadow:var(--shadow);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{color:var(--red);border-color:rgba(251,113,133,.3)}
.mobile-menu,.scrim{display:none}@keyframes pulse{50%{opacity:.45;transform:scale(.92)}}
/* Keep the tag count and create action visually aligned. */
.tags-page .heading-actions{align-items:stretch}
.tags-page .count-tile,.tags-page .heading-actions>.button{height:48px}
.tags-page .count-tile{padding:4px 14px;display:flex;align-items:center;gap:11px}
.tags-page .count-tile span{white-space:nowrap}
.tags-page .count-tile b{font-size:20px}
/* The graph toolbar is centered inside the canvas area, leaving the inspector unobstructed. */
.graph-toolbar{left:calc((100% - 310px)/2)}

/* Light theme surfaces. Keep component backgrounds tied to the active theme
   instead of inheriting the dark glass values used by the default palette. */
:root[data-theme="light"] .main{
  background:linear-gradient(145deg,#f4f7fc,#eaf0f8)
}
:root[data-theme="light"] .metric,
:root[data-theme="light"] .note-card,
:root[data-theme="light"] .document-surface,
:root[data-theme="light"] .toc-panel,
:root[data-theme="light"] .collection-card,
:root[data-theme="light"] .favorite-list-pane,
:root[data-theme="light"] .favorite-document{
  background:rgba(255,255,255,.9)
}
:root[data-theme="light"] .graph-toolbar,
:root[data-theme="light"] .graph-inspector,
:root[data-theme="light"] .graph-minimap{
  background:rgba(255,255,255,.94)
}
:root[data-theme="light"] .graph-minimap>div{
  background:#f2f5fb
}
:root[data-theme="light"] .graph-node .node-circle{
  fill:color-mix(in srgb,var(--node) 14%,white)
}
:root[data-theme="light"] .graph-node path{
  stroke:color-mix(in srgb,var(--node) 76%,#172033)
}
:root[data-theme="light"] .graph-node.focused text{
  fill:var(--text)
}
:root[data-theme="light"] .segmented,
:root[data-theme="light"] #note-editor,
:root[data-theme="light"] .field input,
:root[data-theme="light"] .field textarea,
:root[data-theme="light"] .field select,
:root[data-theme="light"] .modal-search{
  background:#fff
}
:root[data-theme="light"] kbd,
:root[data-theme="light"] .button.ghost,
:root[data-theme="light"] .meta-chip,
:root[data-theme="light"] .meta-add,
:root[data-theme="light"] .graph-filters label,
:root[data-theme="light"] .mini-notes span{
  background:rgba(74,94,130,.035)
}
:root[data-theme="light"] .rail-button:hover,
:root[data-theme="light"] .side-row:hover,
:root[data-theme="light"] .icon-button:hover,
:root[data-theme="light"] .button:hover,
:root[data-theme="light"] .related-mini button:hover,
:root[data-theme="light"] .format-toolbar>button:hover{
  background:rgba(74,94,130,.065)
}
:root[data-theme="light"] .reading-bar i,
:root[data-theme="light"] .favorite-document>footer>i,
:root[data-theme="light"] .combo-list>div>i,
:root[data-theme="light"] .density i,
:root[data-theme="light"] .upload-file i{
  background:rgba(74,94,130,.1)
}
:root[data-theme="light"] .donut{
  background:radial-gradient(circle at center,var(--panel-solid) 0 55%,transparent 56%),conic-gradient(var(--cyan) 0 calc(var(--percent)*1%),var(--violet) calc(var(--percent)*1%) 76%,var(--pink) 76% 88%,rgba(74,94,130,.12) 88%)
}

/* responsive */
@media(max-width:1250px){.topbar{grid-template-columns:245px minmax(300px,520px) 1fr}.shell{grid-template-columns:60px 215px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.tag-main-grid,.favorites-layout{grid-template-columns:1fr}.analytics-column{display:grid;grid-template-columns:repeat(3,1fr)}.document-layout{grid-template-columns:minmax(0,1fr) 230px}.favorites-grid{grid-template-columns:repeat(2,1fr)}.favorite-reader{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:980px){.topbar{grid-template-columns:74px minmax(220px,1fr) auto}.brand{padding:0 15px}.brand-name{display:none}.sync{display:none}.shell{grid-template-columns:60px minmax(0,1fr)}.sidebar{position:fixed;left:60px;top:64px;bottom:0;width:240px;display:none;box-shadow:var(--shadow)}body.nav-open .sidebar{display:flex}.scrim{position:fixed;inset:64px 0 0 60px;z-index:8;background:rgba(2,6,15,.55)}body.nav-open .scrim{display:block}.document-layout{grid-template-columns:1fr}.toc-panel{display:none}.editor-header{grid-template-columns:1fr auto}.segmented{order:3;position:absolute;top:76px;left:50%;z-index:3;transform:translateX(-50%)}.editor-actions .button.ghost{font-size:0;padding:0;width:39px}.editor-actions .button.ghost svg{width:18px}.editor-meta{padding-top:50px}.favorite-reader{grid-template-columns:290px minmax(0,1fr)}.graph-canvas{right:0}.graph-inspector{width:255px}.graph-toolbar{left:15px;transform:none}.graph-toolbar label{width:170px}}
@media(max-width:700px){.top-actions{gap:5px;padding-right:9px}.global-search{margin-right:5px}.shell{grid-template-columns:1fr}.rail{display:none}.sidebar{left:0}.scrim{left:0}.mobile-menu{display:grid;place-items:center;position:fixed;z-index:30;left:13px;bottom:13px;width:47px;height:47px;border-radius:14px;color:white;background:var(--gradient);box-shadow:var(--shadow)}.page-scroll{padding:17px 14px 80px}.page-heading{align-items:flex-start}.page-heading .heading-actions{flex-wrap:wrap;justify-content:flex-end}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:100px;padding:13px}.note-grid,.favorites-grid{grid-template-columns:1fr}.document-layout{padding:8px}.document-header{height:auto;min-height:60px;padding:8px 12px}.breadcrumb span{display:none}.document-actions .button{font-size:0;width:37px;padding:0}.document-actions .button svg{width:18px}.document-content{padding:24px 18px}.reading-bar p{display:none}.reading-bar i{width:100px}.editor-header{padding:0 9px}.editor-title input{font-size:16px}.editor-actions .button.primary{padding:0 11px}.editor-workspace{grid-template-columns:1fr}.editor-workspace .preview-pane{display:none}.editor-workspace.view-preview .preview-pane{display:block}.format-toolbar{padding-left:9px}.tag-main-grid,.favorites-layout{display:block}.analytics-column{display:none}.collection-grid{grid-template-columns:1fr}.favorite-reader{grid-template-columns:1fr;padding:8px}.favorite-list-pane{display:none}.favorite-document{border-radius:14px}.favorite-document>header{display:block}.favorite-document header>div:last-child{margin-top:9px}.favorite-document header .button{font-size:0;width:39px;padding:0}.graph-toolbar{right:10px;left:10px;overflow-x:auto}.graph-toolbar label{min-width:150px}.graph-toolbar select,.graph-toolbar button{flex:none}.graph-inspector{top:auto;height:45%;width:auto;left:10px;right:10px}.graph-minimap{display:none}.modal-form{padding:20px 17px}.import-mode{grid-template-columns:1fr}}