/* David’s Brain: shared dark design for the local and authenticated hosted UI. */
:root{--bg:#090c11;--card:#10151d;--ink:#edf1f6;--muted:#929dad;--line:#232b36;--accent:#e9eef4;--soft:#19212c;--green:#8cd6b1;--sidebar:#0d1118;--radius:17px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink)}::selection{background:#36556b;color:#fff}button:disabled{cursor:not-allowed}button,a,input,select,textarea{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #9bd7ed;outline-offset:4px}
h1{font-size:35px;font-weight:570;letter-spacing:-1.25px}h2{font-size:18px;font-weight:570;letter-spacing:-.4px}h3{font-weight:550}.skip-link{background:#eaf1f8;color:#111820}
.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:27px 12px 18px;background:linear-gradient(170deg,#11161e,#0b1017 65%);border-color:#202833}.brand{font-size:19px;gap:9px;padding:0 9px;letter-spacing:-.6px}.brand small{font-size:10px;letter-spacing:.15px;margin-top:5px;color:#8f9bad}.brand-mark{width:34px;height:38px}.brand-mark .ui-icon{width:30px;height:30px;stroke:#b9d4e7;filter:drop-shadow(0 0 8px #90c9eb25)}.brand-mark{background:url('/static/brain-mark.svg') center/34px no-repeat}.brand-mark>.ui-icon{opacity:0}
.workspace-label{font-size:9px;letter-spacing:1.4px;color:#7a8799;margin-top:39px}.workspace-label.second{border-color:var(--line);margin-top:24px;padding-top:25px}.sidebar nav{gap:5px}.sidebar nav button{padding:12px 11px;color:#a5afbd;font-size:12px;font-weight:450;border:1px solid transparent;border-radius:9px;min-height:45px}.sidebar nav button .ui-icon{width:19px;height:19px}.sidebar nav button.active{background:linear-gradient(110deg,#222c39,#1b242f);border-color:#35404f;color:#f3f6fa;box-shadow:inset 0 1px #ffffff06}.sidebar nav button:hover{color:#f3f6fa;background:#1b2430}.sidebar nav b{background:#2a3544;color:#d6e1ed;border-radius:6px;font-size:10px}.sidebar-bottom{padding:24px 9px 0}.user{font-size:12px}.user>span:first-child{background:linear-gradient(145deg,#243543,#19232f);border:1px solid #344655;color:#e2eef7;width:33px;height:33px}.user small{color:#91a0b3;font-size:10px}.logout-button{font-size:12px;color:#9aa8ba;min-height:44px}.logout-button:hover{color:#fff}.logout-button .ui-icon{width:17px;height:17px}
.topbar{height:62px;padding:0 32px;background:#0a0e14c9;border-color:#1d2530;backdrop-filter:blur(20px)}.breadcrumb{font-size:11px;color:#8390a2}.breadcrumb b{color:#d0d8e4}.breadcrumb span{color:#4c596c;margin:0 11px}.top-actions{gap:6px}.pill{font-size:10px;color:#a5b3c3;gap:7px}.pill i,.stage-live i{background:#8acfaa;box-shadow:0 0 10px #79d9a448;width:5px;height:5px;border-radius:50%}.icon-button{color:#9eacbe;width:38px;height:38px;border-radius:8px}.icon-button .ui-icon{width:18px;height:18px}.icon-button:hover{background:#1b2430;color:#eaf0f7}.motion-button{margin-left:14px}
.main-content{max-width:1720px;padding:29px 32px 22px}.page-heading{margin-bottom:23px;gap:20px}.page-heading p{color:#94a2b5;font-size:13px;margin-top:9px;line-height:1.6}.heading-actions{gap:8px}.button{background:#e9eef4;color:#111820;border-color:#e9eef4;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:570;box-shadow:0 2px 7px #0002}.button:hover{background:#fff;border-color:#fff;box-shadow:0 4px 16px #ffffff0e}.button.secondary{color:#d0d9e5;background:#151c26;border-color:#303b4b;box-shadow:inset 0 1px #ffffff04}.button.secondary:hover{background:#202b39;border-color:#4b5a6d}.button.accent{background:#e9eef4;color:#111820;border-color:#e9eef4}.button.small{font-size:12px}.button .ui-icon{width:16px;height:16px}
.eyebrow{color:#8191a6;font-size:9px;font-weight:550;letter-spacing:1.7px}.searchbar{min-height:51px;border-color:#2c3848;border-radius:12px;background:linear-gradient(110deg,#141e29,#10161f);margin-bottom:21px;padding-left:16px;box-shadow:inset 0 1px #ffffff04}.searchbar>span{color:#8fadc7}.searchbar input{color:#e1eaf3;font-size:13px}.searchbar input::placeholder{color:#8c9aaf}.searchbar select{color:#aab7c9;font-size:11px;border-color:#303b48}.searchbar select option{background:#151e29;color:#dce5ef}.search-submit{background:#263343;color:#dbeaf8;height:37px;width:38px;border:1px solid #3b4b5d}.search-submit .ui-icon{width:17px;height:17px}
.card{background:linear-gradient(135deg,#111820,#0e141c);border-color:#27313e;box-shadow:inset 0 1px #ffffff03}.card-header{padding:22px 22px 0}.card-header p{color:#8e9bae;font-size:12px}.text-button{color:#b4c3d5;font-size:12px}.text-button:hover{color:#e0f3ff;text-decoration:none}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:17px;align-items:stretch}.brain-stage{position:relative;isolation:isolate;min-height:477px;background:radial-gradient(ellipse at 66% 50%,#1120358c,transparent 65%),#0b1119;overflow:hidden;border-color:#304151}.brain-stage:before,.graph-stage:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#cbe4fa3a .65px,transparent 1px),radial-gradient(circle,#adbbef27 .55px,transparent 1px);background-size:121px 139px,83px 197px;background-position:30px 44px,69px 88px;mask-image:radial-gradient(ellipse at center,#000,transparent 82%)}
.stage-heading{position:absolute;top:29px;left:28px;z-index:2;pointer-events:none}.stage-heading .eyebrow{font-size:8px;color:#96b0c7;letter-spacing:1.8px;display:block;margin-bottom:15px}.stage-heading h2{font-size:30px;letter-spacing:-1px;line-height:1.17;font-weight:510;color:#eaf4fd}.stage-heading p{font-size:11px;color:#8facc5;line-height:1.7;margin-top:14px}.stage-explore{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:4px 0;pointer-events:auto;color:#b6e0f4;font-size:11px}.stage-explore .ui-icon{width:13px;height:13px}.stage-explore:hover{gap:13px}.graph-preview{background:transparent;position:relative;z-index:1;margin:0}.hero-graph{position:absolute;inset:27px -12% 28px 15%;height:auto}.graph-preview>div,.graph-preview canvas{max-width:100%;outline:none}.graph-preview canvas{display:block}.graph-loading{opacity:.45}.hero-graph.graph-loading{filter:blur(1px)}.graph-preview svg circle{filter:drop-shadow(0 0 5px #7db8f44f)}.graph-preview svg g[role=button]:focus circle{stroke:#e4f2ff;stroke-width:3px}.graph-preview svg text{font-family:inherit}.stage-caption{position:absolute;bottom:21px;left:27px;right:24px;z-index:2;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:9px;color:#839bb4;line-height:1.7}.stage-live{display:flex;align-items:center;gap:7px}.stage-caption>span:last-child{color:#71859d}
.overview-rail{display:flex;flex-direction:column;gap:15px;min-width:0}.next-step{padding:24px;position:relative}.next-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;border:1px solid #345047;background:#172c28;color:#8fcaaa;margin-bottom:19px}.next-icon .ui-icon{width:19px;height:19px}.next-step .eyebrow{font-size:8px;letter-spacing:1.4px}.next-step h2{font-size:19px;font-weight:530}.next-step p{font-size:12px;color:#9aaabe;line-height:1.7;margin-top:11px}.next-step p strong{font-weight:500;color:#d3dfeb}.next-step .button{width:100%;margin-top:18px;justify-content:space-between;min-height:40px;font-size:11px}.recent-knowledge{flex:1}.recent-knowledge .card-header{padding:14px 18px 0;gap:5px}.recent-knowledge .card-header h2{font-size:13px;letter-spacing:-.1px}.recent-knowledge .list{padding:0 17px 3px}.recent-knowledge .list-row{padding:13px 0;gap:9px;min-height:64px}.recent-knowledge .row-title{font-size:11px;line-height:1.5;font-weight:480}.recent-knowledge .row-subtitle{font-size:9px;margin-top:3px}.recent-knowledge .row-symbol{width:26px;height:32px;border-radius:7px}.recent-knowledge .row-symbol .ui-icon{width:15px;height:15px}.recent-knowledge .row-arrow{font-size:16px}
.stats{gap:12px;margin:17px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{display:flex;gap:13px;align-items:center;text-align:left;position:relative;border-radius:13px;border-color:#273341;background:linear-gradient(125deg,#131c26,#0f151e);padding:20px 17px;color:var(--ink);min-height:112px;transition:transform .2s,border-color .2s,background .2s}.stat:hover{transform:translateY(-2px);border-color:#48647b;background:#172330}.stat strong{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:0 0 4px;line-height:1.1}.stat-top{font-size:10px;color:#b1bdcd}.stat small{font-size:9px;color:#7d8fa5;margin-top:6px;line-height:1.4}.stat-icon{width:34px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#20303d;color:#b6cfdf}.stat-icon .ui-icon{width:18px;height:18px}.stat-arrow{position:absolute;top:13px;right:13px;color:#7793ac;font-size:11px;opacity:0}.stat:hover .stat-arrow{opacity:1}.bottom-grid{gap:17px;margin-top:23px}.bottom-grid .card-header h2{font-size:15px}.bottom-grid .list{padding:6px 22px}.activity{font-size:12px;padding:14px 0;border-color:#242e3b}.activity small{color:#8595a9;font-size:10px}.activity-dot{background:#739ab0}.area-bars{padding:24px 23px}.area-row>div{color:#b2bfd0}.track,.model-progress{background:#25303c}.track>span{background:linear-gradient(90deg,#6793b3,#a4bbcc)!important}.model-progress span{background:#799bb6}
.row-symbol{background:#1c2735;color:#b2c6dc}.row-title{color:#e0e7f0}.list-row{border-color:#242e3a}.list-row:hover .row-title{color:#a6deee}.row-subtitle{color:#8a9bae}.row-arrow{color:#899bb2}.info-card{background:#141f2a;border-color:#304253}.library-list{border-color:#2b3745}.knowledge-row{background:transparent;border-color:#263240;padding:24px 14px;border-radius:7px;transition:background .18s}.knowledge-row:hover{background:#17212d}.knowledge-row>.ui-icon{color:#9cbacf;width:22px;height:22px}.knowledge-row h3{font-weight:500;color:#e0eaf5}.knowledge-row p{color:#8e9fb3}.knowledge-row .row-meta,.knowledge-row time{color:#93a4ba}.knowledge-card:hover{background:#1a2533;border-color:#495b70}.knowledge-card>small{color:#91a1b6}.filter-chips{gap:8px}.filter-chips button{background:#111924;border-color:#2e3c4e;color:#a8b9ce;min-height:40px;font-size:12px}.filter-chips button:hover{background:#243447;color:#e4f3ff}.filter-chips button.active{background:#dce7f1;color:#14202e;border-color:#dce7f1}.tag,.tag.private,.tag.shared,.tag.proposed,.tag.observed,.tag.implemented{background:#233244;color:#bfd0e2;border:1px solid #34465b;font-size:10px}.tag.private{background:#302b3d;color:#ccbedf;border-color:#443b54}.tag.shared{background:#203a36;color:#b0d8ca;border-color:#304d46}.tag.conflicted{background:#452d31;color:#f0babf;border-color:#67434c}.result p,.proposal p{color:#a5b4c8}.result footer{color:#8c9fb7}.result .text-button .ui-icon{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:5px}.fine{color:#8b9fb8}.muted{color:#93a4b9}
.source-table th{background:#17212d;color:#94a8c1;font-size:10px;letter-spacing:.85px}.source-table td{color:#a4b5ca;border-color:#2a3645}.source-table tr:hover td{background:#1b2837}.source-table td:first-child{color:#dce7f4}.project-filter input,.list-filter{background:#131d28;border-color:#35485f;color:#d7e8f7;font-size:14px}.project-filter input::placeholder,.list-filter::placeholder{color:#8b9cb1}.wiki-path{background:#182534;color:#acbfd5}.wiki-docs .list-row:hover{background:#1b2b3c}.system-card{padding:25px}.system-card h2{font-size:18px;color:#e0ebf6}.detail-row{color:#9cadc2;border-color:#2b3848}.detail-row strong{color:#e4edf7}.system-card p,.system-card ol{color:#9bacc2}.callout,.connection-banner,.callout.good{background:#172332;border-color:#35475b;color:#abc0d6}.connection-banner{border-left-color:#d1a577}.pair-code{background:#1b2d40;color:#d5eaf9}.table-scroll{scrollbar-color:#415975 #172230}
.graph-stage{position:relative;background:radial-gradient(ellipse at 50% 45%,#15233c73,transparent 70%),#0a111b;isolation:isolate}.graph-stage .card-header{position:relative;z-index:2}.graph-stage .card-header h2{font-size:21px;font-weight:500}.graph-stage .card-header p{font-size:11px;color:#8ba8c1}.graph-controls{gap:5px;padding:4px;border:1px solid #293d52;border-radius:10px;background:#121d2be6;align-items:center}.graph-controls button{background:transparent;color:#a7bfd3;padding:9px 12px;font-size:11px;min-height:36px;border-radius:6px}.graph-controls button.active{background:#2d4157;color:#e4f4ff;border:1px solid #50647d;padding:8px 11px}.graph-controls button:hover{background:#263a51;color:#fff}.graph-controls .ui-icon{width:17px;height:17px}.big-graph{height:clamp(440px,57vh,780px);margin:0}.graph-hover{position:relative;z-index:2;text-align:center;color:#88a4bd;font-size:11px;min-height:36px;padding:6px 20px;line-height:1.6;pointer-events:none}.graph-hover.has-node{color:#d7eaf9}.graph-legend{position:relative;z-index:2;border-color:#24364b;color:#a6bed2;font-size:10px;padding:17px 24px;gap:22px}.graph-legend i{box-shadow:0 0 9px #b6cfff44}.graph-instructions{padding:13px 24px;border-top:1px solid #24364b;font-size:9px;color:#8aa0b9;display:flex;justify-content:space-between;gap:18px;line-height:1.7;position:relative;z-index:2}.graph-accessible{border:1px solid #25384d;background:#101a27;border-radius:12px;margin-top:18px;padding:7px 20px;color:#c2d3e7}.graph-accessible summary{font-size:12px}.node-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:9px 0}.node-row{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px 5px;background:transparent;color:#b8cde2;border-bottom:1px solid #26394f;text-align:left;font-size:11px;line-height:1.5}.node-row>span:nth-child(2){flex:1}.node-row:hover{color:#fff;background:#1b2b3d}.node-row small{font-size:9px;color:#89a3be}.node-dot{width:6px;height:6px;background:#80d9f2;border-radius:50%;flex-shrink:0}.node-dot.source{background:#b5a2ff}.node-dot.decision{background:#91e4c0}.graph-focused{overflow:hidden}.focus-stage{position:fixed;inset:12px;z-index:80;display:flex;flex-direction:column;box-shadow:0 0 0 30px #06090eed;border-radius:18px}.focus-stage .big-graph{flex:1;min-height:0;height:auto}.focus-stage .card-header{padding-top:20px}.scene-tooltip{background:#13263bed!important;color:#dcefff!important;border:1px solid #5a7c98!important;border-radius:8px!important;padding:9px 12px!important;font-size:11px!important;line-height:1.6;max-width:260px;white-space:normal!important;box-shadow:0 6px 30px #0008}
footer{color:#71849d;font-size:10px}dialog{background:linear-gradient(145deg,#182332,#101923);border-color:#3e536c;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#030810bd;backdrop-filter:blur(12px)}dialog h2{color:#ebf4fc;font-weight:520;letter-spacing:-.8px}dialog h3{color:#d5e5f5}dialog p{color:#a4b8cf}label{color:#c1d2e7}dialog input:not([type=checkbox]),dialog textarea,dialog select{background:#0f1926;border-color:#3c506b;color:#e2eefb}input[type=checkbox]{accent-color:#a8d5eb}dialog blockquote{border-color:#7090b1;background:#101e2e;color:#b4cbe3}dialog .quote-source{color:#aad9f2}.source-text{background:#0c1623;color:#b7cde7;border:1px solid #2b415a}.toast{background:#1d3146;color:#e4f2ff;border:1px solid #486987;box-shadow:0 14px 60px #0008}.toast.error{background:#4a2e36;border-color:#80505b}.form-error{color:#f1a8ae!important}.menu-list button{background:transparent;color:#c4d9ed;border-color:#33485f}.menu-list button:hover{background:#203246}
.login{background:radial-gradient(ellipse at 15% 0,#1a293750,transparent 55%),#090d13}.login-form-panel{padding:42px 7vw 27px 5vw}.login-brand{font-size:22px;font-weight:530;letter-spacing:-.6px}.login-form-content{max-width:355px}.login-form-content h1{font-size:35px;font-weight:530}.login-form-content>p{color:#91a4bb;font-size:14px}.login-form-content input{background:#141f2c;border-color:#374b63;color:#e2edfa;border-radius:10px}.password-field button{color:#9db3cc}.login-hint{color:#8ba1bb}.login-footer{color:#7790ab}.login-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1b365958,transparent 63%),#0c1420;border-left:1px solid #24354b;padding:30px 4%}.constellation{width:min(100%,590px);filter:drop-shadow(0 0 23px #87bfff28);animation:constellation-float 14s ease-in-out infinite}.constellation g:first-child{stroke:#547ca8;opacity:.45}.constellation circle{filter:drop-shadow(0 0 6px #b4d2ff6b)}.login-art h2{font-size:36px;font-weight:470;letter-spacing:-1.1px;line-height:1.2;margin-bottom:15px}.login-art p{color:#8facc9;font-size:13px}.login-art .eyebrow{display:block;color:#759abc;font-size:8px;margin-bottom:17px;letter-spacing:2px}.login-art:after{content:'';position:absolute;inset:5%;border:1px solid #9db9e00b;border-radius:50%;transform:rotateX(70deg) rotateZ(-18deg);pointer-events:none}
.boot-layer{position:fixed;inset:0;z-index:150;background:radial-gradient(ellipse at center,#172435,#090d14 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7f2fc;transition:opacity .48s ease,visibility .48s;pointer-events:auto}.boot-layer.finished{opacity:0;visibility:hidden;pointer-events:none}.boot-emblem{position:relative;width:140px;height:140px;display:grid;place-items:center;margin-bottom:29px}.boot-emblem>span{background:url('/static/brain-mark.svg') center/63px no-repeat;width:64px;height:64px;border-radius:20px;box-shadow:0 0 70px #98d1ff25;animation:boot-core 2s ease-in-out infinite}.boot-emblem .ui-icon{display:none}.boot-emblem>i{position:absolute;inset:0;border:1px solid #7eb5d530;border-top-color:#a2cee8aa;border-radius:50%;animation:orbit 6s linear infinite}.boot-emblem>i:last-child{inset:13px;transform:rotateX(63deg);animation:orbit 9s linear infinite reverse;border-color:#948bc129;border-right-color:#b9afe5aa}.boot-wordmark{font-size:30px;letter-spacing:-1px;font-weight:480;text-align:center}.boot-wordmark>span{display:block;font-size:8px;letter-spacing:2.3px;color:#7290ad;margin-top:15px;font-weight:500}.boot-track{height:1px;width:140px;background:#304056;margin-top:36px;overflow:hidden}.boot-track span{display:block;height:100%;width:40%;background:#bcddf4;animation:loading-track 1.8s ease-in-out infinite}.boot-layer p{font-size:10px;color:#849db7;margin-top:16px}.is-ready .page-heading{animation:page-reveal .65s ease both}.is-ready #content{animation:page-reveal .8s ease both}.brain-stage .graph-preview canvas{animation:graph-reveal 1.5s ease both}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes page-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes graph-reveal{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes constellation-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes boot-core{50%{box-shadow:0 0 95px #98d1ff42;transform:scale(1.035)}}@keyframes orbit{to{rotate:360deg}}@keyframes loading-track{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(min-width:1550px){.shell{grid-template-columns:239px minmax(0,1fr)}.main-content{padding:38px 43px 28px}.topbar{padding:0 43px}.overview-layout{grid-template-columns:minmax(0,1fr) 310px;gap:21px}.brain-stage{min-height:550px}.stage-heading{top:35px;left:35px}.stage-heading h2{font-size:37px}.stage-heading p{font-size:13px}.stage-heading .eyebrow{font-size:9px}.hero-graph{inset:20px -6% 25px 14%}.next-step{padding:30px}.recent-knowledge .row-title{font-size:13px}.recent-knowledge .list-row{min-height:79px}.recent-knowledge .row-subtitle{font-size:10px}.next-step h2{font-size:23px}.next-step p{font-size:13px}.stat{padding:23px}.stat strong{font-size:31px}.stat-top{font-size:12px}.stat small{font-size:10px}}
@media(max-width:1200px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.brand{font-size:17px;gap:7px}.sidebar nav button{font-size:11px;padding:11px 9px;gap:10px}.brand small{font-size:9px}.main-content{padding:27px 24px 20px}.topbar{padding:0 24px}.page-heading h1{font-size:31px}.heading-actions{max-width:260px}.overview-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.brain-stage{min-height:462px}.stage-heading{left:22px;top:26px}.stage-heading h2{font-size:26px}.stage-heading p{font-size:10px}.hero-graph{inset:52px -14% 20px 6%}.stage-caption{left:20px;right:20px;font-size:8px;flex-wrap:wrap;gap:0}.stage-caption>span:last-child{display:none}.next-step{padding:20px}.next-step h2{font-size:18px}.next-step .eyebrow{font-size:7px}.next-step p{font-size:11px}.recent-knowledge .card-header h2{font-size:12px}.stat{padding:18px 13px;gap:9px}.stat small{display:none}.stat-icon{width:29px;height:31px}.stat strong{font-size:25px}.stat-top{font-size:9px}}
@media(max-width:1000px){.shell{grid-template-columns:185px minmax(0,1fr)}.page-heading{flex-wrap:wrap;gap:17px}.page-heading h1{font-size:31px}.heading-actions{max-width:none}.overview-layout{grid-template-columns:1fr}.brain-stage{min-height:430px}.hero-graph{inset:0 -3% 20px 17%}.overview-rail{display:grid;grid-template-columns:1fr 1fr}.next-step{padding:22px}.next-step .next-icon{display:none}.recent-knowledge .list-row{min-height:58px;padding:11px 0}.stat{padding:17px 14px}.stat-icon{display:none}.stats{gap:10px}.stat-top{font-size:10px}.stat strong{font-size:27px}.stat{min-height:94px}.graph-instructions{flex-direction:column;gap:5px}.big-graph{height:480px}.node-list{grid-template-columns:1fr}.login-form-content h1{font-size:29px}.login-art h2{font-size:29px}}
@media(max-width:760px){.shell{display:block;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{height:63px;padding:0 20px;background:#0c131dcc;position:sticky;top:0;z-index:20}.mobile-brand{font-size:17px;font-weight:520;letter-spacing:-.45px}.mobile-brand>span{background:url('/static/brain-mark.svg') center/28px no-repeat;width:28px;height:29px}.mobile-brand>span>.ui-icon{opacity:0}.top-actions{gap:3px}.topbar .pill{font-size:0;max-width:12px;margin-right:4px}.topbar .pill i{width:5px;height:5px}.topbar .icon-button{width:30px;height:38px}.motion-button{margin-left:0}.main-content{padding:24px 20px 16px}.page-heading{gap:17px;margin-bottom:17px}.page-heading h1{font-size:30px;font-weight:510;letter-spacing:-1px}.page-heading p{font-size:12px;margin-top:8px}.heading-actions{gap:8px}.heading-actions .button{min-height:44px;font-size:11px;padding:10px 9px;border-radius:9px}.heading-actions .button .ui-icon{width:15px;height:15px}.searchbar{min-height:50px;margin-bottom:17px;grid-template-columns:20px minmax(0,1fr) 34px 34px;padding:4px 6px 4px 12px;gap:4px}.searchbar input{font-size:14px;padding:10px 0}.searchbar input::placeholder{font-size:12px}.searchbar>span .ui-icon{width:17px;height:17px}.searchbar .filter-toggle{width:34px;height:42px}.search-submit{width:33px;height:35px}.searchbar select{font-size:13px;min-height:44px}.searchbar.filters-open select:last-of-type{font-size:11px}.overview-layout{gap:15px}.brain-stage{min-height:366px;border-radius:16px}.stage-heading{top:22px;left:21px;right:19px;display:flex;justify-content:space-between;align-items:start}.stage-heading .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:10px}.stage-heading h2{font-size:23px;line-height:1.1;letter-spacing:-.7px}.stage-heading h2 br{display:none}.stage-heading p{display:none}.stage-explore{margin-top:13px;font-size:0;gap:0;min-width:38px;min-height:40px;justify-content:center;border:1px solid #2e4760;border-radius:9px;background:#172638aa}.stage-explore .ui-icon{width:16px;height:16px}.hero-graph{inset:70px -9% 22px -9%;height:auto}.stage-caption{font-size:9px;bottom:16px;left:21px;right:21px;justify-content:center}.overview-rail{display:flex;flex-direction:column;gap:15px}.next-step{padding:20px 22px}.next-step .next-icon{display:grid;position:absolute;right:22px;top:22px;width:34px;height:34px}.next-step h2{font-size:20px;margin-right:35px}.next-step .eyebrow{font-size:7px;margin-bottom:9px}.next-step p{font-size:12px;margin-top:8px}.next-step .button{font-size:12px;margin-top:17px;min-height:44px}.recent-knowledge{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 0}.stat{min-height:90px;padding:18px;align-items:center;gap:12px}.stat-icon{display:grid;position:static;width:31px;height:34px;flex-shrink:0;background:#20303f;color:#adc8e0}.stat-icon .ui-icon{width:17px;height:17px}.stat-top{font-size:10px}.stat strong{font-size:27px;margin:0 0 5px}.stat small{display:none}.bottom-grid{margin-top:20px;gap:15px}.card-header{padding:20px 20px 0}.card-header h2{font-size:16px}.section-top{gap:9px}.section-top>span{font-size:11px}.section-top h2{font-size:17px}.knowledge-row{padding:21px 5px;grid-template-columns:23px minmax(0,1fr) 15px;gap:11px}.knowledge-row h3{font-size:14px;line-height:1.5}.knowledge-row p{font-size:12px;line-height:1.7}.knowledge-row .row-meta{font-size:10px}.filter-chips button{font-size:11px;min-height:40px;padding:8px 12px}.source-table tr{padding:17px 19px;border-color:#27374a}.source-table td:first-child{font-size:13px}.source-table td{font-size:11px}.source-table tr:hover td{background:transparent}.wiki-table td:nth-child(3){font-size:11px}.list-filter{font-size:16px}.callout{font-size:12px}.system-card{padding:22px}.system-card h2{font-size:18px}.system-card p{font-size:12px}.detail-row{font-size:12px;gap:11px}.detail-row strong{max-width:62%}.setup-actions .button{font-size:11px}.graph-stage .card-header{padding:20px 18px 0;align-items:flex-start;gap:15px}.graph-stage .card-header h2{font-size:19px}.graph-stage .card-header p{font-size:10px}.graph-controls{width:100%;justify-content:space-between;gap:5px;padding:4px}.graph-controls button{min-height:40px;font-size:11px;padding:9px 14px}.graph-controls button.active{padding:8px 13px}.big-graph{height:380px}.graph-hover{font-size:10px;padding:3px 15px;min-height:35px}.graph-legend{font-size:9px;padding:14px 17px;gap:15px}.graph-instructions{font-size:9px;padding:13px 17px;gap:5px}.graph-accessible{padding:7px 14px}.graph-accessible summary{font-size:11px;min-height:44px}.node-row{font-size:11px;gap:8px;min-height:53px}.node-row small{display:none}.focus-stage{inset:5px;border-radius:14px}.focus-stage .card-header{padding-top:18px}.focus-stage .big-graph{min-height:100px}.focus-stage .graph-instructions{display:none}.mobile-nav{background:#0d1624e8;border-color:#2f425b;backdrop-filter:blur(24px);padding:8px 7px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -15px 35px #0002}.mobile-nav button{color:#829bb9;font-size:9px;gap:6px;font-weight:400}.mobile-nav button.active{color:#d8edf9;font-weight:550}.mobile-nav button.active .ui-icon{stroke-width:1.8;filter:drop-shadow(0 0 7px #8ebfff72)}.mobile-nav .ui-icon{width:21px;height:21px}.toast{bottom:calc(85px + env(safe-area-inset-bottom))}dialog{padding:18px 19px 23px;border-radius:17px}dialog h2{font-size:25px}dialog p{font-size:13px}.login-form-panel{padding:30px 25px 24px;background:radial-gradient(ellipse at 100% 0,#23395b55,transparent 63%)}.login-form-content{max-width:390px;padding:50px 0 35px}.login-brand{font-size:21px}.login-form-content h1{font-size:31px}.login-form-content>p{font-size:13px}.login-form-content input{font-size:16px}.login-hint{font-size:10px}.login-footer{font-size:10px}.boot-wordmark{font-size:29px}.boot-wordmark>span{font-size:7px;letter-spacing:2px}}
@media(max-width:360px){.main-content{padding:22px 15px 15px}.topbar{padding:0 15px}.mobile-brand{font-size:16px;gap:6px}.topbar .icon-button{width:28px}.topbar .pill{max-width:9px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.heading-actions .button{font-size:10px;padding:10px 7px;gap:5px}.searchbar input::placeholder{font-size:11px}.brain-stage{min-height:340px}.stage-heading{left:18px;right:14px}.stage-heading h2{font-size:20px}.hero-graph{inset:67px -10% 19px -10%}.stage-caption{font-size:8px}.next-step{padding:20px}.next-step h2{font-size:18px}.stats{gap:9px}.stat{padding:17px 13px;gap:9px}.stat-icon{width:25px;height:29px}.stat-icon .ui-icon{width:16px;height:16px}.stat strong{font-size:24px}.stat-top{font-size:9px}.big-graph{height:345px}.graph-controls button{font-size:10px;padding:8px 11px}.graph-controls button.active{padding:7px 10px}.graph-legend{gap:10px;font-size:8px}.login-form-content h1{font-size:28px}.login-form-panel{padding-left:23px;padding-right:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep a fixed focus stage relative to the viewport, outside entrance transforms. */
.is-ready #content{animation:content-reveal .65s ease both}.graph-focused #content{animation:none;transform:none;will-change:auto}@keyframes content-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.topbar .icon-button{width:36px;height:44px}.searchbar input{font-size:16px}.stage-heading .eyebrow{font-size:8px}.stage-caption{font-size:10px}.next-step .eyebrow{font-size:9px}.stat-top{font-size:11px}.graph-legend{font-size:10px}.page-heading h1{letter-spacing:-.7px}.stage-heading h2{letter-spacing:-.4px}}
@media(max-width:360px){.topbar .icon-button{width:32px}.stage-caption{font-size:9px}.stat-top{font-size:10px}.graph-legend{font-size:9px}.stage-heading h2{font-size:20px}}
@media(min-width:761px){.login-art .constellation{max-height:52vh;width:min(100%,540px)}}