/* Locally bundled gradient artwork, available without external image hosts. */
body { background-image: url('assets/gradient-dark.svg'); background-size: cover; background-position: center top; background-attachment: fixed; }
body[data-theme="notion"] { background-image: url('assets/gradient-light.svg'); --text-muted:#5c6678; --text-dim:#69758a; --border:rgba(55,75,110,.16); --bg-secondary:#eef2f8; --accent:#246eaa; }
.header-nav { backdrop-filter:blur(22px); }
.channel-hero-card,.domain-card,.project-card,.legal-portal-card,.admin-shell { background:color-mix(in srgb,var(--bg-card) 92%,transparent); }
#color-mode-toggle { font-size:25px; line-height:1; border:1px solid var(--border); background:var(--bg-card); color:var(--text-main); cursor:pointer; flex-shrink:0; width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; }
#color-mode-toggle:hover { border-color:var(--accent); }
#color-mode-toggle:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.channel-stats-grid .stat-number { font-variant-numeric:tabular-nums; }
.cms-oauth-options { border-top:1px solid var(--border); margin-top:18px; padding-top:16px; display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:900px){ .nav-container {flex-wrap:wrap;gap:10px;} .nav-right-socials {display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:100%;min-width:0;flex-shrink:1;} .admin-shell {grid-template-columns:1fr;} .admin-sidebar {max-height:none;} }
/* Do not let dense header groups shrink Chinese labels into columns. */
.nav-container { height:auto; min-height:64px; flex-wrap:wrap; padding-top:10px; padding-bottom:10px; gap:10px 14px; }
.brand-wrap,.nav-tabs-center,#nav-user-status-wrap { flex:0 0 auto; }
.brand-wrap,.brand-title,.brand-badge,.nav-tab-btn,#nav-user-status-wrap,.nav-right-socials a { white-space:nowrap; }
.nav-tabs-center { max-width:100%; flex-wrap:wrap; justify-content:center; }
.nav-tab-btn { flex:0 0 auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
[data-custom-nav] { max-width:min(240px,100%); }
#nav-user-status-wrap { min-width:0; max-width:100%; margin-left:auto; }
#nav-user-status-wrap > div { max-width:100%; flex-wrap:wrap; }
#nav-user-status-wrap img,#nav-user-status-wrap a { flex-shrink:0; }
#nav-user-status-wrap span { overflow:hidden; text-overflow:ellipsis; max-width:200px; }
.nav-right-socials { flex:0 1 auto; min-width:0; max-width:100%; flex-wrap:wrap; }
.nav-right-socials > * { flex-shrink:0; }
.custom-pages-panel { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border); }
.custom-page-heading,.custom-page-row,.custom-page-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0; }
.custom-page-heading { justify-content:space-between; }
.custom-page-row a { flex:1 1 160px; overflow-wrap:anywhere; }
#custom-page-form { padding:16px; border:1px solid var(--border); border-radius:12px; }
.custom-page-article h1 { margin:22px 0; overflow-wrap:anywhere; }
[data-oauth-platform][hidden] { display:none!important; }
.admin-content,.admin-shell,#admin-subcontent { min-width:0; max-width:100%; }
@media(max-width:1100px) {
 .nav-right-socials { flex-basis:100%; justify-content:center; }
 .nav-tabs-center { margin-left:auto; }
}
@media(max-width:600px) {
 .nav-container { padding:10px 14px; }
 .brand-wrap { gap:6px; }.brand-title { font-size:1rem; }.brand-badge { margin-left:3px; }
 #nav-user-status-wrap { margin-left:0; flex:1 1 100%; justify-content:center; order:2; }
 .nav-tabs-center { order:3; width:100%; margin:0; }
 .nav-right-socials { order:4; justify-content:center; gap:8px; }
 .admin-content { padding:16px; }
 #admin-subcontent [style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr)!important; }
}
.modal-backdrop { z-index:2000; }
.custom-page-actions { padding-bottom:64px; }
@media(prefers-reduced-motion:reduce){* {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}}