/* Shared finishing layer. Neutral space-black surfaces keep knowledge in focus. */
:root{--bg:#0b0c10;--panel:#14151b;--surface:#14151b;--line:#292a33;--line-strong:#3b3b49;--text:#f0edf6;--muted:#b0aabb;--dim:#a39bab;--accent:#c5b5fa;--green:#b0d0bd;--amber:#ddc293;--red:#f0b0bd}
body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.65}
button,input,textarea,select{font-family:inherit}
button,a,input,textarea,select,summary{outline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d0befd;outline-offset:4px}
#content:focus{outline:none}
.sr-only:focus,.skip-link:focus{position:fixed;top:12px;left:16px;z-index:300;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;padding:12px 18px;background:#e5dafb;color:#17111f;border-radius:8px;font-size:14px}
p{color:var(--muted);font-size:15px;line-height:1.8}small{font-size:12px;color:var(--muted)}
.btn{font-size:13px;min-height:41px;border-radius:8px;padding:9px 15px;line-height:1.5}
.btn.small{font-size:12px;min-height:36px}.btn.primary{background:#c7b9ef;border-color:#c7b9ef;color:#21182f;font-weight:600}.btn.primary:hover{background:#ddcef9;border-color:#ddcef9;box-shadow:none}
.btn.ghost{background:#ffffff02;border-color:var(--line-strong);color:#d4cedf}.btn.ghost:hover{background:#ffffff07;border-color:#666070}.btn.link,.text-button{color:var(--accent);font-size:13px}
.icon-button{min-height:40px;min-width:40px;color:#c0b8cd}.checkbox{font-size:13px;line-height:1.7}.checkbox input{width:15px;height:15px;flex:none}
input,textarea,select{font-size:14px;color:var(--text);background:#0e0f14;border-color:var(--line-strong);line-height:1.65;padding:11px 13px}input::placeholder,textarea::placeholder{color:#a29aad}
label,.field>label{font-size:13px;color:#cbc4d7;line-height:1.7}.field small{font-size:12px;color:var(--muted);line-height:1.7}.inline-error{font-size:13px;line-height:1.7}.form-actions{gap:10px}.notice{font-size:14px;line-height:1.8;border-color:#68587d55;background:#6f578c16;color:#d4c8e8}.notice.warning{background:#b08e3e10;border-color:#96774255;color:#e0cca7}.notice strong{color:inherit}
.sidebar{width:230px;background:#0e0f13;border-color:var(--line);padding:27px 17px 17px;overflow-y:auto}.main-shell{margin-left:230px;background:radial-gradient(ellipse at 80% -20%,#74649412,transparent 50%),var(--bg)}
.brand{font-size:28px;margin:0 12px 30px;padding-left:0}.brand-dot{color:var(--accent)}.brand-mark:after{background:linear-gradient(transparent,#0e0f13 65%,transparent)}
.sidebar .workspace-label,.nav-group{font-size:10px;color:#b0a4bf;letter-spacing:1.3px;line-height:1.8}.sidebar .workspace-label{padding-left:9px}.workspace-picker{font-size:13px;background:#19191f;border-color:var(--line-strong);padding:10px;margin-top:7px;margin-bottom:13px}
.nav-group{padding:16px 12px 8px;margin:0}.sidebar nav a{font-size:13px;min-height:42px;padding:9px 12px;color:#b9b2c4;gap:11px}.sidebar nav a.active{background:linear-gradient(90deg,#31293e,#252130);color:#ede2fd;box-shadow:inset 2px 0 #c8b3f5}.sidebar nav a:hover{background:#24212b;color:#f0e8fb}.sidebar nav{overflow:visible}.nav-count{font-size:12px}.sidebar-bottom{font-size:11px;color:#a59aae;line-height:1.7;padding-top:17px;margin-top:auto}.sidebar-bottom small{font-size:10px;color:#a59aae}.sidebar-brain-note{padding:23px 12px}.sidebar-brain-note p{font-size:12px;line-height:1.8;color:#a79bac}.sidebar-brain-note .brand-mark{display:none}
.topbar{min-height:76px;height:auto;padding:17px 34px;border-color:var(--line);background:#0b0c10e8;gap:16px}.breadcrumb{font-size:12px;line-height:1.6;color:#aba1b7}.breadcrumb strong{color:#ded5e9}.topbar-actions{gap:13px}.search-launch{font-size:13px;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:7px 11px;color:#b9afc8;gap:10px}.search-launch kbd{font-size:11px;color:#b9afc8;margin-left:6px;border-color:#5a4e67}.top-capture{font-size:13px;min-height:40px;padding:8px 13px}.avatar{font-size:12px;min-width:32px;height:32px}.topbar .icon-button[title="Sign out"]{font-size:19px;min-width:32px}
main{padding:33px 34px 55px;max-width:1660px}.main-shell>footer{padding:20px 34px;font-size:11px;color:#a79aad;letter-spacing:1.5px}.main-shell>footer span,.main-shell>footer a{font-size:12px;color:#b1a2c1}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#b7a7ca}.quiet-label{font-size:12px;color:var(--muted)}.page-heading h1{font-size:32px}.page-heading p{font-size:14px;line-height:1.8}.back-link{font-size:13px}
.context-status,.context-foot,.thought-type,.context-kicker,.world-card-foot,.person-card-foot{font-size:12px}.context-status{color:#d9bf96}.context-status.is-reviewed{color:#b0cab8}.thought-excerpt,.world-card p,.person-card p,.compact-reading p,.compact-reading li{font-size:14px;line-height:1.85}.thought-title h3,.world-card h3,.person-card h3{font-size:19px;line-height:1.4}.thought-card,.world-card,.person-card,.identity-feature{background:var(--panel);border-color:var(--line)}.thought-edit{width:36px;height:36px;color:#c8b6de}.thought-type{color:#b9a8c7}.context-foot a{color:#c4b1d8}.brain-section-title h2{font-size:22px}.brain-section-title p{font-size:14px;color:var(--muted)}.brain-section-title>a{font-size:13px}.brain-page-intro p{font-size:15px}.brain-tabs a{font-size:14px;min-height:44px}.brain-tabs small{font-size:12px}.context-page-actions>span{font-size:13px;color:var(--muted)}
.reading{color:#d6cfdf;font-size:16px;line-height:1.85}.reading p,.reading li{font-size:15px;line-height:1.85;color:#cdc6d7}.reading h1,.reading h2,.reading h3,.reading h4{color:#ede6f6}.reading strong{color:#ece4f5}.reading a{color:#d2baf3}.reading th,.reading td{font-size:13px;line-height:1.75}.reading th{background:#24212c;color:#e1d3ec}.reading td{background:#15131b;color:#c7bbd6;border-color:#37303f}.reading tr:nth-child(even) td{background:#19161f}.reading-table{border-color:#40364c}.reading blockquote{background:#292131;border-color:#bd9ddb}.reading code{background:#282131;border-color:#51445f;color:#dcc5f1}.reader-paper{background:var(--panel);border-color:var(--line)}.reader-toolbar{background:#1c1824;border-color:#403247}.reader-meta,.reader-meta .context-status{font-size:12px}.reader-aside p,.reader-aside a,.reader-aside .btn,.reader-aside .text-button,.outline-link{font-size:13px}.outline-link.nested{font-size:12px;color:#baa4cf}.reader-aside h3{font-size:15px}.reader-aside small,.reader-aside .eyebrow{font-size:12px}.reading pre code{font-size:13px}
.panel{background:var(--panel);border-color:var(--line)}.panel-head h2{font-size:17px}.panel-body p,.settings-stack .panel-body p{font-size:14px}.record-title,.source-row .record-title{font-size:14px}.record-meta,.record-row .subtle,.record-info small{font-size:12px}.badge,.tag{font-size:12px;line-height:1.6}.feed-title{font-size:14px}.feed-description{font-size:12px}.notice small{font-size:12px}.code{font-size:13px;line-height:1.8;color:#ccc0db}.record-row{padding:17px 21px}.table-wrap table{font-size:14px}.table-wrap th{font-size:12px;color:var(--muted)}.table-wrap td small{font-size:12px}.settings-stack small{font-size:12px}
.ask-welcome p,.question-suggestions .suggestion,.ask-box .checkbox{font-size:13px}.ask-box textarea{font-size:16px}.ask-box-bottom{gap:16px}.proposal .text-block,.evidence,.chat-message p{font-size:15px;line-height:1.8}.evidence-label,.chat-message .speaker{font-size:12px}.source-content,.text-block{font-size:15px;line-height:1.85}.interview-card h3{font-size:17px}.interview-card p{font-size:13px}.empty p{font-size:14px}.empty h2{font-size:23px}
.graph-toolbar .btn,.explorer-toolbar .btn,.studio-tabs button,.explorer-breadcrumb{font-size:13px}.explorer-item-name{font-size:14px}.explorer-item-meta,.explorer-status,.collection-item,.explorer-sidebar{font-size:12px}
dialog{width:min(750px,calc(100vw - 32px));max-height:92vh;background:#15151c;border-color:#4f435d;border-radius:14px;box-shadow:0 28px 120px #000b}dialog::backdrop{background:#05050ae0;backdrop-filter:blur(5px)}.modal-head{padding:21px 27px;border-color:var(--line)}.modal-head h2{font-size:22px;line-height:1.4;letter-spacing:-.5px}.modal-body{padding:25px 27px}.modal-body p{font-size:14px;line-height:1.8}.modal-body .form-actions{margin-top:22px;padding-top:20px}.modal-body .field>label{font-size:13px}.modal-body .field>small{font-size:12px}.toast{font-size:14px;line-height:1.7;border-color:#79628f;background:#282031;max-width:480px}.toast.error{background:#342028;border-color:#986775}
@media(max-width:1150px){.sidebar{width:216px;padding-left:14px;padding-right:14px}.main-shell{margin-left:216px}.topbar{padding:15px 25px}.topbar-actions{gap:9px}main{padding:29px 25px 50px}.top-capture{font-size:12px}.breadcrumb>span{padding:0 8px}.search-launch kbd{display:none}.sidebar nav a{font-size:13px}}
@media(max-width:900px){.topbar .breadcrumb{display:none}.topbar-actions{margin-left:auto}.topbar{min-height:71px}.sidebar-brain-note{display:none}.sidebar nav{flex:1}.sidebar-bottom{margin-top:25px}}
@media(max-width:760px){.sidebar{width:245px;padding:25px 17px;transform:translateX(-100%);transition:transform .18s}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar{padding:12px 17px;min-height:66px}.topbar .breadcrumb{display:block;font-size:12px}.topbar .breadcrumb>span{padding:0 6px}.topbar-actions{gap:8px}.search-launch{font-size:0;min-width:38px;padding:4px 8px;border-color:var(--line)}.search-launch>span{font-size:22px}.top-capture{font-size:12px;min-height:39px;padding:7px 10px}.topbar .avatar{display:none}.topbar .icon-button[title="Sign out"]{display:none}.mobile-menu{display:inline-flex;align-items:center;justify-content:center}main{padding:27px 18px 45px}.main-shell>footer{padding:20px 18px;flex-wrap:wrap;gap:12px}.modal-head,.modal-body{padding:21px}.modal-body textarea{font-size:16px}.form-actions{flex-wrap:wrap}.reader-meta{gap:10px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.reading p,.reading li{font-size:15px}.reader-aside{position:static}.brain-tabs{overflow-x:auto}.brain-tabs a{white-space:nowrap;flex:none}.toast{left:17px;right:17px;bottom:17px}.sidebar-bottom{margin-top:auto}.sidebar nav{flex:1}}
@media(max-width:520px){.topbar .breadcrumb{display:none}.topbar-actions{margin-left:auto}.topbar{gap:7px}.topbar .mobile-menu{margin-right:auto}.top-capture{font-size:12px}.modal-head h2{font-size:20px}.modal-body,.modal-head{padding:19px}.main-shell>footer span{display:none}.reading th,.reading td{font-size:13px}.btn{padding:9px 13px}.context-foot{flex-wrap:wrap;gap:8px}.thought-grid,.personal-thoughts{grid-template-columns:1fr}.brain-page-intro h1{font-size:34px}.brain-section-title{align-items:flex-start;gap:12px}.brain-section-title>a{white-space:normal}.source-actions{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The navigation owns the available height; fixed footer content never overlaps it. */
.sidebar{height:100dvh;min-height:0;overflow:hidden}
.sidebar>.brand,.sidebar>.workspace-label,.sidebar>.workspace-picker,.sidebar>.sidebar-bottom,.sidebar>.sidebar-brain-note{flex-shrink:0}
.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#53485f transparent;margin-bottom:10px;padding-bottom:8px}
.sidebar-bottom{flex-shrink:0;margin-top:0;padding-top:14px;min-height:40px}
.sidebar-brain-note{margin-top:0}
@media(max-height:850px){.sidebar-brain-note{display:none}.sidebar>.brand{margin-bottom:24px}}
@media(max-width:760px){.sidebar nav{min-height:0;flex:1 1 auto;overflow-y:auto}.sidebar-bottom{margin-top:0}}