/* Clear text on glass and scrollbars that follow the workspace theme. */
:root{--muted:#566252;--scroll-thumb:#94a18c;--scroll-hover:#697e60;color-scheme:light}
html:has(body.dark){--scroll-thumb:#64795c;--scroll-hover:#91aa85;color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
::-webkit-scrollbar{width:7px;height:7px;background:transparent}
::-webkit-scrollbar-track{background:transparent;margin:6px}
::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:12px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}
body.dark{--muted:#bdc9b8;color-scheme:dark}
aside{background:var(--surface)}
nav button{color:#52634d;font-size:13px}
#categories button{font-size:12px;line-height:1.5}
nav button .nav-count{font-size:11px}
.nav-label{color:#5a6b52;font-size:10px;letter-spacing:1.2px}
.search-shortcut{color:#586b50;font-size:12px}
kbd{color:#5b6b55;font-size:10px}
.brand-sub{font-size:10px}
.breadcrumbs{font-size:12px}
.local-status{font-size:11px}
.eyebrow{color:#516543;font-size:10px;letter-spacing:1.3px}
.intro p,.featured p,.library-heading p{font-size:12px}
.featured p{color:#526345}
.featured button{font-size:12px}
.art-caption{color:#536c44;font-size:10px}
.primary,.quiet{font-size:12px}
.search-field input{font-size:12px}
input::placeholder,textarea::placeholder{color:#65715f;opacity:1}
.toolbar select{font-size:12px}
.chip{font-size:11px;color:#52634d;padding:7px 11px}
.chip.active{color:#fff}
.card-title{font-size:13px;font-weight:700;line-height:1.5}
.card-description{font-size:11px;line-height:1.6;color:#4f5e49;min-height:35px}
.card{background:linear-gradient(135deg,#ffffffe6,#ffffffa8)}
.category-badge{font-size:10px;color:color-mix(in srgb,var(--cat) 80%,#17251b 20%)}
.card-footer{margin-top:10px;padding-top:9px}
.card-footer button,.card summary{color:#52634d}
.star{color:#6d7c62}
.star.on{color:#8d6c25}
.app-icon{color:color-mix(in srgb,var(--cat) 80%,#17251b 20%)}
.menu button{font-size:12px}
.helper,.dialog-subtitle{font-size:12px}
dialog label{font-size:12px}
.sidebar-bottom button{color:#52634d;font-size:12px}
.signature{font-size:10px;color:#586b50}
.signature strong{font-size:11px;color:#3d5235}
footer{font-size:11px;color:#53664a}
.launch-mark{font-size:12px;color:var(--muted);margin-left:3px;white-space:nowrap}
.address input{font-size:12px;color:#4f6246}
.tab{font-size:12px}
.dark nav button,.dark .sidebar-bottom button,.dark .search-shortcut,.dark .card-footer button,.dark .card summary{color:#c3d0bc}
.dark nav button.active{color:#eff7e8;background:#344b31}
.dark .nav-label,.dark .eyebrow,.dark kbd,.dark .signature,.dark .art-caption{color:#b7c9aa}
.dark .chip{color:#c4d3bc}
.dark .chip.active{background:#48643e;border-color:#648258;color:#fff}
.dark .card{background:linear-gradient(135deg,#344335d9,#202c26d9)}
.dark .card-description{color:#c2cfba}
.dark .category-badge,.dark .app-icon{color:color-mix(in srgb,var(--cat) 35%,#fff 65%)}
.dark .star{color:#a8bc9a}
.dark .star.on{color:#edca7e}
.dark .signature strong,.dark footer,.dark .address input{color:#c3d4b9}
.dark input::placeholder,.dark textarea::placeholder{color:#aebea4}
.dark .featured p{color:#d0ddc2}
.sidebar-collapsed aside{scrollbar-width:none}
.sidebar-collapsed aside::-webkit-scrollbar{display:none}
.brandmark.tidobytes-icon{object-fit:contain;display:block;background:none;padding:0;width:43px;height:43px;letter-spacing:normal;border-radius:0}
.wordmark{display:inline-block;width:90px;height:auto;vertical-align:middle}
.wordmark-dark{display:none}
.dark .wordmark-light{display:none}
.dark .wordmark-dark{display:inline-block}
.signature strong{display:inline-flex;align-items:center}
footer>span:first-child{display:flex;align-items:center;gap:7px}
.orbit-center{background:none;box-shadow:none;padding:0;letter-spacing:normal;border-radius:0}
.orbit-center img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 14px #49351a20)}
#settingsDialog #exportBtn{margin-top:20px}
@media(max-width:760px){
 .breadcrumbs{font-size:10px}
 .intro p{font-size:12px}
 .chip{font-size:10px}
 .library-heading .quiet{font-size:11px}
 .intro .eyebrow{font-size:9px}
 .addressbar #externalBtn{font-size:11px}
 footer{font-size:10px}
}