/* 于洁工作室 — clear research typography, a technical blue system and warm learning cues. */
:root{--ink:#14273f;--muted:#4b6077;--green:#1857b6;--line:#cbd6e4;--paper:#edf2f8;--white:#fff;--navy:#10243f;--knowledge-accent:#006b81;--studio-blue:#1857b6;--studio-cyan:#006b81;--studio-orange:#a94b05}
body{color:var(--ink);background:var(--paper);font-size:15px;line-height:1.75}
.sidebar{width:264px;height:100vh;height:100dvh;padding:30px 18px 0;background:#10243f;color:#e5edf9;border-right:1px solid #264568;overflow:hidden}
.sidebar>.brand,.sidebar>.workspace-tag,.sidebar>.nav-caption,.sidebar-bottom{flex-shrink:0}
.sidebar .brand{display:block;padding:0 12px;font:700 26px/1.4 var(--sans);letter-spacing:2px;color:#fff;text-decoration:none}
.workspace-tag{color:#c1d1e8;font-size:11px;padding:18px 12px 22px;letter-spacing:0;gap:7px}
.workspace-tag>span:last-child{color:#c1d1e8;border-color:#506b91;background:#183453;font-size:10px}
.workspace-tag .status-dot,.sidebar .source-mini>.status-dot{background:#63d9de;box-shadow:0 0 0 3px #63d9de1f}
.sidebar .nav-caption{color:#b5c9e3;font-size:11px;letter-spacing:1px;margin:10px 0 8px;padding:10px 12px}
.sidebar #navigation{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7292bd #193351;padding:0 5px 12px 0}
.sidebar #navigation::-webkit-scrollbar{width:7px}.sidebar #navigation::-webkit-scrollbar-track{background:#193351;border-radius:6px}.sidebar #navigation::-webkit-scrollbar-thumb{background:#7292bd;border-radius:6px;border:1px solid #193351}.sidebar #navigation::-webkit-scrollbar-thumb:hover{background:#74d8e4}
.sidebar #navigation a{position:relative;min-height:48px;height:auto;padding:12px 13px;margin:5px 0;gap:12px;border:1px solid transparent;border-radius:7px;color:#d1dff0;font-size:14px;line-height:1.6;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.sidebar #navigation a:hover{background:#25476d;border-color:#6489b9;color:#fff}
.sidebar #navigation a.active{background:#1a5bc1;border-color:#518cf0;color:#fff;font-weight:700;box-shadow:0 4px 14px #07182b40}
.sidebar #navigation a.active::before{content:'';position:absolute;left:-1px;top:10px;bottom:10px;width:4px;border-radius:0 3px 3px 0;background:#ffbd67}
.sidebar #navigation a.active::after{content:'›';margin-left:auto;font-size:22px;font-weight:400;color:#bdeef7;line-height:1}
.sidebar #navigation .nav-caption{margin:19px 0 8px;padding:5px 12px;color:#b5c9e3;font-size:11px}
.sidebar .navicon{color:#8edfe8;font-size:21px}.sidebar a.active .navicon{color:#fff}.sidebar .nav-small{color:#b5cbea;font-size:9px;letter-spacing:.5px}
.sidebar-bottom{margin-top:10px;background:#10243f}.source-mini{color:#e0ebfa;border-color:#314d70;padding:14px 7px}.source-mini small{color:#b1c7e2;font-size:10px}.source-icon{background:#1d3b5d;border-color:#4f729a;color:#8ddce8}.settings-link{color:#c3d5ec;font-size:12px;padding:13px 7px}.settings-link:hover{background:#213e60;border-radius:5px;color:white}.identity{border-color:#314d70;padding:15px 24px;color:#fff}.identity small{color:#b7cbe7;font-size:10px}.sidebar .quiet{color:#c0d2e9}.sidebar .avatar{background:#294970;border-color:#6284ac;color:#fff}.avatar{background:#e2eaf8;border-color:#aebfd9;color:#234e87}
.main-shell{margin-left:264px}.topbar{background:#fff;border-bottom:1px solid #c4d1e3;box-shadow:0 2px 12px #10243f08;font-size:13px}.breadcrumb{color:#52667f}.slash{color:#70849c}#breadcrumb{color:#163a67;font-weight:650}.local-badge{color:#48617a}.local-badge i{background:#087c8c}.icon-button{color:#234f85}.small-button{font-size:12px;color:#164d94;border-color:#afc4e3;background:#f2f7ff;font-weight:600}.small-button:hover{background:#dfeaff;border-color:#4b7fc9}
main{padding-top:36px}.page-heading{position:relative;padding-bottom:20px;border-bottom:1px solid #cbd6e4;margin-bottom:26px}.page-heading::after{content:'';position:absolute;left:0;bottom:-2px;width:55px;height:3px;background:#d57a21;border-radius:2px}.page-heading h1,.reader-heading h1{color:#122b4e;font-family:var(--serif);font-weight:700}.page-heading h1{font-size:32px}.eyebrow{color:#00677d;font-size:10px;letter-spacing:1.7px;font-weight:700}.subtitle{color:#435a73;font-size:14px;line-height:1.9}.section-head h2{color:#162f50;font-size:19px}.section-head p{color:#4d627a;font-size:13px}.section-head h2 small{color:#52677f;font-size:12px}
h2,h3,h4{color:#193859}.smallprint,.method-label,.muted,.source-empty{color:#53677c;font-size:12px;line-height:1.85}.footer{color:#50647c;font-size:11px;border-top:1px solid #ccd8e7;background:#f4f7fb}.loading{color:#345c88;font-size:14px}.empty{color:#4a6079;border-color:#b0c3da;font-size:14px;background:#fff}.empty strong{color:#1e426e;font-size:17px}.empty p{font-size:13px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00859d;outline-offset:3px}.sidebar a:focus-visible,.sidebar button:focus-visible{outline-color:#ffbd67}.button{font-size:13px;font-weight:600;border-color:#b4c6df;color:#214f8b;background:#fff;border-radius:6px;padding:10px 16px}.button:hover{background:#e8f0ff;border-color:#4278c3;filter:none}.button.primary{background:#1857b6;border-color:#1857b6;color:#fff;box-shadow:0 3px 8px #164d9b20}.button.primary:hover{background:#10418d;border-color:#10418d;color:#fff}.button.dark{background:#102f56;color:#fff}.button.ghost{color:#1757a4}.button.danger{color:#a13228}.button:active{transform:translateY(1px)}.text-link{color:#1857a7;font-size:12px;font-weight:600}.text-link:hover,.card-bottom a:hover{color:#073e86;text-decoration:underline;text-underline-offset:4px}.card-bottom{color:#1857a7;border-color:#d6e0ed}.card-bottom button{color:#1857a7;font-size:12px}.card-bottom a{font-size:12px}.buttons .button{margin-top:0}.tag{color:#175c77;background:#e3f4f8;font-size:11px;font-weight:600;border:1px solid #b9dde6;padding:3px 8px}.tag.blue{color:#174e96;background:#e8f0ff;border-color:#b7cdee}.tag.gray{color:#455b74;background:#edf1f7;border-color:#ccd8e7}.tag.amber{color:#914309;background:#fff0db;border-color:#e9bf85}.tag.rose{color:#963d35;background:#fff0ec;border-color:#e7c0b7}.metadata{color:#4b617a;font-size:12px}.brain-result .metadata,.brain-theme .metadata{font-size:11px}
.tabs{border-color:#bccde2;gap:8px;padding-bottom:14px}.tabs .tab{font-size:13px;color:#34577c;background:#f5f8fd;border:1px solid #c4d3e6;padding:8px 14px;border-radius:6px}.tabs .tab:hover{color:#173f77;background:#dfebfc;border-color:#6893ce}.tabs .tab.active{background:#1857b6;border-color:#1857b6;color:white;font-weight:650;box-shadow:0 3px 8px #15498f22}.tabs small{font-size:11px;opacity:1}
.field,label.field{color:#304d6e;font-size:12px;font-weight:600}.field input,.field textarea,.field select,label input,.catalog-filters select,.catalog-filters input,.atlas-filters input:not([type=checkbox]),.topic-prepare input,.topic-prepare select,.topic-prepare textarea,.filter-select,.note-editor-line select{color:#172f4b;background:#f9fbff;border:1px solid #9eb5d1;border-radius:6px;font-size:14px;font-weight:400}.field input:focus,.field textarea:focus,.field select:focus,.catalog-filters input:focus,.catalog-filters select:focus{border-color:#1b68bf;box-shadow:0 0 0 3px #d8e8ff}input::placeholder,textarea::placeholder{color:#60768d;opacity:1}.searchbox{border-color:#a7bdd7;background:#fff}.searchbox input{color:#203951;font-size:14px}.searchbox span{color:#326997}
.topic-card,.research-card,.atlas-card,.brain-theme,.brain-result,.note-list-card,.side-panel,.catalog-filters,.knowledge-note{border-color:#c7d4e5;border-radius:9px;box-shadow:0 3px 12px #14375b05}.topic-card,.research-card,.atlas-card,.brain-theme,.note-list-card{transition:border-color .15s,box-shadow .15s}.topic-card:hover,.research-card:hover,.atlas-card:hover,.brain-theme:hover,.note-list-card:hover{border-color:#7199cc;box-shadow:0 6px 18px #153d7012}.topic-card:focus-within,.research-card:focus-within,.atlas-card:focus-within,.brain-theme:focus-within{border-color:#1857b6;box-shadow:0 0 0 2px #d3e3fc}.topic-title,.result-title,.theme-title{color:#143d70}.topic-title:hover,.result-title:hover,.theme-title:hover{color:#0b58b4}.result-title{font-size:18px;font-weight:650}.topic-title{font-size:21px}.theme-title{font-size:25px}.theme-title span{color:#1c699f}.topic-context{color:#4f647c;font-size:13px}.topic-categories a,.topic-categories>span{color:#006579;background:#eaf6f9;border-color:#a3d1dc;font-size:11px}.topic-categories a:hover{color:#fff;background:#006579;border-color:#006579}.topic-card .card-bottom>span{color:#4e6480}.path-intro{background:#102f56;color:#fff;border-color:#102f56;box-shadow:0 5px 18px #0f2c4b14;position:relative;overflow:hidden;border-left:4px solid #eea64d}.path-intro strong{color:#fff;font-size:23px}.path-intro span{color:#d1e1f4;font-size:13px}.path-intro a{color:#99e8ee}.path-intro a:hover{color:#fff;text-decoration:underline}.result-line{color:#49627e;font-size:12px;gap:12px}.topic-source .markdown{color:#29445f}.catalog-method,.catalog-method p{color:#435d79}.source-file-links a{color:#1857a7}.research-scope{background:#fff2df;border:1px solid #ebcca2;border-left:4px solid #bd6511;color:#69421c;border-radius:6px}.research-scope strong{color:#693b0d}.research-card small{color:#536984;font-size:12px}.research-card .passage-excerpt{font-size:14px;line-height:1.9;max-height:164px;color:#354e6a}.passage-excerpt{color:#405974;font-size:14px}.match-reason{font-size:12px;color:#006a7d}.result-actions{color:#4c637c;border-color:#d5e0ec;font-size:11px}.passage-excerpt mark{background:#ffe3ac;color:#663b0a}
.main-entrances a{border-color:#bacde3;border-top:3px solid #1a61bb;background:#fff;box-shadow:0 3px 12px #123c6806}.main-entrances a:nth-child(2){border-top-color:#00798c}.main-entrances a:nth-child(3){border-top-color:#c76c13}.main-entrances a:hover{background:#f2f7ff;border-color:#337bc7;box-shadow:0 5px 18px #123c6814}.main-entrances small{color:#00677e;font-size:10px;font-weight:700}.main-entrances strong{color:#173c6c;font-size:20px}.main-entrances span{color:#4e647e;font-size:13px}.brain-entry{border-color:#a9c4e2;background-color:#e5effb;background-image:radial-gradient(#577fa433 .7px,transparent .7px);background-size:18px 18px;border-left:4px solid #1d64bb;border-radius:8px}.brain-search{border-color:#9bb8d8;box-shadow:0 3px 12px #143d6d0c}.brain-search textarea{color:#173a61;font-size:15px}.hero-search textarea{font-size:17px}.brain-search>span{color:#1d689e}.brain-search:focus-within{border-color:#1767bd;box-shadow:0 0 0 3px #cbdfff}.quick-prompts{color:#465f7b;font-size:12px}.quick-prompts a{color:#15579e;border-color:#5b90c6}.knowledge-stats{color:#45607b;font-size:12px;border-color:#bdcde0}.knowledge-stats b{color:#153f73;font:600 29px var(--sans)}.brain-theme>p{color:#405b76;font-size:13px}.theme-composition span{background:#edf3fb;color:#46617e;border:1px solid #d1deef;font-size:11px}.theme-composition b{color:#124f93;font-weight:700}.theme-sources{color:#4d647e;font-size:11px}.history-item{border-color:#dce5ef}.history-item strong{font-size:13px;color:#244c78;font-weight:500}.history-item small{font-size:11px;color:#586f89}.side-panel h3{font-size:15px;color:#1b416e;font-weight:650}.side-panel p{font-size:13px;color:#455f79}.route-explanation>div{border-color:#1f72b7}.route-explanation>div:nth-child(2){border-color:#00879a}.route-explanation>div:nth-child(3){border-color:#c4751e}.route-explanation strong{color:#1c426f;font-size:14px;font-weight:650}.route-explanation p{color:#506983;font-size:13px}
.atlas-check{font-size:13px;border-color:#d5dfec}.atlas-check:hover{background:#edf4ff}.atlas-check:has(input:checked){background:#e0ebff;color:#114b96;border-left:3px solid #1a61bb;padding-left:7px}.atlas-check input{accent-color:#1857b6}.atlas-check b{color:#005f77}.atlas-check small{color:#49627e}.atlas-outline a{color:#3c5b7d;font-size:13px}.atlas-outline a:hover{color:#145ab1;text-decoration:underline}.discovery-sections h2 small{color:#49637e}.discovery-basis{border-top:3px solid #006e86}.concept-chip{color:#006275;background:#ecf8fa;border-color:#a8cfda;font-size:12px}.concept-chip small{color:#4e647e;font-size:10px}.concept-chip:hover{background:#cfeef2;border-color:#3c99ad;color:#004b60}.explore-summary{color:#395d80;font-size:13px}.explore-summary strong{color:#154e94;font:600 28px var(--sans)}.explore-summary span{color:#4b637d}.retrieval-details{background:#e9f1fb;border-color:#b5cce6;color:#3e5c7e;font-size:12px}.retrieval-details summary{color:#1a4f86;font-weight:600}.term-line>span{color:#3d5a78}.explore-nav h3{color:#254b75;font-size:13px;font-weight:600}.explore-group{color:#375a7d;font-size:13px}.explore-group b{color:#4f6884;font-size:11px}.explore-group:hover{background:#dde9fa;color:#164e95}.explore-group.active{background:#1857b6;color:#fff;font-weight:650;box-shadow:inset 3px 0 #ffbd67}.explore-group.active b{color:#fff}
.reader-toolbar{color:#345c83;background:#e7effa;border-color:#b4c9e4;font-size:12px}.reader-toolbar .button{font-size:12px}.original-text{color:#213951;font-size:15px;line-height:2;border-color:#b4c9e4;background:#fff}.original-text::selection,.original-text *::selection{background:#b7ddff;color:#102c50}.original-text mark{background:#ffe6ac;color:#513400}.original-text .passage-mark{background:#ffe0a0;border-color:#b96b13}.reader-pagination{font-size:12px;color:#4c6580}.reader-toc h3{color:#234e7c;font-size:13px}.reader-toc a{color:#46627e;font-size:12px;border-color:#bdcfe4}.reader-toc a.active{color:#114f9e;border-color:#1857b6;border-left-width:3px;font-weight:650}.reader-connections h3{font-size:14px}.reader-connections h4,.reader-connections summary{color:#375a80;font-size:12px}.reader-connections .concept-chip{font-size:11px}.reading-link{border-color:#d7e2ee}.reading-link strong{color:#214d7b;font-size:13px;font-weight:500}.reading-link small{color:#566c83;font-size:11px}.reading-link:hover{background:#f0f6ff}.reading-link:hover strong{color:#0c56b0}.passage-composer,.document-annotation{border-color:#b9cde3}.passage-composer h3,.document-annotation h3{font-size:14px;color:#1c4774}.passage-composer blockquote{color:#344f69;background:#eaf3fc;border-color:#1779ab;font-size:13px}.passage-composer textarea,.document-annotation textarea,.passage-note textarea{color:#203e5e;border-color:#acbfd7;background:#fbfdff;font-size:14px}.passage-note>a{font-size:12px;color:#205a94}.note-list-card p{color:#3d5873;font-size:14px}.note-list-card blockquote{color:#6e4b22;background:#fff2dc;border-color:#c88431;font-size:14px}.knowledge-note .body-editor{color:#233e5b;font-size:15px}.knowledge-note .editor-title{color:#143f71}.note-editor-line{border-color:#c6d6e8}.note-editor-line select{color:#244f7c;font-size:13px}.note-editor-line span{color:#3f6286;font-size:12px}
.markdown{color:#29445f;font-size:14px}.markdown blockquote{color:#345c7e;background:#edf5fc;border-color:#3786b4}.markdown code{color:#254f7c;background:#e9f0f9}.markdown th{background:#e7effa}.markdown th,.markdown td{color:#294864;border-color:#bccde2;font-size:12px}.markdown pre{background:#edf3fa;color:#274963}.error-text{color:#a33b2e}.data-table th{color:#3c5a78;background:#edf3fa;font-size:12px}.data-table td{color:#3c5872;font-size:13px}.table-sub{color:#59718b;font-size:11px}.note-bar{color:#375675;background:#ecf3fc}.login-screen{background:#10243f}.login-card{border-color:#6084b3;box-shadow:0 20px 80px #0004}.login-card h1{color:#143f71}.login-card p{color:#4c657e;font-size:14px}.login-card label{color:#344e6c;font-size:13px}#toast{background:#153e70;color:white;font-size:13px}
@media(max-width:1100px){.sidebar{width:240px}.main-shell{margin-left:240px}.sidebar .brand{font-size:24px;padding-left:10px}.sidebar #navigation a{font-size:13px}.workspace-tag{font-size:10px;padding-left:8px;padding-right:8px}}
@media(max-width:680px){.sidebar{width:264px;padding-top:22px}.main-shell{margin-left:0}.sidebar .brand{font-size:25px}.sidebar #navigation a{font-size:14px;min-height:45px;padding-top:10px;padding-bottom:10px}.sidebar .nav-caption{margin-top:6px}.workspace-tag{font-size:10px;padding:14px 10px}.source-mini{padding-top:10px;padding-bottom:10px}.identity{padding-top:11px;padding-bottom:11px}.page-heading h1{font-size:27px}.subtitle{font-size:13px}.page-heading{padding-bottom:17px}.eyebrow{font-size:9px}.topbar{font-size:12px}.brain-search textarea{font-size:14px}.button{font-size:12px}.brain-search .button{font-size:11px}.tabs .tab{font-size:12px;padding:8px 11px}.result-title{font-size:17px}.topic-title{font-size:20px}.knowledge-stats span{font-size:11px}.knowledge-stats b{font-size:25px}.reader-heading .metadata{font-size:11px}.reader-toolbar{font-size:11px}.reader-toolbar .button{font-size:11px}.original-text{font-size:14px}.result-actions{font-size:11px;flex-wrap:wrap}.metadata,.brain-result .metadata{font-size:11px}.brain-theme .metadata{font-size:11px}.theme-sources{font-size:11px}.atlas-card .topic-title{font-size:19px}.path-intro strong{font-size:21px}.catalog-filters .field{font-size:12px}.reader-connections .concept-chip{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sidebar #navigation a,.topic-card,.research-card,.atlas-card,.brain-theme,.note-list-card{transition:none}.button:active{transform:none}}
.setting-box{background:#edf3fb;border-color:#c1d2e7;color:#345573;font-size:13px}.setting-box small{color:#4d6784;font-size:11px}.setting-box strong{color:#1f4e81}.source-path{background:#edf3fb;color:#405f7f;font-size:12px}.profile-note{color:#466582;border-color:#3f83ba;font-size:13px}.version-row{color:#405b77;font-size:12px}.modal-head{border-color:#c6d5e7}.modal-head h2{color:#173c69}.modal-foot{border-color:#c6d5e7;background:#f2f6fb}.preview-body{color:#294b6a}.pending-edit{color:#955111}
/* v0.5: a brighter blue learning studio, with the owner's supplied portrait. */
:root{--paper:#f3f7fd;--navy:#164c91;--green:#1769d2;--studio-blue:#1769d2;--line:#c5d8ee}
body{background:#f3f7fd}.sidebar{background:linear-gradient(175deg,#f0f7ff 0%,#e4efff 100%);border-right:1px solid #b6cee9;color:#244f80;box-shadow:3px 0 18px #28599208}.sidebar .brand{color:#1556a3}.workspace-tag{color:#43658b}.workspace-tag>span:last-child{color:#195598;border-color:#b6d0ef;background:#fff}.workspace-tag .status-dot,.sidebar .source-mini>.status-dot{background:#008995;box-shadow:0 0 0 3px #00899514}.sidebar .nav-caption,.sidebar #navigation .nav-caption{color:#41668c}.sidebar #navigation{scrollbar-color:#7cabe3 #d6e6fa}.sidebar #navigation::-webkit-scrollbar-track{background:#d6e6fa}.sidebar #navigation::-webkit-scrollbar-thumb{background:#7cabe3;border-color:#d6e6fa}.sidebar #navigation::-webkit-scrollbar-thumb:hover{background:#387bd0}.sidebar #navigation a{color:#254f7c}.sidebar #navigation a:hover{background:#cee3ff;border-color:#80afe8;color:#123e78}.sidebar #navigation a.active{background:#1769d2;border-color:#1769d2;color:#fff;box-shadow:0 4px 12px #1769d228}.sidebar #navigation .navicon{color:#1761a5}.sidebar #navigation a.active .navicon{color:#fff}.sidebar #navigation a.active::before{background:#ffcb76}.sidebar #navigation a.active::after{color:#fff}.sidebar .nav-small{color:#4d6d96}.sidebar #navigation a.active .nav-small{color:#fff}.sidebar-bottom{background:transparent;border-top:1px solid #bcd2eb}.source-mini{color:#254c77;border-color:#bcd2eb}.source-mini small{color:#4b6c91}.source-icon{background:#f4faff;border-color:#a8c9ee;color:#147397}.settings-link{color:#335f8d}.settings-link:hover{color:#134f9d;background:#d5e7ff}.identity{color:#194478;border-color:#bcd2eb;gap:12px}.identity small{color:#496c93}.sidebar .quiet{color:#315a88}.sidebar a:focus-visible,.sidebar button:focus-visible{outline-color:#1672da}.topbar{border-bottom-color:#c4d7ef;background:#fff}.path-intro{background:linear-gradient(110deg,#e1efff,#eff9ff);border-color:#abcdf5;border-left-color:#e6a341;color:#174d8b;box-shadow:0 4px 15px #296cb510}.path-intro strong{color:#1559a7}.path-intro span{color:#3e6288}.path-intro a{color:#075ea2}.path-intro a:hover{color:#10498a}.brain-entry{background-color:#eaf4ff;border-color:#a9cef5;border-left-color:#2375d4;background-image:radial-gradient(#619cd133 .7px,transparent .7px)}.main-entrances a{background:#fff;border-color:#bed6f1;border-top-color:#277ce0}.main-entrances a:nth-child(2){border-top-color:#1998b1}.main-entrances a:nth-child(3){border-top-color:#e5a245}.main-entrances a:hover{background:#f1f8ff;border-color:#599ae6}.button.primary{background:#1769d2;border-color:#1769d2}.button.primary:hover{background:#1156b1;border-color:#1156b1}.tabs .tab.active,.explore-group.active{background:#1769d2;border-color:#1769d2}.login-screen{background:linear-gradient(135deg,#e6f1ff,#f8fbff)}.portrait-avatar{position:relative;display:inline-block;flex:0 0 48px;width:48px;height:48px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#d6e8fb;box-shadow:0 0 0 1px #95bce9}.portrait-avatar img{position:absolute;display:block;width:300%;max-width:none;height:auto;left:-130%;top:-2%}.portrait-avatar.small{width:36px;height:36px;flex-basis:36px}.identity .portrait-avatar{margin-left:0}.top-actions .portrait-avatar{margin-left:3px}
.cloud-sidebar-actions{padding:12px 5px 10px;display:grid;gap:8px}.cloud-sidebar-actions>a{display:block;border:1px solid #97bce9;border-radius:8px;padding:9px 12px;color:#194e90;font-size:12px;font-weight:650;background:#e2edff}.cloud-sidebar-actions>a:hover{background:#cde2ff;border-color:#4288d8}.cloud-sidebar-actions>.cloud-sync-link{color:#086577;background:#dcf2f7;border-color:#8bc5d3}.cloud-sidebar-actions>a.active{background:#1769d2;color:white;border-color:#1769d2}.storage-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#416888;background:#f5faff;border:1px solid #bdd4ec;padding:8px 11px;border-radius:8px}.storage-status i{width:6px;height:6px;background:#18a087;border-radius:50%}.cloud-status-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8f4ff;border:1px solid #b4d5f5;border-left:4px solid #3186d9;border-radius:9px;padding:25px;margin-bottom:25px}.cloud-status-panel h2{margin:12px 0 8px;font-size:23px}.cloud-status-panel p{color:#426482;margin:0}.cloud-status-pill{color:#155a9e;background:#fff;border:1px solid #a7c9ed;border-radius:20px;padding:4px 12px;font-size:12px}.cloud-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.cloud-counts>div{background:#fff;border:1px solid #c5d8ec;border-radius:8px;padding:20px;display:flex;align-items:center;gap:14px}.cloud-counts strong{font-size:28px;color:#1e63ac}.cloud-counts span{color:#4c6986;font-size:13px}.cloud-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0}.cloud-columns>.side-panel{min-width:0;padding:25px}.cloud-columns h2,.cloud-conflicts h2{font-size:20px;margin-top:0}.cloud-columns .button{width:auto;margin-top:10px}.cloud-transfer-buttons{display:flex;flex-wrap:wrap;gap:12px}.cloud-diff{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cloud-diff pre{font:13px/1.9 var(--sans);white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;background:#f2f7fe;border:1px solid #c3d7ed;padding:15px}.cloud-conflicts>.side-panel{margin-bottom:18px}.cloud-check{display:flex;align-items:center;gap:10px;color:#335d84;margin:16px 0;font-size:13px}.cloud-check input{display:inline;width:16px;height:16px;margin:0;accent-color:#1769d2;flex:0 0 16px}.deployment-steps{padding-left:23px}.deployment-steps li{padding:9px 0;color:#24537e}.deployment-steps span{display:block;color:#4d6781;font-size:13px;margin-top:5px}.sidebar .source-mini{padding-top:9px;padding-bottom:9px}.sidebar .settings-link{padding-top:9px;padding-bottom:9px}@media(max-width:900px){.cloud-columns,.cloud-diff{grid-template-columns:1fr}.cloud-counts{grid-template-columns:repeat(2,1fr)}.cloud-status-panel{flex-direction:column;align-items:flex-start}}@media(max-width:680px){.cloud-counts>div{padding:15px;gap:8px}.cloud-counts strong{font-size:23px}.cloud-counts span{font-size:11px}.cloud-sidebar-actions{padding-top:8px;padding-bottom:8px;gap:6px}.cloud-sidebar-actions>a{padding:8px 10px}.cloud-columns>.side-panel{padding:20px}.cloud-status-panel h2{font-size:21px}}
/* Compact utility area: preserve space for the primary knowledge navigation. */
.sidebar .cloud-sidebar-actions{padding:9px 12px 7px;gap:5px}
.sidebar .cloud-sidebar-actions>a{display:flex;align-items:center;gap:9px;min-height:32px;padding:5px 10px;border-radius:6px;font-size:12px;line-height:20px;font-weight:550}
.utility-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;color:inherit}
.utility-icon svg{width:17px;height:17px;display:block}
.sidebar .storage-status{gap:9px;padding:4px 10px;min-height:28px;border-radius:6px;font-size:11px;line-height:18px}
.sidebar .storage-status i{margin-left:auto;flex:0 0 5px;width:5px;height:5px}
.sidebar .source-mini{margin:0 12px;padding:7px 0;gap:8px;font-size:10px}
.sidebar .source-icon{width:25px;height:25px;flex:0 0 25px;border-radius:5px;font-size:16px}
.sidebar .source-mini small{font-size:9px;margin-top:1px}
.sidebar .settings-link{width:calc(100% - 24px);margin:0 12px;padding:6px 0;font-size:11px}
.sidebar .identity{padding:10px 24px;gap:10px}
.sidebar .identity .portrait-avatar{width:34px;height:34px;flex-basis:34px}
.sidebar .identity small{font-size:9px}
@media(max-width:680px){.sidebar .cloud-sidebar-actions{padding-top:7px;padding-bottom:6px}.sidebar .cloud-sidebar-actions>a{padding:5px 10px}.sidebar .identity{padding-top:9px;padding-bottom:9px}}
/* Align every utility row to the same 32px bar; settings follow cloud sync. */
.sidebar .cloud-sidebar-actions>a,.sidebar .cloud-sidebar-actions>.settings-link,.sidebar .cloud-sidebar-actions>.source-mini,.sidebar .cloud-sidebar-actions>.storage-status{width:100%;height:32px;min-height:32px;margin:0;border-radius:6px;box-sizing:border-box}
.sidebar .cloud-sidebar-actions>.settings-link{display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid #97bce9;background:#e2edff;color:#194e90;font-size:12px;line-height:20px;font-weight:550}
.sidebar .cloud-sidebar-actions>.settings-link:hover{background:#cde2ff;border-color:#4288d8;color:#134f9d}
.sidebar .cloud-sidebar-actions .utility-arrow{margin-left:auto;font-size:11px;float:none}
.sidebar .cloud-sidebar-actions>.source-mini{padding:4px 10px;gap:9px;background:#f5faff;border:1px solid #bdd4ec;color:#254c77}
.sidebar .cloud-sidebar-actions .source-icon{width:17px;height:17px;flex:0 0 17px;font-size:17px;background:transparent;border:0;border-radius:0;color:#426c94}
.sidebar .cloud-sidebar-actions .source-mini>div{min-width:0;font-size:11px;line-height:12px}
.sidebar .cloud-sidebar-actions .source-mini small{font-size:9px;line-height:10px;margin:0;color:#4b6c91}
.sidebar .cloud-sidebar-actions .source-mini>.status-dot{flex:0 0 5px;margin-left:auto}