:root{--bg: #f7f8fa;--panel: #fff;--text: #253343;--muted: #677583;--line: #e3e8ec;--blue: #325dde;--built: #25816a;--draft: #ab7330;--idea: #7962bc;--reference: #718293;--built-bg: #edf7f2;--draft-bg: #fcf3e4;--idea-bg: #f3effa;--reference-bg: #eff2f5;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:8px 12px;cursor:pointer;font-weight:500;white-space:nowrap}button:hover{background:#f0f3f8;border-color:#c9d3df}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bed0ff;outline-offset:2px}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#264cb9;color:#fff}.plain{border:0;background:transparent;padding:4px 6px;color:var(--muted)}.danger{color:#ae414b;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.app-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-size:19px}.brand b{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#edf2ff;color:var(--blue);font-weight:700;font-size:24px}.header-note{font-size:13px;color:var(--muted)}.file-actions{display:flex;gap:8px;align-items:center}#save-state{font-size:11px;color:var(--muted);margin-right:10px}.workbench{display:flex;height:calc(100dvh - 78px)}.outline-panel{width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:22px 16px;background:var(--panel);border-right:1px solid var(--line);overflow:auto}.panel-label{font-size:10px;letter-spacing:1.4px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.search-box span{display:block;font-size:12px;margin-bottom:8px}input,select,textarea{width:100%;background:#fff;border:1px solid #dbe2e9;border-radius:6px;padding:9px;color:var(--text);font-size:13px}textarea{resize:vertical;min-height:90px;line-height:1.5}label{display:block;font-size:12px;color:#586979;line-height:1.6}.filter-label{display:flex;align-items:center;gap:10px;margin:14px 0 20px}.filter-label select{font-size:12px;padding:7px}#outline{display:flex;flex-direction:column;gap:3px;flex:1}#outline button{display:flex;align-items:center;text-align:left;border:0;background:none;white-space:normal;gap:9px;font-size:12px;line-height:1.4;padding:9px 8px;border-radius:6px}#outline button:hover,#outline button.selected{background:#edf2fc;color:var(--blue)}.outline-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--reference)}.outline-foot{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;font-size:11px;color:var(--muted);line-height:1.5}.outline-foot span{display:block}.snapshot-label{font-size:9px;letter-spacing:1.2px;margin-bottom:7px}.outline-foot p{margin-bottom:0}.canvas-panel{flex:1;min-width:0;display:flex;flex-direction:column}.map-toolbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;border-bottom:1px solid var(--line);background:#ffffffd9}.map-toolbar>div{display:flex;align-items:center;gap:12px}.board-title{font-weight:600;font-size:13px}#visible-count{font-size:11px;white-space:nowrap}.toolbar-actions{gap:6px!important}.toolbar-actions button{font-size:12px;padding:8px 10px}#hide-outline{font-size:19px;line-height:12px}#graph-wrap{flex:1;min-height:200px;position:relative;overflow:hidden;background-image:radial-gradient(#d4dce4 .7px,transparent .7px);background-size:20px 20px;background-color:#f8fafc}#graph{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}#graph.dragging{cursor:grabbing}#graph .node{cursor:grab}#graph .node:focus{outline:none}#graph .node:focus .node-card{stroke:var(--blue);stroke-width:3px}.node-card{fill:#fff;stroke:#dce3e9;stroke-width:1.2px;filter:drop-shadow(0 3px 4px #233b4a09)}.node.selected .node-card{stroke:var(--blue);stroke-width:2px}.node.root .node-card{fill:#273e66;stroke:#273e66}.node.root .node-label{fill:#fff}.node.root .node-meta{fill:#c3cee0}.node-label{font-size:13px;font-weight:600;fill:#2b3b4b;pointer-events:none}.node-meta{font-size:10px;fill:#74818e;pointer-events:none}.node-dot{pointer-events:none}.branch-toggle{cursor:pointer}.branch-toggle rect{fill:#f0f3f7;stroke:#dce3e9}.branch-toggle text{fill:#576a7e;font-size:11px;pointer-events:none}.edge{fill:none;stroke:#c9d3de;stroke-width:1.5px}.edge.related{stroke:#929fb2;stroke-dasharray:5 5}.edge.related:hover{stroke:var(--blue);stroke-width:3}.edge-label{font-size:10px;fill:#697b8b;paint-order:stroke;stroke:#f8fafc;stroke-width:5px;pointer-events:none}.legend{position:absolute;left:20px;bottom:20px;display:flex;gap:12px;flex-wrap:wrap;background:#fffffff2;border:1px solid var(--line);padding:10px 13px;border-radius:9px;font-size:10px;color:var(--muted);pointer-events:none}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%}.built{background:var(--built)}.draft{background:var(--draft)}.idea{background:var(--idea)}.reference{background:var(--reference)}.view-controls{display:flex;align-items:center;gap:0;position:absolute;right:20px;top:16px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:3px;box-shadow:0 3px 12px #27394f05}.view-controls button{border:0;border-radius:4px;font-size:11px;padding:6px 9px}.view-controls output{font-size:10px;text-align:center;width:40px;color:var(--muted)}.map-footer{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:#fff}.inspector{width:294px;flex-shrink:0;border-left:1px solid var(--line);padding:22px;background:#fff;overflow:auto}.inspector.hidden{display:none}.node-heading{display:flex;align-items:center;justify-content:space-between}.status-tag{font-size:10px;padding:4px 8px;border-radius:5px;color:var(--reference);background:var(--reference-bg)}.status-tag.built{color:var(--built);background:var(--built-bg)}.status-tag.draft{color:var(--draft);background:var(--draft-bg)}.status-tag.idea{color:var(--idea);background:var(--idea-bg)}h1{font-size:23px;letter-spacing:-.6px;line-height:1.2;margin:16px 0 10px}#node-summary{font-size:12px;line-height:1.65;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}h2{font-size:12px;margin:0 0 12px}.node-actions{display:flex;gap:7px;margin-bottom:22px}.node-actions button{font-size:11px;padding:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}#edit-node label,#connect-panel label{margin-bottom:12px}#edit-node input,#edit-node textarea,#edit-node select,#connect-panel input,#connect-panel select{margin-top:5px}#edit-node>button{width:100%;font-size:12px}#connect-panel{padding:14px;background:#f6f8fd;border-radius:8px;margin-bottom:18px}.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}#sources code{display:block;font-size:10px;color:#536b82;padding:5px 0;overflow-wrap:anywhere;user-select:all}#sources a{font-size:11px;display:block;overflow-wrap:anywhere;color:var(--blue);margin:7px 0}.connection-row{display:flex;align-items:center;gap:4px;margin:6px 0}.connection-row button:first-child{flex:1;text-align:left;white-space:normal;font-size:11px;line-height:1.5;padding:7px 9px}.connection-row small{display:block;font-size:10px;color:var(--muted)}#remove-node{margin-top:24px}dialog{border:1px solid var(--line);border-radius:16px;padding:27px;width:440px;max-width:calc(100vw - 30px);box-shadow:0 20px 100px #27394f22;color:var(--text)}dialog::backdrop{background:#1a2a4140;backdrop-filter:blur(3px)}dialog h2{font-size:22px;letter-spacing:-.4px;line-height:1.3}dialog label{margin-top:14px}dialog input,dialog textarea{margin-top:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#toast{position:fixed;z-index:40;bottom:70px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:8px;background:#253b57;color:#fff;font-size:12px;max-width:90%;box-shadow:0 4px 20px #15263520}#empty{position:absolute;top:45%;width:100%;text-align:center;color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(max-width:1200px){.outline-panel{width:188px}.inspector{width:270px;padding:18px}.header-note,.board-title{display:none}.map-toolbar{padding:0 14px}.map-footer span:last-child{display:none}}@media(max-width:900px){.app-header{padding:0 16px}#save-state{display:none}.map-toolbar{padding-right:12px}.legend{font-size:9px;gap:10px;left:12px;bottom:12px}.view-controls{right:12px}.map-footer{font-size:9px;padding:0 12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}.node.tint-lavender{--node-fill: #f2edfc}.node.tint-peach{--node-fill: #fff0df}.node.tint-mint{--node-fill: #e6f5ee}.node.tint-sky{--node-fill: #e8f2fc}.node[class*=tint-]:not(.root) .node-card{fill:var(--node-fill, #fff)}.thought-tail{fill:var(--node-fill, #fff);stroke:#ced5e0;stroke-width:1}.note-fold{fill:#d8b98866}.node-thumbnail{pointer-events:none}.attachment{margin:14px 0 0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.attachment img{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:5px;background:#eef1f6}.attachment audio{width:100%;height:38px}.attachment figcaption{overflow-wrap:anywhere;font-size:12px;margin:9px 0}.attachment a,.attachment button{font-size:11px;margin-right:12px}#zip-feedback code,#dashboard-feedback code{display:block;overflow-wrap:anywhere;margin:8px 0}#zip-feedback a,#dashboard-feedback a,#zip-download{display:inline-block;padding:8px 0}#project-location{overflow-wrap:anywhere}.projects-dialog{width:740px;max-height:88vh;overflow-y:auto}.project-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.project-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.project-card h3{margin:0;overflow-wrap:anywhere}.project-card code{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.new-project{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.new-project button{margin-top:18px}#startup-error{position:fixed;z-index:30;inset:20%;padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 0 0 100vmax #f7f8faf2}@media(max-width:600px){#project-list{grid-template-columns:1fr}.app-header{padding:0 8px;gap:5px}.brand{gap:4px;font-size:12px}.brand small{display:none}.file-actions{gap:4px}.file-actions button{font-size:11px;padding:7px}#add-thought{display:none}.toolbar-actions{gap:4px}#startup-error{inset:10%}}:root{--canvas: #f7f8fa;--hover: #edf2fc;--edge: #a8b7cb;--node: #fff;--node-ink: #253343;--node-muted: #68778a;--root: #293f66;--pattern: #899cb14d;--shadow: #1c304522;--tint-lavender: #f1ebff;--tint-peach: #fff0dd;--tint-mint: #e3f5ec;--tint-sky: #e6f2ff}:root[data-theme=midnight]{color-scheme:dark;--bg: #121820;--panel: #1b2330;--text: #e5eaf3;--muted: #a3b1c5;--line: #344253;--hover: #283a52;--edge: #7187a6;--node: #253347;--node-ink: #eef4ff;--node-muted: #b3c4d8;--root: #36517c;--pattern: #8698b14d;--shadow: #0008;--tint-lavender: #39334e;--tint-peach: #4b3c34;--tint-mint: #263f3b;--tint-sky: #2c3b53;--built: #79d7ae;--draft: #e9bd72;--idea: #bfa5ed;--reference: #a2b5cd;--built-bg: #213d33;--draft-bg: #433726;--idea-bg: #3b3150;--reference-bg: #303b4b}:root[data-theme=forest]{--bg: #eef3ed;--panel: #f8fbf6;--text: #263d35;--muted: #5e756a;--line: #d0ded0;--hover: #e2eddf;--edge: #88a793;--node: #fbfff9;--node-ink: #254133;--node-muted: #6a8172;--root: #365c49;--pattern: #849c784d;--tint-lavender: #eae8f7;--tint-peach: #f7ecdc;--tint-mint: #dceee0;--tint-sky: #e1eff0}:root[data-theme=sunset]{--bg: #fbf0e8;--panel: #fff9f2;--text: #4c3937;--muted: #8a6c65;--line: #ead6c8;--hover: #f5e5d8;--edge: #bfa090;--node: #fffaf4;--node-ink: #503b3a;--node-muted: #886c67;--root: #72505e;--pattern: #c39f7d4d;--tint-lavender: #efe3ef;--tint-peach: #ffe4ca;--tint-mint: #e9efda;--tint-sky: #e5e9f4}body{background:var(--bg);display:flex;flex-direction:column;height:100dvh}.app-header{flex-shrink:0}.workbench{flex:1;min-height:0}button:hover{background:var(--hover);border-color:var(--edge)}button[aria-pressed=true]{background:var(--hover);color:var(--blue);border-color:var(--blue)}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue);filter:brightness(.93);color:#fff}input,select,textarea,dialog{background:var(--panel);border-color:var(--line);color:var(--text)}label{color:var(--muted)}a{color:var(--blue)}.map-toolbar,.inspector,.view-controls,.map-footer,.legend{background:var(--panel)}.map-toolbar{height:56px;flex-shrink:0;padding:0 14px}.map-toolbar>div{gap:8px}.board-title{max-width:230px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header{height:64px;padding:0 18px;gap:12px}.workbench{height:auto}.brand-mark{background:var(--hover)}.header-note{display:none}.outline-panel{width:204px}.inspector{width:290px}#graph-wrap{background:var(--canvas);isolation:isolate}#map-background{position:absolute;inset:0;pointer-events:none;z-index:-1;background-position:center;background-size:cover}#graph{position:relative;z-index:0}#graph-wrap[data-background=dots]{background-image:radial-gradient(var(--pattern) .8px,transparent .8px);background-size:22px 22px}#graph-wrap[data-background=grid]{background-image:linear-gradient(var(--pattern) 1px,transparent 1px),linear-gradient(90deg,var(--pattern) 1px,transparent 1px);background-size:32px 32px}.node-card{fill:var(--node);stroke:var(--line)}.node.tint-lavender{--node-fill: var(--tint-lavender)}.node.tint-peach{--node-fill: var(--tint-peach)}.node.tint-mint{--node-fill: var(--tint-mint)}.node.tint-sky{--node-fill: var(--tint-sky)}.node.root .node-card{fill:var(--root);stroke:var(--root)}.node-label{fill:var(--node-ink)}.node-meta{fill:var(--node-muted)}.thought-tail{fill:var(--node-fill, var(--node));stroke:var(--line)}.root .thought-tail{fill:var(--root)}.node.source-link .node-card{stroke:var(--blue);stroke-width:3;stroke-dasharray:6 4}.node.selected .node-card{stroke:var(--blue)}.branch-toggle rect{fill:var(--hover);stroke:var(--line)}.branch-toggle text{fill:var(--text)}.edge{stroke:var(--edge);opacity:.6}.edge.related{stroke:var(--blue);opacity:.7;stroke-dasharray:6 7}.edge-label{fill:var(--muted);stroke:var(--canvas)}#outline button:hover,#outline button.selected{background:var(--hover)}.project-card,.attachment,#connect-panel{background:var(--bg)}.attachment img{background:var(--hover)}#sources code{color:var(--muted)}.settings-dialog{width:660px;max-height:90dvh;overflow-y:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid h3{font-size:14px;margin:10px 0}.background-settings{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:8px}input[type=color]{height:42px;padding:5px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--blue)}.check-label{display:flex;align-items:flex-start;gap:9px;margin-top:18px}.check-label input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--blue)}#background-percent{float:right}#context-menu{position:fixed;z-index:25;width:242px;max-height:calc(100dvh - 20px);overflow:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px var(--shadow)}#context-menu .panel-label{margin:4px 8px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}#context-menu button{display:block;width:100%;text-align:left;border:0;padding:10px;font-size:12px}#context-menu hr{border:0;border-top:1px solid var(--line);margin:8px 0}#link-hint{position:absolute;z-index:2;left:14px;top:14px;pointer-events:none;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border:1px solid var(--blue);color:var(--text);border-radius:12px;box-shadow:0 5px 20px var(--shadow);max-width:calc(100% - 290px);font-size:12px}#link-hint button{pointer-events:auto;padding:6px;font-size:11px}.outline-panel{display:none}body.outline-open:not(.focus-mode) .outline-panel{display:flex}body.focus-mode .outline-panel,body.focus-mode .inspector,body.focus-mode .legend,body.focus-mode .map-footer,body.focus-mode #add-thought{display:none!important}body.focus-mode .map-toolbar{background:transparent;border-bottom:0}#toast{z-index:40}#startup-error{background:var(--panel)}@media(prefers-reduced-motion:no-preference){body.motion button,body.motion .node-card{transition:fill .18s,background .18s,border-color .18s}body.motion dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}body:not(.motion) *,body:not(.motion) *:before,body:not(.motion) *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1050px){.brand small,#save-state,.board-title{display:none}.app-header{gap:8px}.file-actions{gap:5px}.toolbar-actions button{padding:8px}}@media(max-width:900px){.outline-panel,body.outline-open .outline-panel{position:absolute;top:var(--header-height, 64px);bottom:0;left:0;z-index:4;width:235px;box-shadow:10px 0 30px var(--shadow)}.map-toolbar{padding:0 10px}}@media(max-width:600px){#link-hint{left:12px;right:12px;max-width:none}.app-header{padding:8px;height:auto;min-height:64px;flex-wrap:wrap}.brand{font-size:14px}.brand-mark{width:30px;height:30px;font-size:20px}.file-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.file-actions button{padding:7px;min-height:36px;font-size:11px}.toolbar-actions #add-thought,#visible-count,#undo,#redo{display:none}.map-toolbar{height:54px}.map-toolbar>div{gap:4px}.toolbar-actions button{font-size:11px;min-height:40px}.inspector{padding:20px}.settings-grid{grid-template-columns:1fr;gap:10px}.settings-dialog{padding:20px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.view-controls{top:12px;right:10px}.view-controls button{min-width:36px;min-height:36px}.legend{padding:7px;font-size:8px;gap:7px}#context-menu button{min-height:42px}}@media(pointer:coarse){button{min-height:40px}.branch-toggle rect{stroke-width:3px}.node{-webkit-touch-callout:none}}:root{--secondary: #b28ade;--panel-opacity: 76%;--node-opacity: .72;--glass: color-mix(in srgb, var(--panel) var(--panel-opacity), transparent)}body{isolation:isolate;background:var(--canvas)}#app-atmosphere,#map-background{position:fixed;inset:0;pointer-events:none}#map-background{z-index:-3;background-size:cover;background-position:center}#app-atmosphere{z-index:-2;background:radial-gradient(ellipse at 10% 10%,color-mix(in srgb,var(--blue) 25%,transparent),transparent 60%),radial-gradient(ellipse at 95% 90%,color-mix(in srgb,var(--secondary) 30%,transparent),transparent 65%)}body[data-background=dots] #app-atmosphere:after,body[data-background=grid] #app-atmosphere:after{content:"";position:absolute;inset:0;opacity:.4}body[data-background=dots] #app-atmosphere:after{background:radial-gradient(var(--pattern) .8px,transparent .8px);background-size:26px 26px}body[data-background=grid] #app-atmosphere:after{background-image:linear-gradient(var(--pattern) 1px,transparent 1px),linear-gradient(90deg,var(--pattern) 1px,transparent 1px);background-size:40px 40px}#graph-wrap,#graph-wrap[data-background],.canvas-panel,.workbench{background:transparent}.app-header,.map-toolbar,.outline-panel,.inspector,.map-footer,.nav-rail,.view-controls,.legend,dialog,#context-menu,#grow-menu{background:var(--glass);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border-color:color-mix(in srgb,var(--text) 13%,transparent)}.app-header{margin:10px 12px 0;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:20px;height:64px;box-shadow:inset 0 1px #ffffff29,0 12px 45px #0000000a}.brand{gap:10px;font-size:22px;letter-spacing:-.7px}.brand-mark{background:none;width:40px;height:40px;padding:0}.brand-mark img{width:100%;height:100%}.brand small{font-size:8px;letter-spacing:1.7px}.workbench{gap:8px;padding:10px 12px 12px}.canvas-panel{border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.map-toolbar{border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.nav-rail{display:flex;flex-direction:column;align-items:center;gap:8px;width:58px;flex-shrink:0;border:1px solid var(--line);border-radius:18px;padding:12px 5px}.nav-rail button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;width:46px;min-height:52px;padding:7px 0 5px;color:var(--text);border-radius:12px}.nav-rail button:hover,.nav-rail button[aria-expanded=true],.nav-rail button[aria-pressed=true]{background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue)}.rail-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-rail span{font-size:8px;letter-spacing:.2px}.rail-spacer{flex:1}.nav-rail .local-dot{width:6px;height:6px;border-radius:50%;background:#70b795;margin:10px;box-shadow:0 0 12px #70b79566}.outline-panel,.inspector{border:1px solid var(--line);border-radius:18px}.outline-panel{width:216px}.outline-foot,.inspector .panel-label{background:transparent}.view-controls,.legend{border-radius:14px;box-shadow:inset 0 1px #ffffff30,0 6px 25px #0000000d}.view-controls{gap:2px;max-width:calc(100% - 20px);flex-wrap:wrap;justify-content:flex-end}.view-controls button{padding:8px}.view-controls #view-3d{font-weight:750;color:var(--blue)}.node-card{fill-opacity:var(--node-opacity);stroke-width:1.5;filter:drop-shadow(0px 7px 10px #00000022)}.node-shine{fill:url(#glass-shine);stroke:#ffffff24;stroke-width:1;pointer-events:none}.node[class*=tint-]:not(.root) .node-card{fill:var(--node-fill, var(--node))}.node.tint-default{--node-fill: color-mix(in srgb, var(--blue) 17%, var(--node))}.node.tint-lavender{--node-fill: color-mix(in srgb, var(--secondary) 38%, var(--node))}.node.tint-sky{--node-fill: color-mix(in srgb, var(--blue) 35%, var(--node))}.node.root .node-card{fill:color-mix(in srgb,var(--blue) 55%,var(--root));stroke:color-mix(in srgb,var(--blue) 65%,#fff)}.node.selected .node-card{stroke-width:2.8;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--blue) 35%,transparent))}.node:hover .node-card{stroke:var(--blue)}.thought-tail{fill-opacity:var(--node-opacity)}.node-label{font-weight:650}.node-meta{font-size:10px}.node.custom-color .node-label,.node.custom-color .node-meta{fill:var(--custom-ink)!important}.node.custom-color .node-card{fill:var(--custom-color)!important}.node-connector{cursor:crosshair;opacity:0;transition:opacity .15s}.node:hover .node-connector,.node.selected .node-connector,.node:focus .node-connector{opacity:1}.node-connector .port-hit{fill:transparent;stroke:none}.node-connector .port-face{fill:var(--blue);stroke:var(--panel);stroke-width:2;filter:drop-shadow(0 2px 5px #0003)}.node-connector text{fill:var(--text);font-size:17px;font-weight:800;pointer-events:none}.connection-preview{vector-effect:non-scaling-stroke;stroke:var(--blue);stroke-width:2.5;stroke-dasharray:7 4;fill:none;pointer-events:none}.edge{vector-effect:non-scaling-stroke;stroke-width:1.7;opacity:.7}.edge.related{stroke:var(--secondary);stroke-width:2}.edge-label{font-size:calc(10px / var(--view-zoom, 1));stroke-width:calc(5px / var(--view-zoom, 1))}body.physics-running .edge{stroke:var(--blue)}.map-footer{font-size:10px}button,input,select,textarea{border-radius:10px}button{background:color-mix(in srgb,var(--panel) 42%,transparent)}input,select,textarea{background:color-mix(in srgb,var(--panel) 80%,transparent)}select option{background:var(--panel)}.primary{background:var(--blue);color:var(--accent-ink, #fff)}.primary:hover{color:var(--accent-ink, #fff)}dialog{border-radius:26px;box-shadow:inset 0 1px #ffffff50,0 25px 100px #0005}dialog::backdrop{background:#0e15254d;backdrop-filter:blur(5px)}.projects-dialog{width:min(1040px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:32px}.home-hero{display:flex;align-items:center;gap:18px;margin:12px 0 20px}.home-hero img{width:64px;height:64px}.home-hero h2{font-size:32px;letter-spacing:-1px;margin:5px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}#project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:22px 0}.project-card{margin:0;padding:22px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,transparent),color-mix(in srgb,var(--panel) 60%,transparent));border:1px solid var(--line)}.project-card h3{font-size:19px;letter-spacing:-.4px;overflow-wrap:anywhere}.project-card code{display:none}.project-card .project-tools{gap:6px;flex-wrap:wrap}.project-card button{font-size:11px}.project-card .project-icon{width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--secondary) 18%,transparent);display:grid;place-items:center;font-size:22px;color:var(--blue);margin-bottom:12px}.new-project{padding:22px;border-radius:18px;background:color-mix(in srgb,var(--panel) 45%,transparent)}.new-project h3{margin-top:0}#grow-menu{position:fixed;z-index:30;width:220px;padding:12px;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 60px #0003;max-height:calc(100dvh - 20px);overflow:auto}#grow-menu button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:9px 10px;border:0}#grow-menu .grow-shape{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;opacity:.85}#grow-menu p{margin:7px 10px}#panel-percent,#node-percent{float:right}.settings-dialog{width:730px}body.space-3d #graph{cursor:grab}body.space-3d #graph.dragging{cursor:grabbing}@media(prefers-reduced-motion:no-preference){.outline-panel,.inspector{animation:panel-slide .2s ease-out}@keyframes panel-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}}@media(max-width:1050px){.board-title{display:none}.map-toolbar{padding:0 8px}.toolbar-actions #add-thought{display:none}}@media(max-width:900px){body.outline-open .outline-panel{top:84px;left:78px;bottom:12px;width:220px}.inspector{position:fixed;z-index:8;inset:auto 12px 12px 78px;height:46dvh;min-height:220px;width:auto;border-radius:18px;box-shadow:0 -8px 30px var(--shadow)}.inspector .panel-label{position:sticky;top:-22px;padding:12px 0;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1}.legend{display:none}#link-hint{max-width:calc(100% - 24px)}}@media(max-width:600px){.app-header{margin:6px 6px 0;border-radius:16px;min-height:54px;height:54px;padding:7px 10px;flex-wrap:nowrap}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.brand small{display:none}.file-actions{flex-wrap:nowrap}.file-actions button{min-height:36px}.workbench{padding:6px;gap:5px}.nav-rail{width:44px;padding:8px 2px;border-radius:14px}.nav-rail button{width:38px;min-height:44px}.rail-icon{width:20px;height:20px}.nav-rail span{font-size:7px}.canvas-panel{border-radius:15px}.map-toolbar{height:48px;gap:4px}.toolbar-actions{gap:3px}.toolbar-actions #add-idea{font-size:0}.toolbar-actions #add-idea:after{content:"+ Node";font-size:11px}.view-controls{top:8px;left:8px;right:8px;max-width:none;font-size:10px}.view-controls button{font-size:10px;min-width:30px;padding:7px 5px}.view-controls #arrange{display:none}body.outline-open .outline-panel{left:54px;top:66px;bottom:6px;width:min(250px,calc(100vw - 66px))}.inspector{inset:auto 6px 6px 54px;height:55dvh;min-height:180px;border-radius:18px}.inspector .panel-label{background:var(--glass);backdrop-filter:blur(20px)}.projects-dialog{padding:20px;max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}.home-hero img{width:48px;height:48px}.home-hero h2{font-size:26px}.eyebrow{font-size:8px}#project-list{grid-template-columns:1fr}.settings-dialog{padding:20px}.map-footer{font-size:9px;padding:8px}.legend{display:none}}@media(pointer:coarse){.node-connector{opacity:.85}}.depth-control{display:inline-flex;align-items:center;gap:5px;padding:0 9px;height:34px;border-radius:999px;background:color-mix(in srgb,var(--canvas) 82%,var(--text) 6%);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.depth-control input{width:40px;height:26px;padding:0 2px;border:0;border-radius:7px;background:color-mix(in srgb,var(--canvas) 92%,var(--text) 4%);color:var(--text);font:inherit;font-size:13px;text-align:center}.depth-control input:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.panel-note{margin:4px 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--canvas) 84%,var(--text) 4%);color:var(--muted);font-size:13px;line-height:1.5}.node.media-node .node-media{pointer-events:none}.node.media-node.style-card .node-label,.node.media-node.style-note .node-label{paint-order:stroke;stroke:color-mix(in srgb,var(--canvas) 88%,transparent);stroke-width:3px;stroke-linejoin:round}.node-media-glyph{font-size:30px;fill:color-mix(in srgb,var(--blue) 70%,var(--text) 30%);pointer-events:none}.node-media-hint{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--muted);pointer-events:none}@media(pointer:coarse){.node-connector .port-face{r:15}.node-connector .port-hit{r:30}.node-connector text{font-size:17px}.node .branch-toggle rect{x:-20;y:-18;width:40;height:36;rx:9}.rail-icon{width:26px;height:26px}.nav-rail button{min-height:62px;padding:6px 2px}.map-toolbar button,.toolbar-actions button,.view-controls button{min-height:40px;padding:0 14px}.depth-control{height:40px}.depth-control input{width:46px;height:32px}.outline-panel button{min-height:40px}.node .node-connector .port-face{opacity:.92}}@media(pointer:coarse)and (max-width:600px){.map-toolbar .board-title{font-size:15px}.toolbar-actions{gap:6px}}.node.media-node .node-caption{fill:var(--canvas);fill-opacity:.82}.node.media-node .node-shine{display:none}#drag-preview{pointer-events:none}#drag-preview .preview-outline{fill:var(--blue);fill-opacity:.07;stroke:var(--blue);stroke-width:2.5;vector-effect:non-scaling-stroke;filter:none}#drag-preview .drag-origin .preview-outline{fill:none;stroke:var(--muted);stroke-dasharray:5 6;opacity:.5}#drag-preview .drag-destination .preview-outline{fill-opacity:.08;stroke-width:3.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--blue) 35%,transparent))}.drag-vector{stroke:var(--blue);stroke-dasharray:4 6;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.6}.preview-new{fill:var(--panel);fill-opacity:.6;stroke:var(--blue);stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.preview-plus{fill:var(--blue);font-size:24px}.drag-invalid{fill:#d26b6222;stroke:#da766d;stroke-width:2;vector-effect:non-scaling-stroke}#drag-status{position:absolute;z-index:9;bottom:76px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:max-content;padding:11px 16px;border-radius:12px;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--blue);box-shadow:0 8px 30px #0002;color:var(--text);font-size:12px;pointer-events:none;text-align:center}#drag-status[data-kind=refused]{border-color:#da766d}#selection-bar{position:absolute;z-index:6;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 28px);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);padding:8px;border-radius:15px;box-shadow:0 8px 30px #0002}#selection-order{display:flex;align-items:center;gap:5px;overflow-x:auto;max-width:400px;min-width:0}.selection-chip{font-size:11px;white-space:nowrap;max-width:190px;text-overflow:ellipsis;overflow:hidden;padding:6px 9px;background:color-mix(in srgb,var(--blue) 12%,transparent);border-radius:8px;flex-shrink:0}.selection-actions{display:flex;gap:5px;flex-shrink:0}.selection-actions button{min-height:34px;padding:5px 10px;font-size:11px;white-space:nowrap}kbd{font:inherit;font-size:10px;padding:2px 4px;margin-left:4px;border-radius:4px;border:1px solid var(--line);color:var(--muted)}.selection-badge{pointer-events:none}.selection-badge circle{fill:var(--blue);stroke:var(--panel);stroke-width:2}.selection-badge text{fill:var(--accent-ink, #fff);font-size:12px;font-weight:750}.node.selected .node-card{stroke:var(--blue);stroke-width:3}#hidden-count{min-width:14px;display:inline-block;border-radius:5px;background:color-mix(in srgb,var(--blue) 15%,transparent);font-size:10px;padding:1px 4px;margin-left:4px}#keys-dialog{width:740px;max-height:90dvh;overflow:auto}#hidden-dialog{width:530px;max-height:85dvh;overflow:auto}#keybind-list{margin:20px 0}.keybind-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto) auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.keybind-row strong{display:block;font-size:13px}.keybind-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}.key-capture{font-size:12px;min-height:40px;border:1px solid var(--line);font-weight:650;white-space:nowrap}.key-capture[aria-pressed=true]{border:2px solid var(--blue);background:color-mix(in srgb,var(--blue) 16%,transparent)}.key-tip{font-size:12px;line-height:1.6;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--blue) 9%,transparent)}#keys-feedback{font-size:12px;min-height:1.5em;color:var(--muted)}.hidden-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.hidden-row span{font-size:13px;overflow-wrap:anywhere}.hidden-row button{flex-shrink:0}.toolbar-actions #add-thought{display:none}body:has(#selection-bar:not([hidden])) .legend{bottom:78px}@media(max-width:1050px){.toolbar-actions #add-free{display:none}.board-title{max-width:150px}}@media(max-width:800px){.map-toolbar{height:auto;min-height:54px;flex-wrap:wrap;padding:8px 12px;gap:6px}.map-toolbar>div:first-child{flex:1}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}#selection-order{max-width:240px}.selection-chip{max-width:135px}}@media(max-width:600px){.map-toolbar{padding:7px}.map-toolbar .toolbar-actions{width:100%;justify-content:space-between;gap:4px}.toolbar-actions #multi-select,.toolbar-actions #hidden-nodes{display:inline-block;font-size:10px;padding:6px 8px}#selection-bar{flex-direction:column;gap:6px;bottom:9px;max-width:calc(100% - 16px);padding:8px}#selection-order{max-width:240px}.selection-chip{max-width:150px;font-size:10px}#drag-status{bottom:112px;font-size:11px}#keys-dialog{padding:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.keybind-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.keybind-row>div{grid-column:1/-1}.keybind-row .key-capture{min-width:130px}.keybind-row .plain{justify-self:end}#hidden-dialog{padding:20px;width:calc(100vw - 16px)}.nav-rail button{min-height:48px}.nav-rail{overflow-y:auto}}@media(pointer:coarse){.selection-actions button,.keybind-row button{min-height:42px}}#line-effects[hidden],#motion-demo-effects[hidden]{display:none}#line-effects,#motion-demo-effects{pointer-events:none}.motion-line{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.motion-signal{fill:var(--blue);stroke:var(--panel);stroke-width:.8;vector-effect:non-scaling-stroke}.motion-halo{fill:var(--secondary)}.line-motion-settings{grid-column:1 / -1;border:1px solid var(--line);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--blue) 4%,transparent)}.motion-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.motion-heading .eyebrow{color:var(--muted);font-size:9px;letter-spacing:.1em}.motion-heading h3{margin:6px 0 8px;font-size:18px}#motion-scope-badge{border:1px solid var(--line);border-radius:20px;padding:5px 9px;color:var(--blue);font-size:10px;white-space:nowrap}.motion-demo{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:14px 0 18px;background:color-mix(in srgb,var(--canvas) 65%,transparent)}#motion-demo{display:block;width:100%;height:auto}.motion-demo-label{position:absolute;top:9px;left:12px;font-size:8px;letter-spacing:.12em;color:var(--muted);pointer-events:none}#motion-demo .demo-node{fill:var(--panel);stroke:var(--blue);stroke-width:1.5}#motion-demo text{fill:var(--text);font-size:11px;text-anchor:middle;dominant-baseline:central}#motion-demo .demo-edge{fill:none;stroke:var(--muted);stroke-opacity:.35;stroke-width:1.5}.motion-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.motion-sliders output{float:right;color:var(--blue);font-variant-numeric:tabular-nums}#motion-description{min-height:1.5em}#motion-status{margin-bottom:0}#graph:focus{outline:none}#graph:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:-3px}@media(max-width:600px){.line-motion-settings{padding:14px}.motion-sliders{grid-template-columns:1fr;gap:8px}.motion-heading{align-items:flex-start}.motion-heading h3{font-size:16px}}#app{display:contents}.view-controls{z-index:7}.layout-tools{display:flex}#layout-toggle{color:var(--blue);font-weight:700}#layout-panel{z-index:100;position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:calc(100vw - 86px);max-height:min(650px,var(--layout-height, 420px));overflow:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 42px #0003;padding:16px;text-align:left;font-size:12px}.layout-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px}.layout-heading button{font-size:20px}.layout-fields,.layout-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}#layout-panel .layout-buttons button{border:1px solid var(--line);border-radius:9px;padding:10px 8px;font-size:12px;min-height:40px}#layout-panel #arrange{display:block}#layout-panel label{display:grid;gap:6px;margin-bottom:10px}#layout-panel select{width:100%;min-height:38px;font-size:12px}.layout-edit-controls{border:0;border-top:1px solid var(--line);padding:12px 0 0;margin:16px 0 0;min-width:0}.layout-edit-controls legend{padding:0 7px 0 0;color:var(--muted)}.layout-edit-controls:disabled{opacity:.45}.viewing-note{color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);padding:12px;border-radius:10px;font-size:12px}body.view-only .node-connector{display:none}body.view-only #graph .node{cursor:grab}body.view-only #graph.dragging .node{cursor:grabbing}body.view-only #link-mode,body.view-only #add-thought,body.view-only #add-free,body.view-only #add-idea,body.view-only #undo,body.view-only #redo{display:none}#view-only[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}@media(pointer:coarse){#layout-panel button,#layout-panel select,#view-only{min-height:44px}}@media(max-width:600px){#layout-panel{padding:12px}.view-controls .depth-control{display:none}.toolbar-actions #view-only{font-size:10px}}body.home-open{overflow:auto}body.home-open .app-header{position:sticky;top:0;z-index:30}body.home-open .file-actions,body.home-open .header-note{display:none}.home-return{margin-left:auto}.home-page{max-width:1180px;margin:auto;padding:32px 44px 20px}.home-page .home-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;min-height:310px;margin:0 0 34px;padding:35px 40px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 76%,transparent);backdrop-filter:blur(18px)}.home-hero h1{font-size:clamp(32px,4.3vw,54px);line-height:1.07;letter-spacing:-2px;margin:15px 0;font-weight:650}.home-hero h1 span{color:var(--blue)}.home-hero .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--blue)}.home-hero p{color:var(--muted);margin:0 0 24px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions button{min-height:44px;padding:10px 18px}.hero-map{width:100%;max-height:270px;overflow:visible;color:var(--blue)}.hero-map path:first-child{fill:none;stroke:var(--blue);stroke-width:1.5;opacity:.5}.hero-map circle,.hero-map rect,.hero-map .hero-note{fill:color-mix(in srgb,var(--blue) 12%,var(--panel));stroke:color-mix(in srgb,var(--blue) 45%,transparent);stroke-width:1}.hero-map .hero-hub{fill:color-mix(in srgb,var(--secondary) 25%,var(--panel));stroke:var(--secondary)}.hero-map text{fill:var(--text);font-size:13px}.library-heading,.library-filters,.project-card-top,.project-card-actions,.home-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-heading{margin-bottom:16px;flex-wrap:wrap}.library-heading h2{font-size:20px;margin:0}.library-heading h2 span{font-size:12px;color:var(--muted);margin-left:8px}.library-filters input{width:210px}.library-filters select{width:auto}.home-page #project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:none;overflow:visible}.home-page .project-card{display:flex;flex-direction:column;gap:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(12px);min-width:0}.home-page .project-icon{position:static;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:25px;color:hsl(var(--card-hue) 65% 75%);background:hsl(var(--card-hue) 65% 75% / .12)}.home-page .project-open{padding:0;text-align:left;background:none;border:0;margin-top:18px}.home-page .project-open h3{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.home-page .project-card p{margin:8px 0 20px}.project-card-actions{margin-top:auto}.project-more{position:relative}.project-more summary{cursor:pointer;list-style:none;padding:12px;min-width:44px;text-align:center;border-radius:9px}.project-more[open]{z-index:5}.project-more>div{position:absolute;right:0;top:100%;background:var(--panel);border:1px solid var(--line);padding:6px;display:grid;min-width:125px;border-radius:10px;box-shadow:0 10px 30px #0004}.home-empty{text-align:center;padding:50px;color:var(--muted)}.home-footer{padding:32px 0 12px;font-size:12px;color:var(--muted)}.home-footer button{border:0;background:none}.navigation-tools{position:absolute;top:16px;left:16px;z-index:9;display:flex;gap:8px;align-items:flex-start;max-width:calc(100% - 32px)}.navigation-modes{display:flex;padding:4px;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 20px #0002}.navigation-modes button{border:0;background:transparent;min-height:38px;padding:8px 12px;white-space:nowrap}.navigation-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--blue) 18%,var(--panel));color:var(--blue)}.orientation-menu{position:relative}.orientation-menu>summary{cursor:pointer;background:var(--panel);border:1px solid var(--line);padding:15px 12px;border-radius:12px;font-size:12px;white-space:nowrap}.orientation-panel{position:absolute;left:0;top:calc(100% + 8px);width:270px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 14px 40px #0005}.orientation-panel label{display:grid;gap:8px}.orientation-panel select{width:100%;min-height:40px}.orbit-target{overflow-wrap:anywhere;margin:10px 0}.orientation-presets{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}.orientation-presets svg{width:80px;flex:0 0 80px;font-size:11px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.preset-grid button{min-height:40px;text-transform:capitalize;padding:6px}.node-extra{margin:16px 0}.node-extra summary{padding:10px 0;color:var(--muted);cursor:pointer}body[data-navigation=pan] #graph,body[data-navigation=pan] #graph .node{cursor:grab}body[data-navigation=orbit] #graph,body[data-navigation=orbit] #graph .node{cursor:move}body[data-navigation=pan] .node-connector,body[data-navigation=orbit] .node-connector{visibility:hidden}body[data-navigation] #graph.dragging,body[data-navigation] #graph.dragging .node{cursor:grabbing}@media(pointer:coarse){.navigation-tools button,.navigation-tools summary,.project-card button,.project-more summary,dialog button,dialog input,dialog select{min-height:44px}}@media(max-width:950px){.home-page{padding:26px 24px}.home-page #project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-hero{padding:28px}.navigation-tools{flex-wrap:wrap}.orientation-panel{left:auto;right:0}}@media(max-width:600px){.home-page{padding:20px 16px}.home-page .home-hero{grid-template-columns:1fr;padding:26px 24px;min-height:0;gap:8px}.hero-map{height:140px}.home-hero h1{font-size:38px}.home-page #project-list{grid-template-columns:1fr}.library-filters{width:100%;flex-wrap:wrap}.library-filters input{flex:1;min-width:130px}.home-footer{align-items:flex-start;font-size:11px}.navigation-tools{top:8px;left:8px;right:8px;max-width:none;gap:5px}.navigation-modes{flex:1}.navigation-modes button{padding:8px;flex:1;font-size:12px}.orientation-menu>summary{padding:15px 9px;font-size:11px}.orientation-panel{right:0;width:min(270px,calc(100vw - 82px))}}@media(max-width:1100px){.view-controls{top:78px}}@media(max-width:600px){.view-controls{top:66px;min-height:44px}.view-controls button{min-height:40px}.orientation-panel{max-height:calc(100dvh - 310px);overflow:auto}}@media(max-width:400px){.navigation-modes{flex-basis:100%}.orientation-menu{margin-left:auto}.view-controls{top:112px}}.canvas-panel{container-type:inline-size}@container (max-width: 980px){.view-controls{top:78px}}@container (max-width: 420px){.navigation-tools{left:8px;right:8px;max-width:none;gap:5px}.navigation-modes{flex:1}.navigation-modes button{padding:8px;font-size:12px}.orientation-menu>summary{padding:15px 8px;font-size:11px}.orientation-panel{left:auto;right:0}}@container (max-width: 340px){.navigation-modes{flex-basis:100%}.orientation-menu{margin-left:auto}.view-controls{top:122px}}.branch-focus-bar,.layout-preview-bar{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent)}.branch-focus-bar{min-height:42px}.branch-focus-bar button,.layout-preview-bar button{padding:6px 10px;font-size:12px}.focus-crumb{display:inline-flex;align-items:center;gap:5px;min-width:0}.focus-crumb button{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-crumb button[aria-current]{color:var(--blue);opacity:1;border-color:transparent}.branch-focus-bar .muted{margin-left:auto}.layout-preview-bar{background:color-mix(in srgb,var(--blue) 14%,var(--panel))}.layout-preview-bar>span{margin-right:auto;font-size:12px}.layout-heading strong,.layout-heading .panel-label{display:block}.layout-heading .panel-label{font-size:10px;margin-bottom:6px;letter-spacing:.12em}.layout-tabs{display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px}#layout-panel .layout-tabs button{flex:1;white-space:normal;padding:8px 4px;font-size:11px;border-radius:8px}#layout-panel button[aria-pressed=true]{background:color-mix(in srgb,var(--blue) 20%,var(--panel));color:var(--text);border-color:var(--blue)}.layout-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#layout-panel .layout-preset-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;white-space:normal;font-size:11px;min-height:68px;border:1px solid var(--line);border-radius:10px}.layout-glyph{font-size:24px;line-height:1.15;color:var(--blue)}.layout-explainer{padding:12px;background:color-mix(in srgb,var(--blue) 9%,transparent);border-radius:12px;margin-bottom:12px}.layout-explainer p{line-height:1.6;margin-bottom:0}#layout-panel .layout-check{display:flex;align-items:center;gap:8px}#layout-panel .layout-check input{width:16px;height:16px}#layout-panel .layout-preview-button,#layout-panel .layout-settle{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:8px;white-space:normal}@media(max-width:600px){#layout-panel{position:fixed;left:58px;right:10px;top:190px;width:auto;max-width:none;max-height:calc(100dvh - 215px)}.branch-focus-bar .muted{display:none}.focus-crumb button{max-width:125px}}#graph-wrap{overflow:clip}.project-card[role=link]{cursor:pointer;transition:border-color .15s,transform .15s}body.home-open .file-actions{display:flex}body.home-open .file-actions #import,body.home-open .file-actions #export{display:none}#save-state{display:inline;white-space:nowrap}.environment-actions textarea{flex:1;min-width:220px;resize:vertical}.document-toolbar>div{flex-wrap:wrap}.file-trash a{color:var(--blue)}@media(max-width:620px){.app-header{height:auto;min-height:66px;flex-wrap:wrap;gap:8px;padding:10px 14px}.file-actions{flex:1;justify-content:flex-end;flex-wrap:wrap}#save-state{order:5;flex-basis:100%;text-align:right;font-size:10px;margin:0}body.home-open .file-actions{flex:0 1 auto}.brand{margin-right:auto}}.project-card[role=link]:hover{border-color:var(--blue);transform:translateY(-2px)}.project-card[role=link]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}#decision-dialog{width:min(520px,92vw)}#decision-dialog p{line-height:1.6;white-space:pre-wrap}.hierarchy-tools{display:grid;gap:9px;padding:14px;border-top:1px solid var(--line)}.hierarchy-tools label{display:grid;gap:4px}.hierarchy-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}#outline [data-drop=before]{box-shadow:inset 0 3px var(--blue)}#outline [data-drop=after]{box-shadow:inset 0 -3px var(--blue)}#outline [data-drop=inside]{outline:2px solid var(--blue);background:color-mix(in srgb,var(--blue) 18%,var(--panel))}#outline [draggable=true]{cursor:grab}.outline-panel{overflow-y:auto}.outline-panel #outline{flex-shrink:0}@media(hover:hover)and (pointer:fine){.navigation-modes{display:none}}.code-open{overflow-y:auto}.code-open .app-header{position:sticky;top:0;z-index:30}.code-page{max-width:1560px;margin:auto;padding:26px 32px 60px;position:relative}.code-page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.code-page h1{font-size:30px;letter-spacing:-1px;margin:6px 0}.code-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--glass)}.session-state{font-size:12px;margin-right:auto;padding:0 8px}.code-permission{font-size:12px;color:var(--muted);margin:14px 2px}.code-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}.code-layout.files-hidden{grid-template-columns:minmax(0,1fr)}.file-explorer,.document-area,.environment-panel{background:var(--glass);border:1px solid var(--line);border-radius:14px}.file-explorer{padding:14px;min-width:0;position:sticky;top:16px;max-height:80dvh;overflow:auto}.file-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.file-create{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.file-create button{font-size:11px;padding:7px}.file-row{display:flex;align-items:center;position:relative;border-radius:6px;min-height:36px}.file-row:hover{background:color-mix(in srgb,var(--blue) 8%,transparent)}.file-name{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;text-align:left;background:none;border:0;font-size:12px;padding:8px 2px}.file-row details>summary{cursor:pointer;list-style:none;padding:6px}.file-row details[open]>div{position:absolute;right:0;top:100%;background:var(--panel);padding:6px;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 20px #0002;z-index:20;display:grid}.file-row details button{border:0;text-align:left;font-size:12px}.file-trash{margin-top:20px;font-size:12px}.file-trash>div{display:grid;gap:5px;padding:10px 0;overflow-wrap:anywhere}.document-area{min-width:0;overflow:hidden;min-height:440px}.document-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line);padding:8px 8px 0;min-height:44px}.document-tabs>div{display:flex;border-bottom:2px solid transparent;align-items:center}.document-tabs>div.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent)}.document-tabs button{border:0;background:none;border-radius:5px 5px 0 0;font-size:12px}.document-tabs button+button{padding:4px 7px}.document-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-size:12px;border-bottom:1px solid var(--line)}.document-toolbar>span{overflow-wrap:anywhere;min-width:0}.document-toolbar>div{display:flex;align-items:center;gap:12px}.document-toolbar a{color:var(--blue)}.document-body{padding:18px;min-width:0}.code-empty{text-align:center;max-width:480px;margin:55px auto;padding:24px;line-height:1.7;color:var(--muted)}.code-empty h2{color:var(--text);font-size:23px;font-weight:500}.code-symbol{font:40px Consolas,monospace;color:var(--blue)}.notebook-cell{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px;background:var(--panel)}.notebook-cell.running{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.cell-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:8px;font-size:12px;background:var(--glass);border-bottom:1px solid var(--line)}.cell-toolbar>div{display:flex;gap:4px}.cell-toolbar button{padding:5px 9px;font-size:12px}.code-editor{max-height:650px;overflow:auto;min-width:0}.cm-editor{min-height:115px}.cm-scroller{overflow:auto}.cm-focused{outline:1px solid var(--blue)!important}.cell-output{border-top:1px solid var(--line);padding:12px 16px;max-height:500px;overflow:auto;background:color-mix(in srgb,var(--panel) 80%,transparent)}.cell-output pre,.setup-log{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Consolas,monospace;margin:0}.cell-output img{display:block;max-width:100%;max-height:500px;object-fit:contain}.cell-output .error,.code-error{color:#d87580}.cell-add{display:flex;gap:5px;justify-content:center;padding:7px;border-top:1px solid var(--line)}.cell-add button{border:0;background:none;font-size:11px;padding:4px 8px;color:var(--muted)}.markdown-preview{padding:16px;line-height:1.6;overflow-wrap:anywhere}.markdown-preview img{max-width:100%}.import-warning{padding:8px 18px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}.code-error{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 15px;background:#d8758010;border-radius:8px;font-size:13px}.environment-panel{padding:20px;margin-top:14px;font-size:13px;line-height:1.6}.environment-panel h3{margin:0}.environment-actions{display:flex;gap:10px;flex-wrap:wrap}.environment-actions input{flex:1;min-width:200px}.setup-log{margin-top:14px;max-height:240px;overflow:auto;background:var(--panel);padding:12px;border-radius:8px}.proposal-panel{padding:18px;border-top:1px solid var(--line)}.graph-proposal{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:12px 0}.graph-proposal details{font-size:12px;margin:7px 0}.graph-proposal summary{text-transform:capitalize;cursor:pointer}.graph-proposal small{display:block;margin-top:8px}.graph-proposal li{overflow-wrap:anywhere}.graph-proposal button{margin-top:10px}#file-dialog{width:min(500px,92vw)}#file-dialog label{display:grid;gap:10px}@media(max-width:760px){.code-page{padding:18px 12px 40px}.code-layout{grid-template-columns:1fr}.file-explorer{position:static;max-height:260px}.document-body{padding:10px}.cell-toolbar{flex-wrap:wrap}.code-toolbar button{font-size:11px;padding:8px}.code-page h1{font-size:24px}.header-note{display:none}}@media(any-pointer:coarse){.navigation-modes{display:flex}}.segmented{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.segmented button{border:0;background:none;padding:6px 10px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--blue);color:var(--bg)}.workspace-switch{flex-shrink:0}.code-page{max-width:none;padding:20px 22px 32px;container-type:inline-size}.code-layout{grid-template-columns:230px minmax(0,1fr);gap:12px;margin-top:14px}.code-page-heading{margin-bottom:12px}.code-page h1{font-size:25px}.code-error{display:flex;align-items:center;justify-content:space-between;gap:10px}.document-toolbar{gap:8px;padding:10px 12px}.document-toolbar>div{gap:6px}.document-toolbar button{font-size:11px;padding:7px 9px}.document-toolbar .segmented{padding:2px}.tree-explorer{padding:10px;position:static;max-height:800px}.tree-explorer input{width:100%;padding:8px;font-size:12px}.folder-open-button{width:100%;font-size:12px;margin-bottom:8px}.folder-location{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;margin:2px 0 12px}.folder-location span{display:block;font-size:12px;font-weight:600;color:var(--text);margin-top:4px}.file-tree{max-height:600px;overflow:auto}.file-row.active{background:color-mix(in srgb,var(--blue) 16%,transparent)}.file-icon{display:inline-block;width:24px;color:var(--blue);font:10px monospace}.dirty-dot{color:var(--blue);margin-left:8px;font-size:9px}.node-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:580px}.script-canvas-wrap{min-width:0;position:relative;display:flex;flex-direction:column}.script-canvas-toolbar{padding:9px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-bottom:1px solid var(--line)}.script-canvas-toolbar button{padding:6px 8px;font-size:11px}.script-canvas-toolbar span{font-size:10px;color:var(--muted);margin-left:auto}.script-canvas{width:100%;height:500px;color:var(--text);touch-action:none;outline:none;background:color-mix(in srgb,var(--bg) 85%,transparent)}.script-canvas:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}.script-node{cursor:grab}.script-node>rect{fill:var(--panel);stroke:var(--line);stroke-width:1.5}.script-node .node-stripe{fill:var(--blue);stroke:none}.script-node.entry .node-stripe{fill:#75d4b0}.script-node.result .node-stripe{fill:#d2aff5}.script-node.selected>rect:first-child{stroke:var(--blue);stroke-width:2.5}.script-node.running>rect:first-child{stroke:#ebce80;stroke-width:3}.script-node.completed .node-stripe{fill:#75d4b0}.script-node.error>rect:first-child{stroke:#ed818b}.script-node.detached{opacity:.5}.node-kind{fill:var(--muted);font:10px sans-serif;letter-spacing:1px}.node-title{fill:var(--text);font:600 16px sans-serif}.node-code{fill:var(--muted);font:11px Consolas,monospace;pointer-events:none}.script-port{fill:var(--panel);stroke:var(--blue);stroke-width:3;cursor:crosshair}.script-port:hover,.script-port:focus{fill:var(--blue);outline:none}.script-wire path,.script-wire-preview{fill:none;stroke:var(--blue);stroke-width:2}.script-wire .wire-hit{stroke:transparent;stroke-width:18;cursor:pointer}.script-wire.selected path:last-child{stroke:#ebce80;stroke-width:3}.script-wire.active path:last-child{stroke-dasharray:10 6;animation:script-flow .8s linear infinite}.script-wire-preview{stroke-dasharray:6 4;pointer-events:none}@keyframes script-flow{to{stroke-dashoffset:-32}}@media(prefers-reduced-motion:reduce){.script-wire.active path:last-child{animation:none}}.script-canvas-hint{padding:9px 12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.block-inspector{min-width:0;border-left:1px solid var(--line);padding:14px;background:var(--glass)}.block-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:18px;font-size:9px;color:var(--muted);letter-spacing:1px}.block-heading button{font-size:10px;padding:5px}.block-inspector label{display:grid;gap:7px;font-size:11px;margin-bottom:14px}.block-inspector .code-editor{min-height:220px;margin-bottom:12px;border:1px solid var(--line);border-radius:6px}.block-inspector small{line-height:1.6;display:block}.raw-editor .cm-editor{min-height:400px}.raw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.raw-actions button{font-size:11px}.legacy-notebook{padding:35px;font-size:13px;line-height:1.7}.run-options{border-top:1px solid var(--line);padding:12px 16px;font-size:11px;color:var(--muted)}.run-options label{display:flex;align-items:center;gap:10px;margin:12px 0}.run-options input{flex:1}.run-panel{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--glass)}.run-panel-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 14px;font-size:12px;border-bottom:1px solid var(--line)}.run-panel-heading>b{margin-right:auto;text-transform:capitalize}.run-panel-heading small{font-weight:400;color:var(--muted);text-transform:none}.run-panel-heading a{color:var(--blue)}.run-panel-heading>button{font-size:11px;padding:5px 8px}.run-columns{display:grid;grid-template-columns:1fr 1fr;min-height:200px}.run-columns.single{grid-template-columns:1fr}.run-columns>section{min-width:0}.run-columns h3{margin:0;padding:12px 16px;font-size:12px;font-weight:500}.run-columns h3 small{color:var(--muted);margin-left:8px}.terminal-panel{background:color-mix(in srgb,var(--bg) 90%,transparent);border-left:1px solid var(--line)}.output-empty{color:var(--muted);padding:12px 16px;margin:0;font-size:12px;line-height:1.7}.run-panel .cell-output{border-top:0;min-height:130px;max-height:360px}.terminal-panel form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.terminal-panel input{flex:1;min-width:0;font:12px Consolas,monospace}.run-history{padding:10px 16px;border-top:1px solid var(--line);font-size:11px}.run-history a{display:block;margin-top:9px;color:var(--muted)}#folder-dialog{width:min(560px,92vw)}#folder-dialog label{display:grid;gap:8px;margin-top:20px}#folder-dialog p{line-height:1.6;font-size:13px;color:var(--muted)}.workspace-surfaces.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:calc(100dvh - var(--header-height, 80px));overflow:hidden}.workspace-surfaces.split>.workbench{height:100%;min-height:0;grid-template-columns:48px minmax(0,1fr)}.workspace-surfaces.split .outline-panel,.workspace-surfaces.split #inspector{position:absolute;top:8px;bottom:8px;left:70px;z-index:12;width:min(280px,calc(100% - 86px))}.workspace-surfaces.split .graph-wrap{min-height:0}.workspace-surfaces.split>.code-page{height:100%;overflow:auto;width:100%;padding:12px;box-sizing:border-box}@container (max-width:1150px){.node-workspace{grid-template-columns:1fr}.block-inspector{border-left:0;border-top:1px solid var(--line)}.block-inspector .code-editor{min-height:130px;max-height:350px}.script-canvas{height:400px}}@container (max-width:650px){.code-layout{grid-template-columns:1fr}.tree-explorer{max-height:250px}.run-columns{grid-template-columns:1fr}.terminal-panel{border-left:0;border-top:1px solid var(--line)}.code-page-heading h1{font-size:22px}.document-toolbar>div{gap:4px}.block-inspector{padding:10px}}@media(max-width:800px){.workspace-surfaces.split{display:flex;flex-direction:column;height:auto;overflow:visible}.workspace-surfaces.split>.workbench{height:430px;flex:none}.workspace-surfaces.split>.code-page{height:auto;overflow:visible}.header-note{display:none}.workspace-switch button{padding:6px}.code-page{padding:12px}}.workspace-surfaces{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-surfaces>.workbench{min-width:0}.code-open:not(.split-open) .workspace-surfaces{flex:none;display:block}.workspace-surfaces.split>.workbench{padding:8px}.workspace-surfaces.split .canvas-panel{width:100%}.workspace-surfaces.split>.workbench{position:relative}.project-trash{margin:28px 0;border-top:1px solid var(--line);padding-top:20px}.project-trash summary{cursor:pointer;padding:10px 0}.trash-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.trash-row small{display:block;color:var(--muted);margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reading-meta{display:flex;gap:8px;color:var(--muted);font-size:11px;text-transform:capitalize}.reading-meta span{background:color-mix(in srgb,var(--blue) 9%,transparent);padding:4px 10px;border-radius:20px}.node-reading h2{font-size:clamp(21px,2vw,30px);line-height:1.22;margin:15px 0 24px;overflow-wrap:anywhere}.reading-notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:14px;margin:0}.reading-media{margin:24px 0}.reading-media img{max-width:100%;max-height:450px;object-fit:contain;border-radius:12px}.reading-media audio{width:100%}.reading-media figcaption{color:var(--muted);font-size:11px;margin-top:8px}.reading-sources{border-top:1px solid var(--line);margin-top:26px;padding-top:14px;font-size:12px;overflow-wrap:anywhere}.reading-sources h3{font-size:13px}.reading-sources li{margin:10px 0}.presentation-controls{padding:10px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent)}.presentation-heading,.presentation-actions,.presentation-heading nav{display:flex;align-items:center;gap:8px;min-width:0}.presentation-heading{margin-bottom:9px}.presentation-heading strong{color:var(--blue);font-size:12px}.presentation-heading nav{flex:1;overflow-x:auto}.presentation-heading nav button{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.presentation-heading nav [aria-current]{color:var(--blue);border-color:var(--blue)}.presentation-controls button,.presentation-controls select{font-size:11px;padding:7px 10px}.presentation-actions{flex-wrap:wrap;font-size:11px}.presentation-actions label{display:flex;align-items:center;gap:6px}.presentation-actions small{color:var(--muted);margin-left:auto}.node-hint{position:absolute;z-index:8;display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 8px 28px #0005;color:var(--text);overflow:hidden}.node-hint>header{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.node-hint>header strong{flex:1;font-size:11px;color:var(--blue)}.node-hint>header button{font-size:11px;padding:5px 8px}.node-hint-content{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0}.node-hint .node-reading h2{font-size:19px;margin:12px 0 16px}.node-hint .reading-notes{font-size:13px;line-height:1.65}.node-hint .reading-media{margin:16px 0}.node-hint .reading-sources{margin-top:18px}.hint-offscreen{display:none;font-size:11px;color:var(--muted)}.node-hint[data-offscreen=true] .hint-offscreen{display:block}@media(max-width:700px){.presentation-controls{padding:8px}.presentation-heading{flex-wrap:wrap}.presentation-heading nav{flex-basis:60%}.presentation-actions small,.presentation-actions .group-label,.presentation-heading strong{display:none}.presentation-heading nav{flex-basis:100%}.node-hint-content{padding:12px}}.account-screen,.account-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:var(--bg, #131c27);color:var(--text, #eef3ff);overflow:auto}.account-card{width:min(420px,100%);padding:32px;border:1px solid var(--line, #405167);border-radius:22px;background:var(--panel, #1d2b3c);box-shadow:0 24px 80px #0004}.account-card h1{font-size:26px;margin-bottom:8px}.account-card>p{color:var(--muted, #bdcadc)}.account-card label,.account-panel label,.preview-editor label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:13px}.account-card input,.account-panel input,.account-panel textarea,.preview-editor input,.preview-editor textarea{width:100%;box-sizing:border-box}.account-card .primary,.discord-login{display:block;width:100%;margin-top:18px;text-align:center;box-sizing:border-box}.discord-login{padding:12px;background:#5865f2;color:#fff;border-radius:10px;text-decoration:none}.account-overlay{background:#080e19bb;backdrop-filter:blur(6px)}.account-panel{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--panel, #1d2b3c);border:1px solid var(--line, #405167);border-radius:20px;padding:26px}.account-panel header,.account-panel nav,.user-table article{display:flex;align-items:center;gap:10px}.account-panel header{justify-content:space-between}.account-panel h2{margin:5px 0 20px}.account-panel form{padding:12px 0;border-bottom:1px solid var(--line, #405167)}.account-panel small{display:block;color:var(--muted, #bdcadc)}.account-error{color:#ffaaa3}.account-panel .user-table article{flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line, #405167)}.user-table article>div{flex:1;min-width:150px}.preview-editor small{display:block;font-size:11px;margin-top:10px}.account-required,.auth-overlay{z-index:110}@media(max-width:600px){.account-screen,.account-overlay{padding:12px}.account-card,.account-panel{padding:20px}.account-panel nav{flex-wrap:wrap}}
