:root{color-scheme:dark;--primary:#2478ff;--accent:#8feaff;--orb:#2478ff;--line:#243446;--muted:#91a3b9}*{box-sizing:border-box}body{margin:0;background:#040811;color:#e7eff8;font:13px/1.5 'Segoe UI',sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button{color:#c5d7e7;border:1px solid var(--line);border-radius:9px;background:#101b29;padding:9px 14px;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}button:hover{background:#192d40;border-color:var(--accent)}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:color-mix(in srgb,var(--primary) 27%,#0b1422);border-color:color-mix(in srgb,var(--accent) 70%,#142234);color:#f2f8ff;box-shadow:0 0 22px color-mix(in srgb,var(--primary) 16%,transparent)}header{flex:none;height:89px;padding:19px 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #162437;background:linear-gradient(100deg,#0a1424,#050a13)}h1{font-size:18px;letter-spacing:.28em;font-weight:500;margin:0 0 6px}h1 small{font-size:8px;letter-spacing:.15em;color:#849bb5;margin-left:7px}h2{font-weight:500;font-size:22px;letter-spacing:-.03em;margin:8px 0 18px}.identity{display:flex;gap:15px;align-items:center}.brand-dot{width:24px;height:24px;border:1px solid var(--accent);border-radius:50%;background:radial-gradient(circle at 35% 25%,#e8ffff,var(--orb) 24%,#03101f 76%);box-shadow:0 0 23px color-mix(in srgb,var(--orb) 60%,transparent)}#workspaceName{color:var(--accent);font-size:12px}.header-actions{display:flex;gap:9px}.subhead{padding:10px 27px;display:flex;justify-content:space-between;color:#8195ac;font-size:11px;gap:20px;flex:none}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);margin:0 7px 2px 0}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 335px;margin:0 18px 9px;gap:14px}.universe{border:1px solid #1c2c41;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--primary) 8%,#040811),#030710 70%);position:relative}#filters{padding:17px 18px 7px;display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:2}#filters button{font-size:11px;padding:7px 12px;border-radius:20px;background:#0b1422}#filters button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,#142134);background:color-mix(in srgb,var(--primary) 15%,#07101b)}#graphStage{position:relative;flex:1;min-height:180px;overflow:hidden}#graph{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#graph:active{cursor:grabbing}#core{position:absolute;left:50%;top:calc(50% + 15px);width:52%;height:68%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}#brainOrb{width:100%;height:100%;display:block}#empty{position:absolute;left:12%;right:12%;bottom:7%;text-align:center;pointer-events:none;color:#7e97b5}#empty b{display:block;font-size:19px;font-weight:400;color:#deebfa}#empty span{font-size:12px}#dragHint{position:absolute;inset:15px;background:#081726ef;border:1px dashed var(--accent);border-radius:12px;align-content:center;text-align:center;color:var(--accent);z-index:4;pointer-events:none;font-size:20px}#dragHint[hidden]{display:none}.graph-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;gap:12px;border-top:1px solid #132034;font-size:10px;color:#8499b0}.graph-footer>div{display:flex;gap:5px}.graph-footer button{font-size:10px;padding:6px 9px}aside{border:1px solid #233349;background:linear-gradient(160deg,#0c1624,#07101b);border-radius:15px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.library-head{padding:23px 20px 15px}.eyebrow{font-size:9px;color:var(--accent);letter-spacing:.2em}input{width:100%;color:#e5effa;background:#050c16;border:1px solid #2a3c50;border-radius:9px;padding:11px 12px;font-size:12px}input::placeholder{color:#788da5}.capacity{font-size:10px;color:#8497ac;margin-top:10px}.list-heading{display:flex;justify-content:space-between;padding:8px 20px 12px;color:#b6c9df;font-size:11px;border-bottom:1px solid #1c293b}.list-heading b{font-weight:500}#library{overflow:auto;flex:1;min-height:65px;padding:8px}.item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border-color:transparent;background:transparent;border-radius:8px;padding:10px}.item .item-icon{flex:none;width:30px;height:34px;display:grid;place-items:center;font-size:10px;color:var(--accent);background:color-mix(in srgb,var(--primary) 12%,#0a1423);border:1px solid #304050;border-radius:7px}.item>span:last-child{min-width:0}.item strong{font-weight:500;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item small{font-size:10px;color:#8498b0}.item[aria-pressed=true]{background:color-mix(in srgb,var(--primary) 14%,#071321);border-color:var(--accent)}.empty-list{padding:20px 14px;color:#8da4bc;font-size:12px}.sidebar-foot{padding:13px 19px;border-top:1px solid #1a2a3b}.sidebar-foot button{width:100%;font-size:11px}.sidebar-foot p{font-size:10px;color:#7d90a6;margin:9px 0 0}#details{margin:0 13px 12px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 30%,#1b2c40);border-radius:10px;background:#050d18;flex:none;max-height:40vh;overflow:auto}#details h3{font-size:15px;font-weight:500;overflow-wrap:anywhere;margin:6px 0}#details p{font-size:11px;color:#9db0c5;white-space:pre-wrap;overflow-wrap:anywhere}#details .detail-actions{display:flex;gap:6px;flex-wrap:wrap}#details button{font-size:11px;padding:6px 9px}#details .close-detail{float:right;padding:0 5px;background:none;border:none}#details pre{font:11px/1.6 'Segoe UI',sans-serif;color:#a0b5cb;white-space:pre-wrap;overflow-wrap:anywhere;max-height:125px;overflow:auto}.danger{color:#efbdba!important}#status{padding:0 23px 10px;min-height:25px;font-size:11px;color:#93abc5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dialog{color:#e3edf8;background:#0b1626;border:1px solid #334b65;border-radius:18px;padding:28px;width:min(620px,90vw);max-height:86vh;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{font-size:13px;color:#a0b4ca}#importList{max-height:220px;overflow:auto;border:1px solid #24374d;border-radius:9px;padding:8px 12px;font-size:12px}#importList div{padding:6px;border-bottom:1px solid #17283b;overflow-wrap:anywhere}.fine{font-size:11px!important;color:#839bb5!important}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:23px}#importSkipped{font-size:11px;color:#d8b981}body.working .header-actions button{pointer-events:none;opacity:.45}@media(max-width:1080px){main{grid-template-columns:minmax(0,1fr) 285px}.graph-footer{flex-direction:column}.subhead>span:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Brain library polish: readable previews, selections and restrained workspace colour. */
[hidden]{display:none!important}
textarea{font:inherit;resize:vertical;width:100%;color:#e5effa;background:#050c16;border:1px solid #2a3c50;border-radius:9px;padding:11px 12px;line-height:1.6}
textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main{grid-template-columns:minmax(0,1fr) 365px}
.item-row{display:flex;align-items:center;gap:2px;padding-left:3px}.item-row .item{min-width:0;flex:1}.reference-check{appearance:auto;width:15px;height:15px;flex:none;accent-color:var(--accent);cursor:pointer;margin:0 2px 0 3px}.item-row:not(:has(.reference-check)){padding-left:23px}
.item .item-icon{width:29px;height:32px}.item{gap:9px;padding:9px 7px}.item strong{font-size:12px}.item small{display:block}.tag-line{color:var(--accent)!important}.search-snippet{margin-top:3px;max-height:38px;overflow:hidden;font-size:10px!important;line-height:1.4}
#selectionBar{padding:12px 16px;border-top:1px solid #263647;display:flex;gap:6px;flex-wrap:wrap}#askSelected{flex:1;font-size:11px;padding:10px 6px}#clearSelection{padding:5px 10px}#selectionHint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;color:#8398ae;line-height:1.5;width:100%}
.sidebar-foot{padding:10px 17px}.sidebar-foot p{font-size:9px;line-height:1.5}#details{max-height:33vh}#details pre{max-height:80px}#details h3{padding-right:8px}.library-head{padding:20px 18px 12px}.library-head h2{font-size:21px;margin:7px 0 14px}
#previewDialog{width:min(1120px,94vw);height:min(780px,92vh);max-height:92vh;padding:22px;overflow:hidden}#previewDialog[open]{display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex:none}.preview-header h2{font-size:22px;margin:5px 0 18px;overflow-wrap:anywhere;max-height:75px;overflow:auto}.preview-header button{padding:4px 12px;font-size:22px}
.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;flex:1;min-height:0}.preview-column{display:flex;flex-direction:column;min-height:0;min-width:0}#previewContent{background:#02050b;border:1px solid #26354a;border-radius:12px;min-height:180px;flex:1;overflow:auto;padding:12px;display:flex;align-items:center;justify-content:center;color:#a4bbd1}#previewContent img,#previewContent canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}#previewContent pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.8 'Segoe UI',sans-serif;margin:0;align-self:flex-start;width:100%;color:#d0deec}#previewNote{margin:8px 0 0;max-height:56px;overflow:auto}#pdfControls{display:flex;gap:12px;align-items:center;justify-content:center;padding-top:10px;font-size:12px}#pdfControls button{padding:4px 14px}
#metadataForm{overflow:auto;min-height:0;padding:1px 4px 5px 1px}#metadataForm label,.ask-label{display:block;font-size:11px;color:#a4b8d0;margin-bottom:16px}#metadataForm input,#metadataForm textarea,.ask-label textarea{display:block;margin-top:7px}#metadataForm p{font-size:11px}#metadataForm button{display:block;width:100%;margin-top:9px;font-size:12px}#editStatus,#askStatus{color:var(--accent);font-size:12px;overflow-wrap:anywhere}#askReferences{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}#askReferences span{padding:7px 11px;border:1px solid #34465d;background:color-mix(in srgb,var(--primary) 10%,#081321);color:var(--accent);font-size:11px;border-radius:8px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:1080px){main{grid-template-columns:minmax(0,1fr) 300px}h1{font-size:16px}h1 small{display:block;font-size:7px;margin:2px 0 0}.subhead{padding:7px 24px}.graph-footer{padding:9px 8px}.graph-footer>span{font-size:9px}#filters{padding:11px 12px 5px;gap:4px}#filters button{padding:5px 9px;font-size:10px}.preview-layout{grid-template-columns:minmax(0,1fr) 235px;gap:14px}#previewDialog{padding:18px}#details{max-height:28vh}.library-head{padding:13px 16px 9px}.library-head h2{font-size:19px;margin:4px 0 9px}.header-actions button{font-size:12px}}
@media(max-height:700px){header{height:73px;padding:12px 24px}#details{max-height:25vh}.sidebar-foot p{display:none}.library-head .capacity{margin-top:6px}.library-head h2{font-size:18px;margin:4px 0 9px}#selectionBar{padding:8px 12px}.library-head{padding-top:12px}#selectionHint{display:none}}

/* Camera focus stays legible at every window size. */
.view-summary{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}#focusHint{color:var(--accent);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.graph-footer>div{flex:none}.graph-footer .view-summary{display:flex;max-width:100%}#graphHint{font-size:9px;line-height:1.6}@media(max-width:1080px){.view-summary{width:100%;text-align:center}#focusHint{font-size:10px}}
#graph.is-focused{z-index:1}
.library-head,.list-heading,#selectionBar,.sidebar-foot{flex-shrink:0}
#details{flex:0 1 auto;min-height:90px}
#library{min-height:48px}
@media(max-height:700px){#details{max-height:125px;min-height:88px}.sidebar-foot{padding:7px 12px}#selectionBar{padding:7px 12px}#library{min-height:42px}}