:root{color-scheme:dark;--onyx:#050607;--obsidian:#0a0d0f;--graphite:#11161a;--gunmetal:#1b2227;--silver:#c7c9cc;--silver-hi:#eef0f2;--muted:#8c949e;--teal:#19c7c0;--teal-soft:rgba(25,199,192,.12);--line:rgba(199,201,204,.12);--line-strong:rgba(199,201,204,.22);--danger:#ff6b6b;--rail:208px;--bar:82px;--inspector:380px;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--onyx);color:var(--silver)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--onyx);font-size:14px}button,input,select{font:inherit}button,a,select{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.skip-link{position:fixed;z-index:100;left:16px;top:-60px;padding:12px 16px;background:var(--teal);color:var(--onyx);font-weight:700;text-decoration:none}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,201,204,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(199,201,204,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.ambient span{position:absolute;border:1px solid rgba(25,199,192,.07);border-radius:50%;filter:blur(.1px)}.ambient span:nth-child(1){width:580px;height:580px;right:-210px;top:-260px}.ambient span:nth-child(2){width:760px;height:760px;right:-300px;top:-350px}.ambient span:nth-child(3){width:980px;height:980px;left:16%;bottom:-850px}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100dvh}.rail{display:flex;flex-direction:column;padding:28px 18px 20px;border-right:1px solid var(--line);background:rgba(5,6,7,.9);backdrop-filter:blur(18px)}.brand-lockup{display:block;padding:5px 8px 28px;text-decoration:none}.brand-lockup img{display:block;width:128px;height:auto}.brand-lockup span{display:block;margin-top:10px;color:var(--muted);font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}.primary-nav{display:flex;flex-direction:column;gap:5px}.nav-item{position:relative;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;width:100%;padding:12px 11px;border-radius:4px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.24s var(--ease)}.nav-item:before{content:"";position:absolute;left:-18px;width:2px;height:0;background:var(--teal);box-shadow:0 0 14px var(--teal);transition:.24s var(--ease)}.nav-item:hover{background:rgba(199,201,204,.04);color:var(--silver)}.nav-item.is-active{background:linear-gradient(90deg,var(--teal-soft),rgba(25,199,192,.02));color:var(--silver-hi)}.nav-item.is-active:before{height:22px}.nav-glyph{display:grid;place-items:center;width:25px;height:25px;color:var(--teal);font-size:16px}.rail-foot{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:15px 9px 0;border-top:1px solid var(--line);color:var(--muted);font:500 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.system-signal{display:flex;align-items:center;gap:8px;color:var(--silver)}.system-signal i,.live-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.workspace{min-width:0;display:grid;grid-template-rows:var(--bar) minmax(0,1fr);transition:padding-right .4s var(--ease)}.command-bar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,520px) minmax(180px,.8fr);align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(5,6,7,.76);backdrop-filter:blur(18px);z-index:8}.view-heading span{display:block;color:var(--teal);font:600 8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}.view-heading h1{margin:4px 0 0;color:var(--silver-hi);font-size:15px;font-weight:500;letter-spacing:-.02em}.command-search{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:4px;background:rgba(17,22,26,.72);color:var(--muted);text-align:left;cursor:pointer;transition:.2s}.command-search:hover{border-color:rgba(25,199,192,.42);color:var(--silver)}kbd{padding:3px 6px;border:1px solid var(--line-strong);border-radius:3px;background:var(--obsidian);color:var(--muted);font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.command-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}.quiet-button,.icon-button{padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.quiet-button[aria-pressed=true],.quiet-button:hover,.icon-button:hover{border-color:rgba(25,199,192,.35);color:var(--teal)}.icon-button{width:37px;padding:9px 0}
.view{display:none;min-height:0;overflow:auto}.view.is-active{display:block;animation:view-in .5s var(--ease)}@keyframes view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.graph-view{overflow:hidden}.graph-stage{position:relative;width:100%;height:100%;min-height:0;background:radial-gradient(circle at 64% 50%,rgba(25,199,192,.045),transparent 36%),#050607}.graph-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,7,.9),transparent 37%,transparent 75%,rgba(5,6,7,.36));}.graph-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none;cursor:grab}.graph-stage canvas.is-grabbing{cursor:grabbing}.graph-stage canvas.is-over{cursor:pointer}.graph-wash{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(5,6,7,.1),transparent 15%,transparent 83%,rgba(5,6,7,.54))}.glass-panel{border:1px solid var(--line);background:rgba(10,13,15,.76);backdrop-filter:blur(16px);box-shadow:0 14px 44px rgba(0,0,0,.18)}.graph-status{position:absolute;z-index:4;left:26px;top:22px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:3px;font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.graph-status strong{color:var(--silver);font-weight:600}.graph-status span:last-child{color:var(--muted)}.graph-legend{position:absolute;z-index:4;left:26px;bottom:22px;display:flex;align-items:center;gap:3px;padding:5px;border-radius:4px}.legend-button{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:3px;background:transparent;color:var(--muted);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.legend-button i{width:6px;height:6px;border-radius:50%;background:var(--node-color);box-shadow:0 0 9px var(--node-color)}.legend-button[aria-pressed=false]{opacity:.34}.legend-button:hover{background:rgba(199,201,204,.05);color:var(--silver)}.graph-tools{position:absolute;z-index:4;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(4,34px);padding:4px;border-radius:4px}.graph-tools button{height:34px;border-right:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.graph-tools button:last-child{border-right:0}.graph-tools button:hover{color:var(--teal);background:var(--teal-soft)}.graph-intro{position:absolute;z-index:3;left:7%;top:50%;width:min(410px,40vw);transform:translateY(-50%);pointer-events:none;transition:.5s var(--ease)}.graph-intro.is-hidden{opacity:0;transform:translate(-24px,-50%);visibility:hidden}.overline{color:var(--teal);font:600 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em;text-transform:uppercase}.graph-intro h2,.content-header h2{margin:17px 0 20px;color:var(--silver-hi);font-size:clamp(42px,5vw,72px);line-height:.94;font-weight:300;letter-spacing:-.065em}.graph-intro h2 em,.content-header h2 em{color:var(--muted);font-style:normal}.graph-intro p{max-width:390px;margin:0 0 26px;color:var(--muted);font-size:13px;line-height:1.65}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:41px;padding:0 15px;border-radius:3px;text-decoration:none;cursor:pointer}.primary-button{background:var(--teal);color:var(--onyx);font-size:11px;font-weight:700;letter-spacing:.03em}.primary-button:hover{background:#2fd8d1;box-shadow:0 0 32px rgba(25,199,192,.24)}.graph-intro .primary-button{pointer-events:auto}
.content-view{padding:54px clamp(24px,5vw,74px) 70px}.content-header{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);align-items:end;gap:60px;padding-bottom:42px}.content-header h2{font-size:clamp(38px,4.5vw,68px);margin-bottom:0}.content-header>p{margin:0 0 4px;padding-left:18px;border-left:1px solid var(--teal);color:var(--muted);font-size:13px;line-height:1.7}.content-toolbar{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:16px;margin-bottom:20px;padding:9px;border-radius:4px}.inline-search{display:grid;grid-template-columns:22px 1fr;align-items:center;padding:0 10px;border-right:1px solid var(--line);color:var(--muted)}.inline-search input{width:100%;padding:7px;border:0;outline:0;background:transparent;color:var(--silver)}.inline-search input::placeholder{color:#626a72}.filter-row{display:flex;gap:4px}.filter-chip{padding:7px 9px;border-radius:3px;background:transparent;color:var(--muted);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;cursor:pointer}.filter-chip[aria-pressed=true]{background:var(--teal-soft);color:var(--teal)}.result-count{padding-right:7px;color:var(--muted);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.library-card{position:relative;min-height:210px;padding:23px;border:0;background:var(--obsidian);color:var(--silver);text-align:left;cursor:pointer;overflow:hidden;transition:.25s var(--ease)}.library-card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:90px;height:90px;border:1px solid var(--node-color);border-radius:50%;opacity:.11;transition:.35s var(--ease)}.library-card:hover{z-index:2;background:#0d1114;box-shadow:inset 0 0 0 1px rgba(25,199,192,.22)}.library-card:hover:after{transform:scale(1.7);opacity:.22}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.card-meta i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--node-color);box-shadow:0 0 8px var(--node-color)}.library-card h3{max-width:88%;margin:29px 0 12px;color:var(--silver-hi);font-size:19px;line-height:1.1;font-weight:400;letter-spacing:-.03em}.library-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-foot{position:absolute;left:23px;right:23px;bottom:18px;display:flex;justify-content:space-between;color:#68717a;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.load-more{display:block;margin:26px auto 0;padding:11px 24px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--silver);cursor:pointer}.load-more:hover{border-color:var(--teal);color:var(--teal)}
.path-feature{margin-bottom:34px}.featured-path{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;min-height:310px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(25,199,192,.1),transparent 37%),var(--obsidian)}.featured-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:36px;border-right:1px solid var(--line)}.featured-copy h3{margin:13px 0;color:var(--silver-hi);font-size:34px;font-weight:300;letter-spacing:-.05em}.featured-copy p{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.6}.path-map{position:relative;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.path-map:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:0 0 14px rgba(25,199,192,.35)}.path-node{position:relative;z-index:1;display:grid;place-items:center;width:70px;height:70px;margin:0 10px;border:1px solid var(--line-strong);border-radius:50%;background:var(--graphite);box-shadow:0 0 0 9px var(--obsidian);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.path-node:first-child{border-color:var(--teal);color:var(--teal)}.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.path-card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:3px;background:var(--obsidian);text-align:left;cursor:pointer;transition:.2s}.path-card:hover{transform:translateY(-2px);border-color:rgba(25,199,192,.34)}.path-index{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;color:var(--teal);font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace}.path-card h3{margin:0 0 6px;color:var(--silver-hi);font-size:15px;font-weight:500}.path-card p{margin:0;color:var(--muted);font-size:10px}.path-card>span:last-child{color:var(--teal)}
.slides-view.is-active{display:grid;grid-template-columns:310px minmax(0,1fr);height:100%;overflow:hidden}.slides-sidebar{padding:48px 28px;border-right:1px solid var(--line);overflow:auto}.slides-sidebar h2{margin:15px 0 11px;color:var(--silver-hi);font-size:30px;line-height:1.02;font-weight:300;letter-spacing:-.05em}.slides-sidebar>p{margin:0 0 30px;color:var(--muted);font-size:11px;line-height:1.6}.slides-sidebar label{display:block;margin-bottom:8px;color:var(--muted);font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.slides-sidebar select{width:100%;padding:11px;border:1px solid var(--line-strong);border-radius:3px;background:var(--graphite);color:var(--silver)}.slide-list{display:flex;flex-direction:column;gap:5px;margin-top:24px}.slide-list button{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:10px;border-left:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;font-size:10px;cursor:pointer}.slide-list button.is-active{border-left-color:var(--teal);background:linear-gradient(90deg,var(--teal-soft),transparent);color:var(--silver)}.slide-list b{color:var(--teal);font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace}.deck-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:32px;background:radial-gradient(circle at 70% 20%,rgba(25,199,192,.07),transparent 30%)}.slide-card{position:relative;width:min(100%,1000px);aspect-ratio:16/9;padding:clamp(32px,5vw,72px);border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(199,201,204,.035),transparent 35%),var(--obsidian);box-shadow:0 30px 80px rgba(0,0,0,.42);overflow:hidden}.slide-card:before{content:"";position:absolute;right:-12%;top:-38%;width:55%;aspect-ratio:1;border:1px solid rgba(25,199,192,.17);border-radius:50%;box-shadow:0 0 0 42px rgba(25,199,192,.018),0 0 0 86px rgba(25,199,192,.012)}.slide-card:after{content:"CYRYX / SECOND BRAIN";position:absolute;left:7%;bottom:6%;color:#586068;font:600 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em}.slide-number{position:relative;color:var(--teal);font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.slide-card h3{position:relative;max-width:75%;margin:11% 0 20px;color:var(--silver-hi);font-size:clamp(34px,5vw,68px);line-height:.95;font-weight:300;letter-spacing:-.06em}.slide-card p{position:relative;max-width:64%;margin:0;color:var(--muted);font-size:clamp(12px,1.3vw,17px);line-height:1.6}.slide-source{position:absolute;right:7%;bottom:6%;max-width:45%;overflow:hidden;color:#586068;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.deck-controls{display:grid;grid-template-columns:40px auto minmax(90px,260px) 40px auto;align-items:center;gap:12px;width:min(100%,700px);margin-top:20px;padding:6px;border-radius:4px}.deck-controls button{height:36px;background:transparent;color:var(--silver);cursor:pointer}.deck-controls button:hover{color:var(--teal)}.deck-controls>span{color:var(--muted);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace}.progress-track{height:2px;background:var(--gunmetal);overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--teal);box-shadow:0 0 8px var(--teal);transition:.3s}.deck-controls .present-button{padding:0 14px;background:var(--teal-soft);color:var(--teal);font-size:10px}
.inspector{position:fixed;z-index:20;top:0;right:0;width:min(var(--inspector),100vw);height:100dvh;padding:26px;border-left:1px solid var(--line-strong);background:rgba(10,13,15,.97);box-shadow:-30px 0 80px rgba(0,0,0,.35);transform:translateX(102%);transition:.42s var(--ease);overflow:auto}.inspector.is-open{transform:none}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.inspector-head button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.inspector-empty{display:grid;place-items:center;align-content:center;min-height:78%;text-align:center}.inspector-empty h2{margin:22px 0 8px;color:var(--silver-hi);font-size:22px;font-weight:300}.inspector-empty p{max-width:230px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.empty-orbit{position:relative;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;animation:orbit 16s linear infinite}.empty-orbit:before{content:"";position:absolute;inset:25px;border:1px solid rgba(25,199,192,.2);border-radius:50%}.empty-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.empty-orbit i:nth-child(1){left:47px;top:-3px}.empty-orbit i:nth-child(2){right:6px;bottom:16px}.empty-orbit i:nth-child(3){left:10px;bottom:20px}@keyframes orbit{to{transform:rotate(360deg)}}.inspector-content{padding-top:32px}.node-type{display:inline-flex;padding:5px 8px;border:1px solid var(--node-color,var(--teal));border-radius:99px;color:var(--node-color,var(--teal));font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.inspector-content h2{margin:18px 0 13px;color:var(--silver-hi);font-size:31px;line-height:1.02;font-weight:300;letter-spacing:-.045em}.node-description{color:var(--muted);font-size:12px;line-height:1.65}.inspector-content code{display:block;margin:18px 0;padding:12px;border:1px solid var(--line);background:var(--onyx);color:#747d86;font-size:9px;line-height:1.45;word-break:break-all}.node-metrics{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;border-block:1px solid var(--line)}.node-metrics div{padding:17px 0}.node-metrics div+div{padding-left:20px;border-left:1px solid var(--line)}.node-metrics strong{display:block;color:var(--silver-hi);font-size:25px;font-weight:300}.node-metrics span{color:var(--muted);font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.node-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.node-actions .primary-button{grid-column:1/-1}.secondary-button{border:1px solid var(--line-strong);background:transparent;color:var(--silver);font-size:10px}.secondary-button:hover{border-color:var(--teal);color:var(--teal)}.connections-head{display:flex;justify-content:space-between;margin:29px 0 10px;color:var(--muted);font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.connection-list{display:flex;flex-direction:column}.connection-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:11px 5px;border-top:1px solid var(--line);background:transparent;color:var(--silver);text-align:left;cursor:pointer}.connection-item i{width:5px;height:5px;border-radius:50%;background:var(--node-color);box-shadow:0 0 7px var(--node-color)}.connection-item span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.connection-item small{color:var(--muted);font:7px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.command-palette{width:min(680px,calc(100vw - 32px));max-height:min(680px,80vh);padding:0;border:1px solid var(--line-strong);border-radius:5px;background:rgba(10,13,15,.98);color:var(--silver);box-shadow:0 40px 120px rgba(0,0,0,.7)}.command-palette::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(7px)}.palette-shell{margin:0}.palette-input{display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:16px;border-bottom:1px solid var(--line);color:var(--teal)}.palette-input input{width:100%;border:0;outline:0;background:transparent;color:var(--silver-hi);font-size:16px}.palette-meta{display:flex;justify-content:space-between;padding:10px 16px;color:var(--muted);font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.search-results{max-height:520px;padding:0 7px 8px;overflow:auto}.search-result{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 11px;border-radius:3px;background:transparent;color:var(--silver);text-align:left;cursor:pointer}.search-result.is-active,.search-result:hover{background:var(--teal-soft)}.search-result i{width:6px;height:6px;border-radius:50%;background:var(--node-color);box-shadow:0 0 8px var(--node-color)}.search-result b{display:block;margin-bottom:3px;font-size:12px;font-weight:500}.search-result small{display:block;max-width:460px;overflow:hidden;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.search-result>span:last-child{color:var(--muted);font-size:10px}.toast{position:fixed;z-index:80;left:50%;bottom:24px;padding:10px 14px;border:1px solid rgba(25,199,192,.32);border-radius:3px;background:var(--graphite);color:var(--silver);font-size:10px;opacity:0;transform:translate(-50%,20px);transition:.25s;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.fatal-error{position:fixed;z-index:100;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:var(--onyx);color:var(--silver)}.fatal-error[hidden]{display:none}.fatal-error span{color:var(--muted)}
body.is-focus .rail,body.is-focus .command-bar{opacity:0;pointer-events:none;transform:translateY(-10px)}body.is-focus .app-shell{grid-template-columns:0 minmax(0,1fr)}body.is-focus .workspace{grid-template-rows:0 minmax(0,1fr)}body.is-focus .graph-intro{display:none}.rail,.command-bar,.app-shell,.workspace{transition:.35s var(--ease)}
body.is-presenting .rail,body.is-presenting .command-bar,body.is-presenting .slides-sidebar,body.is-presenting .deck-controls{display:none}body.is-presenting .app-shell{grid-template-columns:1fr}body.is-presenting .workspace{grid-template-rows:1fr}body.is-presenting .slides-view.is-active{grid-template-columns:1fr}body.is-presenting .slide-card{width:min(94vw,1500px);max-height:92vh}body.is-presenting .deck-stage{height:100dvh;padding:2vh}
@media(max-width:1100px){:root{--rail:174px}.command-bar{grid-template-columns:minmax(130px,.7fr) minmax(240px,1fr) auto}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-intro{left:5%;width:360px}.featured-path{grid-template-columns:1fr}.featured-copy{border-right:0;border-bottom:1px solid var(--line)}.path-map{min-height:180px}}
@media(max-width:760px){:root{--bar:64px}html,body{overflow:hidden}.app-shell{display:block}.rail{position:fixed;z-index:30;left:0;right:0;bottom:0;width:100%;height:64px;padding:0;border-top:1px solid var(--line);border-right:0}.brand-lockup,.rail-foot{display:none}.primary-nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:0}.nav-item{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px;border-radius:0;text-align:center;font-size:9px}.nav-item:before{left:50%;top:0;width:0;height:2px}.nav-item.is-active:before{width:28px;height:2px;transform:translateX(-50%)}.nav-glyph{height:22px}.workspace{height:calc(100dvh - 64px);grid-template-rows:var(--bar) minmax(0,1fr)}.command-bar{grid-template-columns:1fr auto;padding:0 14px;gap:8px}.view-heading span{font-size:7px}.view-heading h1{font-size:13px}.command-search{width:40px;height:38px;display:grid;place-items:center;padding:0}.command-search span:nth-child(2),.command-search kbd,.quiet-button{display:none}.command-actions{gap:5px}.graph-intro{left:20px;top:auto;bottom:116px;width:calc(100% - 40px);transform:none}.graph-intro.is-hidden{transform:translateY(15px)}.graph-intro h2{font-size:39px}.graph-intro p{max-width:330px}.graph-status{left:12px;top:12px}.graph-status span:last-child{display:none}.graph-legend{left:12px;right:12px;bottom:12px;overflow-x:auto}.legend-button{flex:0 0 auto}.graph-tools{right:12px;top:12px;bottom:auto}.graph-tools button:nth-child(-n+2){display:none}.content-view{padding:32px 14px 50px}.content-header{display:block;padding-bottom:28px}.content-header h2{font-size:42px}.content-header>p{margin-top:22px}.content-toolbar{position:relative;display:flex;flex-wrap:wrap}.inline-search{width:100%;border-right:0;border-bottom:1px solid var(--line)}.filter-row{max-width:100%;overflow:auto}.result-count{margin-left:auto}.library-grid{grid-template-columns:1fr}.library-card{min-height:190px}.path-grid{grid-template-columns:1fr}.featured-copy{padding:25px}.path-map{padding:20px}.path-node{width:52px;height:52px;margin:0 4px}.slides-view.is-active{grid-template-columns:1fr;overflow:auto}.slides-sidebar{padding:28px 18px 18px;border-right:0;border-bottom:1px solid var(--line)}.slide-list{display:none}.deck-stage{min-height:520px;padding:18px}.slide-card{padding:30px;aspect-ratio:4/5}.slide-card h3{max-width:92%;margin-top:24%;font-size:42px}.slide-card p{max-width:88%;font-size:12px}.deck-controls{grid-template-columns:38px auto 1fr 38px}.deck-controls .present-button{display:none}.inspector{bottom:64px;height:calc(100dvh - 64px)}body.is-focus .rail{opacity:1;pointer-events:auto;transform:none}body.is-focus .app-shell{display:block}body.is-presenting .rail{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient span{display:none}}

/* Navigation and reading-position layer */
:root{--subbar:44px}
.workspace{grid-template-rows:var(--bar) var(--subbar) minmax(0,1fr)}
.nav-item{grid-template-columns:26px 1fr auto;text-decoration:none}
.nav-item kbd{min-width:20px;padding:2px 4px;text-align:center;opacity:.62}
.route-strip{position:relative;z-index:7;display:grid;grid-template-columns:auto minmax(180px,1fr) auto minmax(120px,180px);align-items:center;gap:16px;min-width:0;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,9,10,.93);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.route-history{display:flex;gap:4px}.route-history button{width:28px;height:28px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);cursor:pointer}.route-history button:hover{border-color:rgba(25,199,192,.42);color:var(--teal);background:var(--teal-soft)}
.breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0;list-style:none;color:var(--muted);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.breadcrumbs li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:rgba(199,201,204,.28)}.breadcrumbs [aria-current=page]{color:var(--silver)}
.route-links{display:flex;align-items:center;height:100%;gap:2px}.route-links a{position:relative;display:grid;place-items:center;height:100%;padding:0 10px;color:var(--muted);font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.route-links a:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--teal);transform:scaleX(0);transition:transform .22s var(--ease)}.route-links a:hover,.route-links a.is-active{color:var(--silver-hi)}.route-links a.is-active:after{transform:scaleX(1)}
.scroll-status{display:grid;grid-template-columns:auto minmax(50px,1fr);align-items:center;gap:9px;color:var(--muted);font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}.scroll-track{height:2px;overflow:hidden;background:rgba(199,201,204,.13)}.scroll-track i{display:block;width:0;height:100%;background:var(--teal);box-shadow:0 0 9px rgba(25,199,192,.68);transition:width .12s linear}
.view{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(25,199,192,.72) rgba(199,201,204,.06)}
.view::-webkit-scrollbar,.filter-row::-webkit-scrollbar,.graph-legend::-webkit-scrollbar,.route-links::-webkit-scrollbar{width:9px;height:5px}.view::-webkit-scrollbar-track,.filter-row::-webkit-scrollbar-track,.graph-legend::-webkit-scrollbar-track,.route-links::-webkit-scrollbar-track{background:rgba(199,201,204,.035)}.view::-webkit-scrollbar-thumb,.filter-row::-webkit-scrollbar-thumb,.graph-legend::-webkit-scrollbar-thumb,.route-links::-webkit-scrollbar-thumb{border:2px solid var(--onyx);border-radius:8px;background:linear-gradient(var(--teal),#0f6b68);box-shadow:0 0 14px rgba(25,199,192,.28)}.view::-webkit-scrollbar-thumb:hover{background:#2fd8d1}
.graph-view{scrollbar-gutter:auto}
.back-to-top{position:fixed;z-index:18;right:24px;bottom:24px;display:grid;grid-template-columns:18px auto;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(25,199,192,.36);border-radius:3px;background:rgba(10,13,15,.92);color:var(--teal);box-shadow:0 12px 30px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s var(--ease);cursor:pointer}.back-to-top small{color:var(--silver);font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--teal-soft);box-shadow:0 0 24px rgba(25,199,192,.12)}
#palette-close{width:32px;height:32px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}#palette-close:hover{border-color:rgba(25,199,192,.42);color:var(--teal)}
body.is-focus .route-strip{opacity:0;pointer-events:none;transform:translateY(-10px)}body.is-focus .workspace{grid-template-rows:0 0 minmax(0,1fr)}.route-strip{transition:.35s var(--ease)}
body.is-presenting .route-strip{display:none}body.is-presenting .workspace{grid-template-rows:1fr}
@media(max-width:760px){:root{--subbar:40px}.nav-item kbd{display:none}.workspace{grid-template-rows:var(--bar) var(--subbar) minmax(0,1fr)}.route-strip{grid-template-columns:minmax(0,1fr);gap:0;padding:0 12px}.route-history,.breadcrumbs,.scroll-status{display:none}.route-links{min-width:0;overflow-x:auto;scrollbar-width:none}.route-links::-webkit-scrollbar{display:none}.route-links a{flex:1 0 68px;padding:0 8px}.back-to-top{right:14px;bottom:78px}body.is-focus .workspace{grid-template-rows:0 0 minmax(0,1fr)}}
@media(max-width:760px){.command-bar{grid-template-columns:minmax(0,1fr) 40px auto}}
.nav-course{margin-top:6px;border-top:1px solid var(--line)}
@media(max-width:760px){.primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-course{margin-top:0;border-top:0}.nav-item{min-width:0}.nav-item>span:nth-child(2){max-width:100%;overflow:hidden;text-overflow:ellipsis}}
