:root{
  color-scheme:light dark;
  --bg:#f4f6f9;--panel:#ffffff;--panel-2:#fbfcfe;--text:#17202a;--muted:#667085;
  --line:#d8dee8;--accent:#2457c5;--accent-2:#173d93;--soft:#eaf0ff;--code:#eef1f5;
  --shadow:0 10px 28px rgba(29,49,94,.08);--mark:#fff2a8;--danger:#b42318;
}
@media(prefers-color-scheme:dark){:root{
  --bg:#0f131a;--panel:#171c25;--panel-2:#121720;--text:#e8edf5;--muted:#a8b1c0;
  --line:#303948;--accent:#8fb1ff;--accent-2:#b8ccff;--soft:#202c46;--code:#242c38;
  --shadow:0 10px 28px rgba(0,0,0,.25);--mark:#665b13;--danger:#ffb4ab;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
header{height:64px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:18px;position:sticky;top:0;z-index:20}
header .brand{font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
header .brand span{color:var(--accent)}
input{flex:1;max-width:760px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--panel);color:var(--text);outline:none}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
#count{color:var(--muted);font-size:13px;white-space:nowrap}
.layout{display:grid;grid-template-columns:300px minmax(0,1fr) 390px;min-height:calc(100vh - 64px)}
aside.sidebar,.graph-panel{background:var(--panel);overflow:auto;position:sticky;top:64px;height:calc(100vh - 64px)}
aside.sidebar{border-right:1px solid var(--line);padding:12px}
.graph-panel{border-left:1px solid var(--line);padding:14px}
.item{padding:10px;border-radius:9px;cursor:pointer;margin:2px 0;transition:background .15s ease,transform .15s ease}
.item:hover,.item.active{background:var(--soft)}
.item:active{transform:translateY(1px)}
.item b{font-weight:700}.item small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}
main{padding:34px 42px 80px;overflow:auto;min-width:0}
.note-content{max-width:980px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:42px 52px;box-shadow:var(--shadow)}
.note-content> :first-child{margin-top:0}.note-content> :last-child{margin-bottom:0}
h1,h2,h3,h4,h5,h6{font-weight:750;line-height:1.28;letter-spacing:-.025em;color:var(--text);scroll-margin-top:82px}
h1{font-size:2.05rem;margin:0 0 1.15rem;padding-bottom:.75rem;border-bottom:2px solid var(--line)}
h2{font-size:1.48rem;margin:2.25rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
h3{font-size:1.18rem;margin:1.8rem 0 .75rem}h4{font-size:1.05rem;margin:1.5rem 0 .6rem}
p{margin:.78rem 0}strong{font-weight:800;color:color-mix(in srgb,var(--text) 90%,var(--accent) 10%)}em{font-style:italic}del{color:var(--muted)}mark{background:var(--mark);color:inherit;padding:.05em .18em;border-radius:.22em}u{text-underline-offset:.18em}sub,sup{line-height:0;font-size:.75em}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:.08em .38em;background:var(--panel-2)}
a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--accent-2)}a.wiki-link{font-weight:600;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--accent) 55%,transparent)}
ul,ol{padding-left:1.55rem;margin:.75rem 0 1rem}li{margin:.32rem 0;padding-left:.1rem}li::marker{color:var(--accent)}ul ul,ol ol,ul ol,ol ul{margin:.28rem 0}
.task-list-item{list-style:none}.task-list-item input{margin:0 .45rem 0 -1.35rem;accent-color:var(--accent)}
blockquote{margin:1.1rem 0;padding:.9rem 1.15rem;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0;color:color-mix(in srgb,var(--text) 88%,var(--muted) 12%)}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}
.callout{margin:1.1rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--soft);border-radius:10px}.callout-title{font-weight:800;margin-bottom:.45rem}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
code,pre,kbd{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
code{background:var(--code);padding:.12em .38em;border-radius:5px;font-size:.9em;overflow-wrap:anywhere}
pre{margin:1rem 0;background:#111827;color:#e5e7eb;border-radius:12px;padding:16px 18px;overflow:auto;line-height:1.55;border:1px solid color-mix(in srgb,var(--line) 65%,transparent)}pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:.88rem;white-space:pre}
.table-wrap{width:100%;overflow-x:auto;margin:1rem 0 1.4rem;border:1px solid var(--line);border-radius:10px;background:var(--panel)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;font-size:.92rem}th,td{padding:9px 11px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}th:last-child,td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}th{font-weight:750;background:var(--panel-2);white-space:nowrap}tbody tr:nth-child(even){background:color-mix(in srgb,var(--panel-2) 55%,transparent)}
.math-display{margin:1.25rem 0;padding:1rem 1.2rem;overflow-x:auto;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.math-display mjx-container{display:inline-block!important;max-width:100%;margin:0!important}.math-display svg{display:inline-block!important;width:auto!important;height:auto!important;max-width:none;border:0!important;background:transparent!important;color:var(--text)}.math-inline{display:inline-block;vertical-align:middle;max-width:100%;margin:0 .06em}.math-inline mjx-container{display:inline-block!important;margin:0!important}.math-inline svg{display:inline-block!important;width:auto!important;height:auto!important;max-width:100%;border:0!important;background:transparent!important;color:var(--text)}.math-fallback{color:var(--danger)}
.embedded-graph{margin:1.25rem 0 1.6rem;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);overflow:hidden}.embedded-graph-head{padding:10px 14px;font-size:.88rem;font-weight:750;color:var(--muted);border-bottom:1px solid var(--line)}.embedded-graph-canvas{padding:8px;overflow-x:auto}.embedded-graph-svg{display:block;width:100%;min-width:620px;height:350px;border:0;background:transparent}.embedded-graph .graph-node{cursor:pointer}.embedded-graph .graph-node:hover rect{stroke-width:2.5}
.graph-panel h3{margin:4px 0 2px;font-size:1.05rem}.legend{font-size:12px;color:var(--muted);margin:4px 0 10px}.graph-svg{width:100%;height:520px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.graph-node{cursor:pointer}.graph-node:hover text{font-weight:800}.edge-list{margin-top:10px}.edge-list .item{border:1px solid transparent}.edge-list .item:hover{border-color:var(--line)}
@media(max-width:1180px){.layout{grid-template-columns:270px minmax(0,1fr)}.graph-panel{display:none}.note-content{padding:36px 42px}}
@media(max-width:760px){header{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 14px;gap:8px}header .brand{font-size:18px}header input{order:3;flex-basis:100%;max-width:none}.layout{display:block}aside.sidebar{position:relative;top:0;height:230px;border-right:0;border-bottom:1px solid var(--line)}main{padding:16px 10px 50px}.note-content{border-radius:12px;padding:26px 20px}h1{font-size:1.72rem}h2{font-size:1.34rem}.embedded-graph-svg{min-width:560px}}
@media print{header,aside.sidebar,.graph-panel,.embedded-graph{display:none!important}.layout{display:block}main{padding:0}.note-content{max-width:none;border:0;box-shadow:none;padding:0;color:#000;background:#fff}a{color:#000;text-decoration:none}.math-display{break-inside:avoid}}

header .brand{cursor:pointer}.wiki-link-broken{color:var(--danger)!important;border-bottom-color:var(--danger)!important}.doc-badge{display:inline-block;margin-left:.45rem;padding:.08rem .42rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem;vertical-align:.12rem}.source-mermaid-svg{display:block;width:100%;height:auto;min-height:350px;border:0;background:transparent}.source-graph-node{cursor:pointer}.source-graph-node:hover rect{stroke-width:2.6}.source-graph-node.unresolved{cursor:help;opacity:.68}.page-kind{font-size:.75rem;color:var(--muted);font-weight:600}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:100;padding:10px 15px;border-radius:10px;background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--panel);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s ease;max-width:min(90vw,640px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}


/* v2.4: adjustable three-column layout and Obsidian-inspired relationship-aware graph */
:root{--left-w:300px;--right-w:460px;--splitter-w:7px}
.layout{display:grid;grid-template-columns:var(--left-w) var(--splitter-w) minmax(360px,1fr) var(--splitter-w) var(--right-w);min-height:calc(100vh - 64px)}
.splitter{position:relative;cursor:col-resize;touch-action:none;background:transparent;z-index:12;user-select:none}
.splitter::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:var(--line);transition:width .14s ease,background .14s ease}
.splitter:hover::after,.splitter:focus-visible::after,body.is-resizing .splitter.active::after{width:4px;background:color-mix(in srgb,var(--accent) 70%,var(--line))}
body.is-resizing{cursor:col-resize!important;user-select:none!important}
aside.sidebar,.graph-panel{top:64px;height:calc(100vh - 64px)}
aside.sidebar{grid-column:1}.splitter-left{grid-column:2}main{grid-column:3}.splitter-right{grid-column:4}.graph-panel{grid-column:5}
.graph-panel{padding:12px 12px 18px;overflow-y:auto;overflow-x:hidden}
.graph-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 2px 10px}
.graph-panel h3{margin:0;font-size:1.02rem}.graph-panel .legend{margin:2px 0 0;line-height:1.4}
.graph-head-actions{display:flex;gap:6px}.icon-btn{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);cursor:pointer;font-size:15px;display:grid;place-items:center}.icon-btn:hover{border-color:var(--accent);background:var(--soft)}.icon-btn.active{color:#fff;border-color:#7c6cff;background:#5b4bd1}
.graph-stage{position:relative;width:100%;height:min(66vh,710px);min-height:470px;border:1px solid #343b47;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2c333e 0,#232932 43%,#1d222a 100%);box-shadow:inset 0 0 72px rgba(0,0,0,.24)}
#graphCanvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline:none}#graphCanvas.node-hover{cursor:pointer}#graphCanvas.dragging,#graphCanvas.panning{cursor:grabbing}
.graph-tooltip{position:absolute;z-index:12;max-width:270px;padding:9px 11px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(15,19,26,.96);box-shadow:0 10px 28px rgba(0,0,0,.42);color:#f5f7fa;font-size:12px;line-height:1.45;pointer-events:none;backdrop-filter:blur(9px)}.graph-tooltip b{display:block;font-size:13px;margin-bottom:2px}.graph-tooltip small{display:block;color:#aab4c4}.graph-tooltip .rel-summary{margin-top:5px;color:#cbd5e1}
.graph-settings{position:absolute;z-index:14;top:10px;right:10px;width:min(292px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(18,22,30,.97);box-shadow:0 14px 38px rgba(0,0,0,.45);color:#eef2f7;backdrop-filter:blur(11px)}
.graph-settings .settings-title{font-weight:800;margin-bottom:9px}.graph-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:12px;color:#d5dbe5}.graph-settings select,.graph-settings input[type="range"]{width:122px}.graph-settings select,.graph-settings input[type="search"]{padding:5px 7px;border-radius:7px;border:1px solid #465064;background:#242b37;color:#eef2f7}.graph-settings input[type="search"]{width:100%;box-sizing:border-box;margin:2px 0 7px}.graph-settings input[type="checkbox"]{accent-color:#7c6cff}.graph-settings input[type="range"]{accent-color:#7c6cff}.settings-reset{width:100%;margin-top:8px;padding:7px;border:1px solid #465064;border-radius:7px;background:#262d39;color:#eef2f7;cursor:pointer}.settings-reset:hover{border-color:#8b80ff}.settings-sep{height:1px;background:#343c49;margin:10px 0}
.graph-domain-legend{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;flex-wrap:wrap;gap:5px 9px;max-width:calc(100% - 112px);padding:6px 8px;border-radius:8px;background:rgba(15,19,25,.68);backdrop-filter:blur(5px);color:#ccd4df;font-size:10px;pointer-events:none}.graph-domain-legend span{white-space:nowrap}.graph-domain-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;box-shadow:0 0 7px currentColor}
.graph-relation-legend{position:absolute;left:10px;top:10px;z-index:7;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 62px)}.rel-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(15,19,25,.72);color:#dbe2ec;font-size:9.5px;cursor:pointer;backdrop-filter:blur(5px)}.rel-chip:hover{border-color:var(--rel-color)}.rel-chip.off{opacity:.34;text-decoration:line-through}.rel-chip i{display:block;width:14px;height:0;border-top:2px solid var(--rel-color)}.rel-chip.dashed i{border-top-style:dashed}.rel-chip.dotted i{border-top-style:dotted}
.graph-status{position:absolute;right:10px;bottom:10px;z-index:6;padding:4px 7px;border-radius:7px;background:rgba(15,19,25,.74);color:#9eabba;font-size:10px;pointer-events:none}.graph-paused{position:absolute;right:10px;top:10px;z-index:6;padding:5px 8px;border-radius:7px;background:rgba(124,108,255,.18);border:1px solid rgba(139,128,255,.45);color:#ddd8ff;font-size:10px;pointer-events:none}
.graph-hint{margin:7px 3px 10px;color:var(--muted);font-size:10.5px;line-height:1.45}
.edge-list{border-top:1px solid var(--line);padding-top:8px}.edge-list::before{content:"직접 연결";display:block;margin:0 4px 5px;font-size:11px;font-weight:800;color:var(--muted)}.edge-list .item{display:grid;grid-template-columns:20px 1fr;column-gap:7px;padding:7px 8px;font-size:12px}.edge-list .item .edge-swatch{grid-row:1/3;align-self:center;width:18px;height:0;border-top:2px solid var(--edge-color,var(--accent));opacity:.9}.edge-list .item .edge-swatch.dashed{border-top-style:dashed}.edge-list .item .edge-swatch.dotted{border-top-style:dotted}.edge-list .item small{grid-column:2;font-size:10px;margin:0}.edge-list .item .edge-name{grid-column:2;line-height:1.35}
/* The right panel is the only automatically generated relationship graph. */
#main .embedded-graph:not(.source-mermaid-graph){display:none!important}
@media(max-width:1180px){.layout{grid-template-columns:var(--left-w) var(--splitter-w) minmax(0,1fr)}.splitter-right,.graph-panel{display:none}.note-content{padding:36px 42px}}
@media(max-width:760px){.layout{display:block}.splitter{display:none}aside.sidebar{position:relative;top:0;height:230px}.note-content{padding:26px 20px}}



/* v3.3 Atlas interface — alternate editorial/research workspace */
:root{
  --atlas-top:72px;
  --atlas-ink:#172033;
  --atlas-cobalt:#315fda;
  --atlas-violet:#7257d9;
  --atlas-teal:#17a6a1;
  --atlas-warm:#f4efe5;
  --atlas-sidebar:#111827;
  --atlas-sidebar-2:#172033;
}
body.atlas-ui{
  --bg:#eef1f6;--panel:#ffffff;--panel-2:#f6f8fb;--text:#172033;--muted:#687386;
  --line:#dfe4ec;--accent:#315fda;--accent-2:#1d43ae;--soft:#eaf0ff;--code:#edf1f7;
  background:
    radial-gradient(circle at 58% -10%,rgba(82,116,220,.10),transparent 34%),
    linear-gradient(180deg,#f2f4f8 0,#e9edf3 100%);
  font-size:15.5px;
}
body.atlas-ui[data-theme="dark"]{
  --bg:#0d1119;--panel:#141a24;--panel-2:#111722;--text:#eef2f8;--muted:#9aa5b6;
  --line:#2a3343;--accent:#85a7ff;--accent-2:#b8caff;--soft:#1d2942;--code:#202938;
  background:radial-gradient(circle at 60% -12%,rgba(89,92,218,.18),transparent 35%),#0d1119;
}
.atlas-topbar{height:var(--atlas-top);padding:0 16px 0 12px;gap:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 8px 30px rgba(25,39,72,.06);backdrop-filter:blur(18px) saturate(145%)}
.atlas-topbar .brand{display:flex;align-items:center;gap:10px;min-width:218px;font-size:15px;line-height:1.05}
.atlas-topbar .brand strong{display:block;font-size:16px;letter-spacing:-.02em}.atlas-topbar .brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.02em}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff!important;background:linear-gradient(145deg,var(--atlas-cobalt),var(--atlas-violet));box-shadow:0 8px 22px rgba(76,84,197,.34);font-size:18px;font-weight:900}
.search-shell{position:relative;display:flex;align-items:center;flex:1;max-width:780px;margin:0 auto}
.search-shell input{width:100%;max-width:none;height:44px;padding:0 48px 0 42px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.35),0 6px 22px rgba(29,49,94,.05)}
.search-shell .search-icon{position:absolute;left:15px;color:var(--muted);font-size:20px;z-index:2}.search-shell kbd{position:absolute;right:12px;padding:2px 7px;font-size:11px;color:var(--muted);background:var(--panel-2)}
#count{padding:5px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:11px}
.top-actions{display:flex;align-items:center;gap:7px}.top-icon,.top-button{height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;cursor:pointer;font:inherit;box-shadow:0 4px 12px rgba(25,39,72,.05)}.top-icon{width:38px;font-size:15px}.top-button{padding:0 13px;font-size:12px;font-weight:750}.top-icon:hover,.top-button:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--soft)}
.reading-progress{position:fixed;top:calc(var(--atlas-top) - 2px);left:0;right:0;height:2px;z-index:50;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--atlas-cobalt),var(--atlas-violet),var(--atlas-teal));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent);transition:width .08s linear}
body.atlas-ui .layout{min-height:calc(100vh - var(--atlas-top));grid-template-columns:var(--left-w) var(--splitter-w) minmax(420px,1fr) var(--splitter-w) var(--right-w)}
body.atlas-ui aside.sidebar,body.atlas-ui .graph-panel{top:var(--atlas-top);height:calc(100vh - var(--atlas-top))}
body.atlas-ui aside.sidebar{padding:14px 10px 22px;background:linear-gradient(180deg,var(--atlas-sidebar),#0c1119);border-right:0;color:#edf2fa;box-shadow:10px 0 30px rgba(10,18,33,.10)}
body.atlas-ui aside.sidebar::-webkit-scrollbar{width:6px}body.atlas-ui aside.sidebar::-webkit-scrollbar-thumb{background:#344052;border-radius:99px}
body.atlas-ui aside.sidebar .item{position:relative;margin:3px 0;padding:10px 11px 10px 15px;border-radius:10px;color:#dce4f0;transition:.16s ease}
body.atlas-ui aside.sidebar .item::before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:2px;border-radius:99px;background:transparent}
body.atlas-ui aside.sidebar .item:hover{background:#1a2433;transform:translateX(2px)}body.atlas-ui aside.sidebar .item.active{background:linear-gradient(90deg,rgba(72,101,221,.28),rgba(72,101,221,.08));color:#fff}body.atlas-ui aside.sidebar .item.active::before{background:#7f9bff;box-shadow:0 0 10px #718cff}
body.atlas-ui aside.sidebar .item small{color:#8793a6;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
body.atlas-ui .splitter::after{background:transparent}body.atlas-ui .splitter:hover::after,body.atlas-ui .splitter:focus-visible::after,body.atlas-ui.is-resizing .splitter.active::after{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 65%,transparent)}
body.atlas-ui main{padding:36px 44px 90px;background:transparent}
body.atlas-ui .note-content{max-width:920px;border:0;border-radius:22px;padding:46px 58px 60px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 70px rgba(35,48,79,.10),0 1px 0 rgba(255,255,255,.7) inset}
body.atlas-ui .note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-10px 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
body.atlas-ui .meta-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.02em}
body.atlas-ui .meta-pill.primary{color:var(--accent-2);background:color-mix(in srgb,var(--soft) 82%,var(--panel));border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
body.atlas-ui .note-outline{display:flex;gap:7px;overflow:auto;margin:0 0 28px;padding:0 0 10px;scrollbar-width:thin}.note-outline a{flex:none;padding:6px 9px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--muted);background:var(--panel-2);font-size:10.5px;font-weight:650}.note-outline a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}
body.atlas-ui h1{font-size:2.18rem;letter-spacing:-.045em;border:0;margin-bottom:.85rem;padding:0;color:var(--atlas-ink)}body.atlas-ui[data-theme="dark"] h1{color:var(--text)}
body.atlas-ui h2{position:relative;border:0;padding:0 0 .45rem 17px;margin-top:2.55rem;font-size:1.38rem}body.atlas-ui h2::before{content:"";position:absolute;left:0;top:.16em;width:5px;height:1.05em;border-radius:99px;background:linear-gradient(var(--atlas-cobalt),var(--atlas-violet))}
body.atlas-ui h3{color:color-mix(in srgb,var(--text) 82%,var(--accent) 18%)}
body.atlas-ui blockquote,body.atlas-ui .callout{border-radius:14px;border-left:0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--soft) 75%,var(--panel)),var(--panel));box-shadow:0 8px 28px rgba(34,52,95,.05)}
body.atlas-ui .table-wrap{border-radius:14px;box-shadow:0 8px 28px rgba(34,52,95,.04)}body.atlas-ui .math-display{border-radius:14px;background:linear-gradient(180deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 70%,var(--panel)));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body.atlas-ui .graph-panel{padding:12px;background:linear-gradient(180deg,#111722,#0b1018);border-left:0;color:#e7edf7;box-shadow:-10px 0 32px rgba(10,18,33,.12)}
body.atlas-ui .graph-panel-head{padding:5px 5px 7px}body.atlas-ui .graph-panel h3{font-size:14px;color:#f4f7fc}body.atlas-ui .graph-panel .legend{color:#8190a5;font-size:10px}
body.atlas-ui .graph-stage{border:1px solid #263042;border-radius:18px;background:radial-gradient(circle at 50% 46%,rgba(67,86,159,.17),transparent 44%),linear-gradient(180deg,#111824,#0a0f17);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.18)}
body.atlas-ui .graph-head-actions .icon-btn{border:1px solid #2d384a;background:#171f2c;color:#b8c4d7;border-radius:10px}body.atlas-ui .graph-head-actions .icon-btn:hover{background:#202b3c;color:#fff}
body.atlas-ui .graph-hint{color:#718096;font-size:9px;padding:8px 4px 0}.graph-settings{background:rgba(15,21,31,.96)!important;border-color:#36445a!important;color:#d9e2ef!important;box-shadow:0 18px 50px rgba(0,0,0,.38)!important}.graph-settings input,.graph-settings select{background:#151e2b!important;border-color:#324055!important;color:#e9eef7!important}
body.atlas-ui .edge-list{display:grid;grid-template-columns:1fr;gap:4px;margin-top:9px}body.atlas-ui .edge-list .item{border:1px solid #253044;background:#111925;color:#dce5f2;border-radius:10px;padding:9px 10px}body.atlas-ui .edge-list .item:hover{border-color:#536c9a;background:#182236}
body.left-collapsed{--left-w:0px}body.left-collapsed aside.sidebar,body.left-collapsed .splitter-left{opacity:0;pointer-events:none;overflow:hidden}
body.graph-collapsed{--right-w:0px}body.graph-collapsed .graph-panel,body.graph-collapsed .splitter-right{opacity:0;pointer-events:none;overflow:hidden}
body.focus-mode{--left-w:0px;--right-w:0px}body.focus-mode aside.sidebar,body.focus-mode .graph-panel,body.focus-mode .splitter{display:none!important}body.focus-mode .layout{grid-template-columns:minmax(0,1fr)}body.focus-mode main{grid-column:1;padding-left:7vw;padding-right:7vw}body.focus-mode .note-content{max-width:980px}
@media(max-width:1180px){.atlas-topbar .brand small{display:none}.atlas-topbar .brand{min-width:150px}.top-button{display:none}}
@media(max-width:760px){.atlas-topbar{height:auto;min-height:68px}.atlas-topbar .brand{min-width:auto}.atlas-topbar .brand div{display:none}.search-shell{order:3;flex-basis:100%}.top-actions{margin-left:auto}body.atlas-ui main{padding:16px 9px 50px}body.atlas-ui .note-content{padding:28px 21px 42px;border-radius:15px}.note-outline{display:none}}