:root{--void: #04070d;--base: #070b14;--sunken: #090e1a;--panel: #0c1424;--raised: #111c31;--overlay: #16223a;--hover: #1a2942;--line: #16223a;--line-soft: #111a2c;--line-strong: #26375a;--ink: #e8eefb;--ink-dim: #a7b8d6;--ink-muted: #6d80a3;--ink-faint: #46567380;--accent: #4c8dff;--accent-bright: #7aabff;--accent-deep: #1e4fa8;--accent-wash: #4c8dff1f;--accent-line: #4c8dff59;--good: #3fbf8f;--warn: #e0a33f;--danger: #f2596b;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-read: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", "Menlo", "Consolas", monospace;--text-xs: 11px;--text-sm: 12.5px;--text-md: 13.5px;--text-lg: 15px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 2px #0006;--shadow-md: 0 8px 24px -8px #000c, 0 1px 2px #0008;--shadow-lg: 0 24px 64px -16px #000e, 0 2px 8px #0009;--glow: 0 0 0 1px var(--accent-line), 0 0 24px -6px #4c8dff66;--sidebar-w: 252px;--rail-w: 48px;--topbar-h: 42px;--ease: cubic-bezier(.32, .72, 0, 1)}:root[data-theme=light]{--void: #eef1f7;--base: #f7f9fc;--sunken: #f1f4fa;--panel: #ffffff;--raised: #ffffff;--overlay: #ffffff;--hover: #eaeff8;--line: #dde4f0;--line-soft: #e8edf6;--line-strong: #c3cee2;--ink: #10192b;--ink-dim: #41506c;--ink-muted: #6d7d99;--ink-faint: #97a5bd80;--accent: #2563eb;--accent-bright: #1d4ed8;--accent-deep: #bfd4ff;--accent-wash: #2563eb14;--accent-line: #2563eb40;--shadow-sm: 0 1px 2px #0f172a12;--shadow-md: 0 8px 24px -8px #0f172a24, 0 1px 2px #0f172a14;--shadow-lg: 0 24px 64px -16px #0f172a2e, 0 2px 8px #0f172a14;--glow: 0 0 0 1px var(--accent-line), 0 0 24px -8px #2563eb44}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--base);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::selection{background:#4c8dff40}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff12;border:2px solid transparent;background-clip:content-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff24;background-clip:content-box}.app{display:flex;flex-direction:column;height:100%;background:var(--base);background-image:radial-gradient(900px 520px at 6% -10%,#12203a 0%,transparent 62%)}:root[data-theme=light] .app{background-image:radial-gradient(900px 520px at 6% -10%,#dbe6fa 0%,transparent 62%)}.titlebar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line-soft);background:#ffffff04;-webkit-app-region:drag;user-select:none}.titlebar.mac{padding-left:82px}.titlebar__brand{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--ink-dim)}.titlebar__mark{width:16px;height:16px;border-radius:4px;background:linear-gradient(150deg,var(--accent-bright),var(--accent-deep));box-shadow:0 0 12px -2px #4c8dff88;position:relative}.titlebar__mark:after{content:"";position:absolute;inset:4px 3px auto;height:1.5px;border-radius:2px;background:#fffc;box-shadow:0 4px #fff9,0 8px #fff6}.titlebar__spacer{flex:1}.titlebar__actions{display:flex;align-items:center;gap:4px;-webkit-app-region:no-drag}.titlebar__vault{-webkit-app-region:no-drag;display:flex;align-items:center;gap:6px;max-width:42vw;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#ffffff05;color:var(--ink-muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,border-color .15s,background .15s}.titlebar__vault:hover{color:var(--ink-dim);border-color:var(--line-strong);background:#ffffff0a}.shell{flex:1;min-height:0;display:flex}.rail{width:var(--rail-w);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-right:1px solid var(--line-soft);background:#00000030}.rail__btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--ink-muted);position:relative;transition:color .15s,background .15s}.rail__btn:hover{color:var(--ink-dim);background:#ffffff0a}.rail__btn.is-active{color:var(--accent-bright);background:var(--accent-wash)}.rail__btn.is-active:before{content:"";position:absolute;left:-8px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--accent)}.rail__spacer{flex:1}.sidebar{width:var(--sidebar-w);flex:0 0 auto;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line-soft);background:#0002}.sidebar__head{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.sidebar__title{flex:1;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.sidebar__body{flex:1;min-height:0;overflow-y:auto;padding:2px 6px 20px}.icon-btn{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--ink-muted);transition:color .12s,background .12s}.icon-btn:hover{color:var(--ink);background:#ffffff0d}.icon-btn.is-on{color:var(--accent-bright);background:var(--accent-wash)}.tree-row{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:var(--r-sm);color:var(--ink-dim);font-size:var(--text-sm);text-align:left;white-space:nowrap;transition:background .12s,color .12s}.tree-row:hover{background:#ffffff0a;color:var(--ink)}.tree-row.is-active{background:var(--accent-wash);color:var(--ink)}.tree-row.is-active .tree-row__name{font-weight:550}.tree-row__twist{width:12px;flex:0 0 auto;color:var(--ink-muted);display:grid;place-items:center;transition:transform .15s var(--ease)}.tree-row__twist.is-open{transform:rotate(90deg)}.tree-row__icon{flex:0 0 auto;display:grid;place-items:center;color:var(--ink-muted)}.tree-row.is-active .tree-row__icon{color:var(--accent)}.tree-row__name{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-row__badge{flex:0 0 auto;color:var(--accent);opacity:.8}.tree-empty{padding:18px 12px;color:var(--ink-muted);font-size:var(--text-sm);line-height:1.7}.field{width:100%;padding:6px 9px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000040;color:var(--ink);font-size:var(--text-sm);transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--ink-muted)}.field:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-wash)}.search-hit{display:block;width:100%;text-align:left;padding:7px 8px;border-radius:var(--r-md);margin-bottom:2px;transition:background .12s}.search-hit:hover{background:#ffffff0a}.search-hit__name{font-size:var(--text-sm);color:var(--ink);font-weight:550}.search-hit__line{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.search-hit mark{background:#4c8dff33;color:var(--accent-bright);border-radius:2px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.tabstrip{height:36px;flex:0 0 auto;display:flex;align-items:stretch;gap:1px;padding:0 6px;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}.tabstrip::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:7px;padding:0 8px 0 11px;max-width:220px;border-radius:var(--r-md) var(--r-md) 0 0;color:var(--ink-muted);font-size:var(--text-sm);white-space:nowrap;position:relative;transition:color .12s,background .12s}.tab:hover{color:var(--ink-dim);background:#ffffff07}.tab.is-active{color:var(--ink);background:var(--panel)}.tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1.5px;background:var(--accent);border-radius:2px}.tab__label{overflow:hidden;text-overflow:ellipsis}.tab__dirty{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.tab__close{width:16px;height:16px;display:grid;place-items:center;border-radius:3px;color:var(--ink-muted);opacity:0;transition:opacity .12s,background .12s,color .12s}.tab:hover .tab__close,.tab.is-active .tab__close{opacity:1}.tab__close:hover{background:#ffffff14;color:var(--ink)}.workarea{flex:1;min-height:0;display:flex;background:var(--panel)}.doc{flex:1;min-width:0;display:flex;flex-direction:column}.dochead{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line-soft)}.dochead__title{flex:1;min-width:0;border:0;background:none;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--ink);padding:2px 4px;border-radius:var(--r-sm)}.dochead__title:focus{outline:none;background:#ffffff08}.dochead__path{font-size:var(--text-xs);color:var(--ink-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34%}.segmented{display:flex;padding:2px;gap:2px;border-radius:999px;border:1px solid var(--line);background:#00000038}.segmented--full{width:100%}.segmented--full .segmented__opt{flex:1;justify-content:center;padding:6px 10px;font-size:var(--text-sm)}.segmented__opt{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:550;color:var(--ink-muted);transition:color .15s,background .15s}.segmented__opt:hover{color:var(--ink-dim)}.segmented__opt.is-active{color:var(--ink);background:var(--raised);box-shadow:var(--shadow-sm)}.statusbar{flex:0 0 auto;height:24px;display:flex;align-items:center;gap:12px;padding:0 12px;border-top:1px solid var(--line-soft);background:#00000028;color:var(--ink-muted);font-size:var(--text-xs);font-family:var(--font-mono);user-select:none}.statusbar__spacer{flex:1}.statusbar__pill{display:inline-flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%;background:var(--ink-muted)}.dot.is-good{background:var(--good);box-shadow:0 0 8px -1px var(--good)}.dot.is-warn{background:var(--warn)}.dot.is-busy{background:var(--accent);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.aside{width:244px;flex:0 0 auto;border-left:1px solid var(--line-soft);background:#0002;display:flex;flex-direction:column;min-height:0}.aside__section{padding:12px 12px 4px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.aside__body{flex:1;min-height:0;overflow-y:auto;padding:0 8px 16px}.backlink{display:block;width:100%;text-align:left;padding:7px 8px;border-radius:var(--r-md);margin-bottom:3px;border:1px solid transparent;transition:background .12s,border-color .12s}.backlink:hover{background:#ffffff08;border-color:var(--line)}.backlink__name{font-size:var(--text-sm);color:var(--accent-bright);font-weight:550}.backlink__ctx{font-size:var(--text-xs);color:var(--ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.outline-row{display:block;width:100%;text-align:left;padding:3px 8px;border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s,color .12s}.outline-row:hover{background:#ffffff0a;color:var(--ink)}.empty{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;padding:40px;text-align:center;color:var(--ink-muted)}.empty__mark{width:54px;height:54px;border-radius:15px;background:linear-gradient(150deg,var(--accent-bright),var(--accent-deep));box-shadow:0 12px 40px -12px #4c8dffaa;position:relative;margin-bottom:6px}.empty__mark:after{content:"";position:absolute;inset:15px 12px auto;height:3px;border-radius:3px;background:#fffd;box-shadow:0 9px #fffa,0 18px #ffffff70}.empty__title{font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.empty__hint{font-size:var(--text-sm);max-width:380px;line-height:1.7}.kbd{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid var(--line-strong);border-bottom-width:2px;background:var(--raised);color:var(--ink-dim);font-family:var(--font-mono);font-size:10.5px;line-height:1.5}.btn{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--raised);color:var(--ink-dim);font-size:var(--text-sm);font-weight:550;transition:background .15s,border-color .15s,color .15s,transform .06s}.btn:hover{background:var(--hover);border-color:var(--line-strong);color:var(--ink)}.btn:active{transform:translateY(.5px)}.btn--primary{background:linear-gradient(180deg,#5c98ff,#3576ec);border-color:#6ea4ff66;color:#fff;box-shadow:0 6px 18px -8px #4c8dffcc}.btn--primary:hover{background:linear-gradient(180deg,#6ba3ff,#3f80f4);color:#fff}.btn--ghost{background:transparent;border-color:transparent}.btn--danger:hover{color:var(--danger);border-color:#f2596b55;background:#f2596b14}.scrim{position:fixed;inset:0;z-index:60;background:#030610b8;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);display:flex;justify-content:center;padding:12vh 16px 16px;animation:fade .14s var(--ease)}.scrim--center{align-items:center;padding:16px}@keyframes fade{0%{opacity:0}}.palette{width:min(620px,100%);max-height:62vh;display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--overlay);box-shadow:var(--shadow-lg);overflow:hidden;animation:rise .18s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.palette__input{width:100%;padding:15px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:15px;color:var(--ink)}.palette__input:focus{outline:none}.palette__input::placeholder{color:var(--ink-muted)}.palette__list{overflow-y:auto;padding:6px}.palette__group{padding:8px 12px 4px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.palette__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--r-md);text-align:left;color:var(--ink-dim)}.palette__item.is-cursor{background:var(--accent-wash);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-line)}.palette__item-icon{color:var(--ink-muted);display:grid;place-items:center;flex:0 0 auto}.palette__item.is-cursor .palette__item-icon{color:var(--accent-bright)}.palette__item-main{flex:1;min-width:0}.palette__item-title{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item-sub{font-size:var(--text-xs);color:var(--ink-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__hint{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--ink-muted)}.palette__empty{padding:28px 16px;text-align:center;color:var(--ink-muted);font-size:var(--text-sm)}.dialog{width:min(560px,100%);max-height:86vh;overflow-y:auto;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--overlay);box-shadow:var(--shadow-lg);animation:rise .18s var(--ease)}.dialog__head{padding:18px 20px 10px}.dialog__title{font-size:16px;font-weight:650;letter-spacing:-.01em}.dialog__sub{font-size:var(--text-sm);color:var(--ink-muted);margin-top:3px}.dialog__body{padding:6px 20px 16px;display:flex;flex-direction:column;gap:14px}.dialog__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 18px}.row{display:flex;align-items:center;gap:10px}.stack{display:flex;flex-direction:column;gap:5px}.label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.help{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.65}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:#00000030;padding:12px 14px}.switch{position:relative;width:34px;height:19px;border-radius:999px;background:var(--line-strong);flex:0 0 auto;transition:background .18s var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--ink-dim);transition:transform .18s var(--ease),background .18s}.switch.is-on{background:var(--accent-deep)}.switch.is-on:after{transform:translate(15px);background:var(--accent-bright)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{display:flex;flex-direction:column;gap:6px;padding:13px;border-radius:var(--r-lg);border:1px solid var(--line);background:#00000030;text-align:left;transition:border-color .15s,background .15s,transform .08s}.choice:hover{border-color:var(--line-strong);background:#ffffff08}.choice.is-active{border-color:var(--accent-line);background:var(--accent-wash);box-shadow:var(--glow)}.choice__name{font-size:var(--text-md);font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px}.choice__desc{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.6}.choice__art{height:44px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:#00000040;position:relative;overflow:hidden}.choice__art--linear:before{content:"";position:absolute;left:0;top:0;bottom:0;width:13px;background:#ffffff08;border-right:1px solid var(--line-soft)}.choice__art--linear:after{content:"";position:absolute;left:20px;right:10px;top:9px;height:2px;border-radius:2px;background:var(--accent);opacity:.55;box-shadow:0 8px #ffffff26,0 16px #ffffff1a,0 24px #ffffff12}.choice__art--float:before,.choice__art--float:after{content:"";position:absolute;border-radius:3px;background:#ffffff1a;border:1px solid var(--line)}.choice__art--float:before{left:8px;top:7px;width:34px;height:16px;background:var(--accent-wash);border-color:var(--accent-line)}.choice__art--float:after{right:10px;bottom:6px;width:42px;height:20px}.toasts{position:fixed;bottom:34px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--overlay);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--ink-dim);animation:rise .18s var(--ease)}.toast--error{border-color:#f2596b55;color:#ffc3cb}.menu{position:fixed;z-index:90;min-width:178px;padding:5px;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--overlay);box-shadow:var(--shadow-lg);animation:rise .12s var(--ease)}.menu__item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 10px;border-radius:var(--r-sm);text-align:left;font-size:var(--text-sm);color:var(--ink-dim)}.menu__item:hover{background:var(--accent-wash);color:var(--ink)}.menu__item--danger:hover{background:#f2596b1a;color:#ffb3bd}.menu__sep{height:1px;margin:4px 6px;background:var(--line)}.mobile-scrim{display:none}@media(max-width:780px){:root{--sidebar-w: 100%}.titlebar{padding-left:10px;padding-top:env(safe-area-inset-top);height:calc(var(--topbar-h) + env(safe-area-inset-top))}.rail{position:fixed;left:0;right:0;bottom:0;z-index:40;width:100%;height:calc(52px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;border-right:0;border-top:1px solid var(--line);background:#060a13f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.rail__btn.is-active:before{left:50%;top:-1px;bottom:auto;width:18px;height:2px;transform:translate(-50%)}.rail__spacer{display:none}.sidebar{position:fixed;top:calc(var(--topbar-h) + env(safe-area-inset-top));left:0;bottom:calc(52px + env(safe-area-inset-bottom));z-index:45;width:min(320px,88vw);background:var(--panel);box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .22s var(--ease)}.sidebar.is-open{transform:none}.mobile-scrim{display:block;position:fixed;inset:0;z-index:44;background:#03061088}.aside{display:none}.workarea{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.dochead__path,.statusbar{display:none}.choices{grid-template-columns:1fr}.scrim{padding-top:8vh}}.linear{flex:1;min-height:0;overflow:hidden}.linear .cm-editor{height:100%}.canvas{flex:1;min-height:0;position:relative;overflow:hidden}.canvas__surface{position:absolute;inset:0;cursor:grab;touch-action:none;background-color:var(--sunken);background-image:radial-gradient(circle at center,#ffffff1f 1.2px,transparent 1.2px);background-size:var(--grid, 24px) var(--grid, 24px);background-position:var(--pan-x, 0) var(--pan-y, 0)}.canvas__surface:active{cursor:grabbing}.canvas__world{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.canvas__world>*{pointer-events:auto}.canvas__marquee{position:absolute;border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:4px;pointer-events:none}.card-node{position:absolute;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--raised);box-shadow:var(--shadow-md);overflow:hidden;transition:border-color .14s,box-shadow .14s}.card-node:hover{border-color:var(--line-strong)}.card-node.is-selected{border-color:var(--accent-line);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-line),0 0 28px -10px #4c8dff99}.card-node[data-tint="1"]{background:#14263f;border-color:#22406b}.card-node[data-tint="2"]{background:#1b2333;border-color:#35405c}.card-node[data-tint="3"]{background:#102c2b;border-color:#1f4b49}.card-node[data-tint="4"]{background:#2b2233;border-color:#4a3a58}.card-node[data-tint="5"]{background:#32241f;border-color:#58402f}.card-node__grip{height:18px;flex:0 0 auto;display:grid;place-items:center;cursor:grab;background:#ffffff06;border-bottom:1px solid var(--line-soft);touch-action:none}.card-node__grip:active{cursor:grabbing}.card-node__grip-dots{width:22px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--ink-faint) 0 3px,transparent 3px 6px)}.card-node.is-selected .card-node__grip{background:var(--accent-wash)}.card-node__text,.card-node__input{flex:1;min-height:0;padding:10px 12px;overflow-y:auto;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}.card-node__input{border:0;background:transparent;resize:none;outline:none}.card-node__ghost{color:var(--ink-muted);font-style:italic}.card-node__image{flex:1;min-height:0;width:100%;object-fit:contain;display:block;background:#00000040;user-select:none;-webkit-user-drag:none}.card-node__loading{flex:1;background:linear-gradient(100deg,#ffffff05 30%,#ffffff12,#ffffff05 70%);background-size:260% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-160% 0}}.card-node__missing{flex:1;display:grid;place-content:center;justify-items:center;gap:5px;padding:12px;text-align:center;color:var(--ink-muted);font-size:var(--text-xs)}.card-node__missing code{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);word-break:break-all}.canvas__dropzone{position:absolute;inset:12px;z-index:6;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:var(--r-xl);border:2px dashed var(--accent-line);background:#4c8dff14;backdrop-filter:blur(2px);color:var(--accent-bright);font-size:var(--text-sm);font-weight:550;pointer-events:none}.card-node__resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none}.card-node__resize:after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);border-radius:0 0 3px}.canvas__toolbar,.canvas__inspector{position:absolute;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;border:1px solid var(--line-strong);background:#0c1424e6;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:var(--shadow-md);z-index:5}.canvas__toolbar{left:50%;bottom:16px;transform:translate(-50%)}.canvas__inspector{right:16px;top:16px}.canvas__tool{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;color:var(--ink-dim);font-size:var(--text-sm);font-weight:550;transition:background .13s,color .13s}.canvas__tool:hover{background:#ffffff12;color:var(--ink)}.canvas__tool--icon{width:28px;padding:0;justify-content:center}.canvas__tool.is-on{background:var(--accent-wash);color:var(--accent-bright)}.canvas__tool--danger:hover{background:#f2596b1f;color:#ffb3bd}.canvas__zoom{min-width:44px;height:28px;border-radius:999px;color:var(--ink-muted);font-size:var(--text-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.canvas__zoom:hover{color:var(--ink);background:#ffffff0d}.canvas__tool-sep{width:1px;height:18px;margin:0 3px;background:var(--line)}.canvas__tints{display:flex;gap:3px;padding:0 3px}.tint{width:17px;height:17px;border-radius:50%;border:1px solid var(--line-strong);transition:transform .12s,box-shadow .12s}.tint:hover{transform:scale(1.12)}.tint.is-on{box-shadow:0 0 0 2px var(--accent)}.tint[data-tint="0"]{background:var(--raised)}.tint[data-tint="1"]{background:#14263f}.tint[data-tint="2"]{background:#1b2333}.tint[data-tint="3"]{background:#102c2b}.tint[data-tint="4"]{background:#2b2233}.tint[data-tint="5"]{background:#32241f}.canvas__hint{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;color:var(--ink-muted);font-size:var(--text-sm);line-height:2;pointer-events:none}.canvas__hint strong{color:var(--ink-dim);font-weight:600}@media(max-width:780px){.canvas__toolbar{bottom:calc(64px + env(safe-area-inset-bottom))}.canvas__inspector{right:10px;top:10px}}.cm-panels{background:transparent;border:0}.cm-panels-top{border-bottom:1px solid var(--line);background:#0b1120f2;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.find{display:flex;flex-direction:column;gap:6px;padding:9px 10px;font-family:var(--font-ui)}.find__row{display:flex;align-items:center;gap:6px;min-width:0}.find__row--replace{opacity:.78;transition:opacity .15s}.find:focus-within .find__row--replace,.find__row--replace:hover{opacity:1}.find__wrap{position:relative;flex:1 1 auto;min-width:0;max-width:340px;display:flex;align-items:center}.find__field{width:100%;padding:6px 74px 6px 11px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000052;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;transition:border-color .15s,box-shadow .15s}.find__field::placeholder{color:var(--ink-faint);font-family:var(--font-ui)}.find__field:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-wash)}.find__field.is-invalid{border-color:#f2596b80}.find__count{position:absolute;right:10px;font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--ink-faint);pointer-events:none;white-space:nowrap}.find__count.is-empty{color:#f2596bb3}.find__nav{display:flex;gap:2px;flex:0 0 auto}.find__icon{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--ink-muted);cursor:pointer;transition:background .12s,color .12s}.find__icon:hover{background:#ffffff0f;color:var(--ink)}.find__icon:active{background:#ffffff1a}.find__close{margin-left:auto}.find__toggles{display:flex;gap:2px;padding:2px;border-radius:var(--r-md);background:#00000038;border:1px solid var(--line-soft);flex:0 0 auto}.find__toggle{min-width:26px;height:22px;padding:0 6px;border-radius:5px;border:0;background:transparent;color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.find__toggle:hover{background:#ffffff0f;color:var(--ink-dim)}.find__toggle.is-on{background:var(--accent-wash);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent-line)}.find__text-btn{flex:0 0 auto;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--ink-dim);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .13s,border-color .13s,color .13s}.find__text-btn:hover{background:var(--hover);border-color:var(--line-strong);color:var(--ink)}.find__text-btn--strong:hover{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent-bright)}@media(max-width:700px){.find__toggles,.find__text-btn{display:none}.find__row--replace .find__text-btn{display:inline-block}}@media(min-width:781px){.sidebar[data-hidden=true]{display:none}}.titlebar__menu{-webkit-app-region:no-drag}.sidebar__add{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px;padding:6px 8px;border-radius:var(--r-sm);color:var(--ink-muted);font-size:var(--text-sm);transition:background .12s,color .12s}.sidebar__add:hover{background:#ffffff0a;color:var(--ink-dim)}.tree-row__rename{flex:1;padding:2px 6px;font-size:var(--text-sm)}.panel{display:flex;flex-direction:column;gap:16px;padding:6px 6px 24px}.panel__lead{display:flex;gap:11px;align-items:flex-start;color:var(--accent)}.panel__lead-title{font-size:var(--text-md);font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.panel__lead-sub{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.65;margin-top:2px}.steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:var(--text-xs);color:var(--ink-muted);line-height:1.65}.steps::marker,.steps li::marker{color:var(--accent)}.steps code,.help code,.aside__empty code{font-family:var(--font-mono);font-size:.95em;padding:1px 4px;border-radius:3px;background:#ffffff0d;color:var(--ink-dim)}.setting{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--r-lg);border:1px solid var(--line);background:#00000030;text-align:left;transition:border-color .14s,background .14s}.setting:hover{border-color:var(--line-strong);background:#ffffff06}.setting__label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:550;color:var(--ink)}.vault-path{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-dim);word-break:break-all}.vault-path svg{flex:0 0 auto;color:var(--accent)}.shortcuts{display:flex;flex-direction:column;gap:7px}.shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-xs);color:var(--ink-muted)}.synced-list{display:flex;flex-direction:column;gap:2px}.synced-row{display:flex;align-items:center;gap:4px;border-radius:var(--r-sm);padding-right:2px}.synced-row:hover{background:#ffffff08}.synced-row__name{flex:1;display:flex;align-items:center;gap:7px;padding:5px 7px;text-align:left;font-size:var(--text-sm);color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.synced-row__name svg{flex:0 0 auto;color:var(--good)}.search{display:flex;flex-direction:column;gap:4px;padding:4px 2px 20px}.search__field{padding:2px 4px 6px}.search__meta{padding:2px 8px 8px;font-size:var(--text-xs);color:var(--ink-muted)}.search__group{margin-bottom:8px}.search__group-name{padding:4px 8px 3px;font-size:var(--text-xs);font-weight:600;color:var(--accent-bright)}.search-hit__no{display:inline-block;min-width:26px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.search__more{padding:2px 8px;font-size:var(--text-xs);color:var(--ink-faint)}.aside__section .count{display:inline-block;margin-left:5px;padding:0 5px;border-radius:999px;background:var(--accent-wash);color:var(--accent-bright);font-size:10px}.aside__empty{display:flex;gap:8px;padding:8px 10px 14px;font-size:var(--text-xs);color:var(--ink-muted);line-height:1.65}.aside__empty svg{flex:0 0 auto;margin-top:2px}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}select.field option{background:var(--overlay);color:var(--ink)}.output{flex:0 0 auto;display:flex;flex-direction:column;max-height:46vh;min-height:130px;border-top:1px solid var(--line);background:#00000038}.output__bar{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--line-soft)}.output__title{display:flex;align-items:baseline;gap:8px;font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted)}.output__file{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-dim)}.output__exit{font-family:var(--font-mono);font-size:var(--text-xs)}.output__exit.is-ok{color:var(--good)}.output__exit.is-bad{color:var(--danger)}.output__spacer{flex:1}.output__btn{padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff06;color:var(--ink-dim);font-size:var(--text-xs);font-weight:550;transition:background .13s,border-color .13s,color .13s}.output__btn:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong);color:var(--ink)}.output__btn:disabled{opacity:.4;cursor:default}.output__btn--stop{border-color:#f2596b4d;color:#ffb3bd}.output__btn--stop:hover{background:#f2596b1f;border-color:#f2596b80;color:#ffc3cb}.output__body{flex:1;min-height:0;overflow-y:auto;padding:10px 14px 16px}.output__line{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:var(--ink-dim)}.output__line--meta{color:var(--accent-bright);opacity:.85;padding-bottom:3px}.output__line--stderr{color:#ffb3bd}.output__line--system{color:var(--warn);padding:4px 0}.output__idle{color:var(--ink-faint);font-family:var(--font-mono);font-size:12.5px}.runbtn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:4px 12px 4px 10px;border-radius:999px;border:1px solid #3fbf8f4d;background:#3fbf8f14;color:#6fd6ae;font-size:var(--text-xs);font-weight:600;transition:background .14s,border-color .14s,color .14s}.runbtn:hover{background:#3fbf8f26;border-color:#3fbf8f8c;color:#8ce3c2}.runbtn.is-busy{border-color:#f2596b4d;background:#f2596b14;color:#ffb3bd}.runbtn.is-busy:hover{background:#f2596b26;border-color:#f2596b8c}.tools{display:flex;flex-direction:column;gap:3px}.tool{display:flex;align-items:flex-start;gap:9px;padding:7px 10px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000030}.tool>svg{flex:0 0 auto;margin-top:3px;color:var(--good)}.tool--off{opacity:.6;border-style:dashed}.tool__name{display:flex;align-items:baseline;gap:7px;font-size:var(--text-sm);font-weight:550;color:var(--ink)}.tool__ext{font-family:var(--font-mono);font-size:10.5px;font-weight:400;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool__ver{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools__more>summary{cursor:pointer;padding:5px 2px;font-size:var(--text-xs);color:var(--ink-muted);list-style:none}.tools__more>summary::-webkit-details-marker{display:none}.tools__more>summary:before{content:"▸ ";color:var(--ink-faint)}.tools__more[open]>summary:before{content:"▾ "}.tools__more>summary:hover{color:var(--ink-dim)}@media(max-width:780px){.output{max-height:40vh}}.tree-row__badge.is-lock{color:var(--warn);opacity:.85}.icon-btn.is-locked{color:var(--warn);background:#e0a33f1f}.search__locked{color:var(--ink-faint)}.field.is-wrong{border-color:#f2596b8c;box-shadow:0 0 0 3px #f2596b1f}.help.is-warn{color:var(--warn)}.lockscreen{flex:1;min-height:0;display:grid;place-items:center;padding:32px 20px;overflow-y:auto}.lockscreen__box{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.lockscreen__mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;border:1px solid #e0a33f4d;background:#e0a33f14;color:var(--warn);margin-bottom:4px}.lockscreen__title{font-size:17px;font-weight:650;letter-spacing:-.015em;color:var(--ink)}.lockscreen__sub{margin:0;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.6}.lockscreen__field{margin-top:6px;text-align:center;font-family:var(--font-mono);letter-spacing:.08em}.lockscreen__error{font-size:var(--text-xs);color:#ffb3bd}.lockscreen__go{width:100%;justify-content:center;margin-top:2px}.lockscreen__foot{margin:8px 0 0;font-size:var(--text-xs);color:var(--ink-faint);line-height:1.65}.lock-warn{border-color:#e0a33f4d;background:#e0a33f14;color:#f0d5a8;font-size:var(--text-xs);line-height:1.7}.lock-warn strong{color:#ffd98a}.sharelink{display:flex;gap:8px;align-items:center}.sharelink__input{flex:1;min-width:0;font-family:var(--font-mono);font-size:11.5px;color:var(--accent-bright)}.share-note{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.7}.chooser{display:flex;gap:4px;padding:3px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000038}.chooser__opt{flex:1;padding:6px 8px;border-radius:6px;color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;transition:background .13s,color .13s}.chooser__opt:hover{color:var(--ink-dim);background:#ffffff0a}.chooser__opt.is-on{background:var(--accent-wash);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent-line)}.tag{margin-left:6px;padding:1px 6px;border-radius:999px;background:#e0a33f24;color:var(--warn);font-size:10px;font-weight:600}.synced-row__name .tag{flex:0 0 auto}.dialog--slim{width:min(430px,100%)}.comment-quote{margin:0;padding:9px 12px;border-left:2px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--accent-wash);color:var(--ink-dim);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;max-height:130px;overflow-y:auto}.comment-input{resize:vertical;min-height:84px;line-height:1.6;font-family:var(--font-read)}.comment{padding:10px 10px 8px;margin-bottom:6px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff05;transition:border-color .14s,opacity .14s}.comment:hover{border-color:var(--line-strong)}.comment.is-done{opacity:.5}.comment.is-orphan{border-color:#e0a33f40}.comment__quote{display:block;width:100%;text-align:left;padding:0 0 0 8px;margin-bottom:6px;border-left:2px solid var(--accent-line);color:var(--ink-muted);font-size:var(--text-xs);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment__quote:hover{color:var(--accent-bright)}.comment.is-done .comment__quote{text-decoration:line-through}.comment__body{font-size:var(--text-sm);color:var(--ink);line-height:1.55;white-space:pre-wrap;word-break:break-word}.comment__foot{display:flex;align-items:center;gap:2px;margin-top:6px}.comment__when{flex:1;font-size:10.5px;color:var(--ink-faint)}.cm-comment{background:#e0a33f1a;border-bottom:1.5px dotted #e0a33f99}.cm-comment--done{background:transparent;border-bottom-color:var(--line-strong)}.cm-ctx{z-index:95}.panel__lead-title{min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.panel .card .row{align-items:flex-start}.panel .card .row>.dot{margin-top:6px}