/* BlackTom / Blue Current. One visual layer for every page. */
:root{--bg:#f4f6f8;--ink:#29323d;--muted:#6e7886;--line:#e5e9ef;--accent:#5497e8;--soft:#e9f2fd;--lime:#d7f078;--coral:#ff9c81;--rail:196px;--surface:#fff;--shadow:0 4px 18px #2e4a6c06}
body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:#dcebff;color:#3976c2}.page-dashboard,.page-recordings,.page-biliup,.page-security{padding-left:var(--rail)}.ambient-scene{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient-orb{position:absolute;right:-170px;top:-260px;width:650px;height:650px;background:radial-gradient(circle,#d8e8fc8a,transparent 68%);border-radius:50%}.ambient-orb.blush{right:auto;top:auto;left:8%;bottom:-360px;background:radial-gradient(circle,#edf6c68c,transparent 68%)}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:not(:disabled):active,.tool-card:active{transform:translateY(1px) scale(.985)}.ui-icon{stroke-width:1.8}.eyebrow{color:#677280}.primary{background:var(--accent);box-shadow:0 4px 12px #508edc22;transition:transform .18s,box-shadow .18s,background .18s}.primary:hover{background:#4183d3;box-shadow:0 6px 16px #508edc33}.motion-toggle{font:inherit;font-size:10px;background:transparent;border:0;color:#666f7c;padding:5px 0}.motion-toggle:before{content:'✳';display:inline-block;margin-right:6px;color:var(--accent)}
/* Persistent navigation: vertical on desktop, bottom dock on phones. */
body .topbar{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;max-width:none;border:0;border-right:1px solid #e3e8ef;background:#fbfcfeeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:28px 16px 18px;z-index:30;box-shadow:none}body .brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:750;letter-spacing:-.5px;line-height:1.2;padding:0 7px;color:#2b3745;white-space:nowrap}.brand-caption{display:block;font-size:7px;font-weight:500;letter-spacing:1.45px;color:#686f79;margin-top:6px}.brand-mark.small{width:32px;height:36px;padding:3px;border-radius:10px;background:#e2edfc;flex-shrink:0}body .topbar nav{display:flex;flex-direction:column;align-self:stretch;gap:7px;margin:37px 0 0;padding:0;width:100%;order:initial;border:0;border-radius:0;background:none}body .topbar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:11px;background:transparent;color:#69727d;font-size:12px;white-space:nowrap;transition:background .18s,color .18s,transform .18s}body .topbar nav a .ui-icon{width:19px;height:19px}body .topbar nav a.active{background:#e5effc;color:#538ace;font-weight:650;box-shadow:inset 3px 0 #71a5e7}body .topbar nav a:hover{background:#ebf2fa;color:#5287cb;transform:translateX(2px)}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:18px 10px 0;border-top:1px solid var(--line)}.workspace-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c6775}.workspace-label i{width:5px;height:5px;background:#99ba64;border-radius:50%}body .topbar form{margin:0;width:100%}body .topbar .logout{display:flex;justify-content:space-between;width:100%;padding:7px 0;background:none;border:0;border-radius:0;font-size:10px;color:#656d78}.logout:hover{color:var(--accent)}.nav-bottom .motion-toggle{text-align:left}.page-security .security-workspace{max-width:1080px;padding-top:26px}.page-recover .security-workspace{margin:35px auto;max-width:650px}
/* Dashboard rhythm. */
.overview-row .intro{background:linear-gradient(115deg,#e1edfb,#e9f1fc 70%,#e6edf8);border:1px solid #d4e3f5;box-shadow:none}.overview-row .intro .eyebrow{color:#64768d;font-size:10px;letter-spacing:.6px}.overview-row .intro h1{color:#323e50}.heading-spark{color:#5e7ea9;transform:rotate(-12deg)}.workspace-clock{color:#67707e}.workspace-clock strong{color:#64768e}.hero-character{filter:drop-shadow(0 5px 10px #779ac619);mask-image:linear-gradient(#000 78%,transparent)}.summary-grid>article,.summary-grid>a{background:#fff;border-color:#e4e9f0;box-shadow:var(--shadow)}.summary-grid>article:first-child{background:#ebf6c2;border-color:#e0edb5}.summary-grid>article:first-child .summary-icon{background:#dceda6;color:#617239}.summary-grid>article:first-child p{color:#636e4a}.summary-grid>article:first-child strong{color:#4d6137}.summary-grid>article:nth-child(2) .summary-icon{background:#e8f1fd;color:#607896}.summary-grid>a .summary-icon{background:#fff0e9;color:#896254}.summary-grid strong{color:#495566}.summary-arrow{color:#677180}.section-heading h2{font-weight:650;font-size:15px;color:#414d5d}.section-heading h2:before{display:none}.section-heading>span{font-size:10px;color:#686f78}.tool-card{background:#fff;box-shadow:var(--shadow);border-color:#e5e9ef;transition:transform .2s ease,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);border-color:#b4cef0;box-shadow:0 10px 25px #5085c815}.tool-card h3{color:#4d5d72}.tool-card p,.tool-meta{color:#68707b}.tool-icon{transition:transform .25s ease}.tool-card:hover .tool-icon{transform:rotate(-8deg) scale(1.07)}.blue{color:#617b9b;background:#e8f1fc}.amber{color:#876645;background:#fff3e2}.green{color:#5b725c;background:#edf7e9}.violet{color:#626c7f;background:#edf1f8}.operations-row .bili-summary{background:#e9f1fa;border-color:#d5e2f2;box-shadow:none;backdrop-filter:none}.operations-row .bili-summary strong{color:#5d80ae}.operations-row .bili-summary span{color:#677280}.operations-row .bili-summary a{color:#60738e}.operations-row .activity-panel{background:#fff;border-color:#e3e8ef;backdrop-filter:none;box-shadow:var(--shadow)}.activity-item strong{color:#626e7f}.activity-item span{color:#656e7a}.activity-item small{color:#676e78}.hosts-panel{background:#ebeff4;border:1px solid #dde4ec;box-shadow:none}.server-card{background:#ffffffdf;border-color:#e2e7ee;box-shadow:0 2px 10px #34496603;transition:border-color .2s,box-shadow .2s,transform .2s}.server-card:hover{border-color:#bccce2;box-shadow:0 6px 18px #546b8c0c;transform:translateY(-2px)}.server-title h3{color:#58687f}.region-icon{background:#eaf1fa;color:#637286}.status-tag{background:#edf5df;color:#606e4b}.stale .status-tag{background:#fbecdf;color:#846454}.metric span{color:#656d78}.metric strong{color:#647184}.server-card progress::-webkit-progress-bar{background:#eff3f9}.server-card progress::-webkit-progress-value{background:#7aa8e4}.server-card progress[data-bar=memory]::-webkit-progress-value{background:#a9c76f}.server-card progress[data-bar=disk]::-webkit-progress-value{background:#f0b49e}.capacity-summary{background:#f5f8fc;border-radius:7px;margin-top:10px;padding:7px 8px;color:#666e79;font-size:9px}.capacity-summary strong{font-size:9px;color:#647184;font-weight:500}.capacity-summary small{display:none}.network-row{color:#66707f}.cloud-detail{border-color:#e6ecf5;color:#68717e;font-size:9px;padding-top:7px;margin:8px 0}.cloud-heading{font-size:8px;color:#686f79}.cloud-row strong{font-size:9px;color:#647185}.cloud-caption{font-size:8px}.server-bottom{border-color:#eaeff5;color:#67707d}.server-card .cloud-warning{color:#876554}.server-card progress[data-bar=traffic]::-webkit-progress-value{background:#93aed4}.trend-panel,.recent-panel{border-color:#e2e7ef;background:#ffffffd9;box-shadow:var(--shadow)}.trend-heading h2{color:#5f7088}.trend-heading .eyebrow{color:#677281}.trend-controls select{background:#f9fbfd;border-color:#e7ecf4;color:#647184}.metric-tabs button{color:#65707f}.metric-tabs .selected{background:#619ae2;color:#fff;box-shadow:0 3px 8px #87a4ce10}.chart-caption{color:#646e7c}.chart-tooltip{background:#fff;border-color:#d6e1f1;color:#647287;box-shadow:0 8px 22px #62799a10}.recent-date{background:#ebf2fb;color:#647081}.recent-title strong{color:#646f80}.recent-title small{color:#646d7a}.recent-recording{border-color:#ebf0f6;transition:transform .18s}.recent-recording:hover{transform:translateX(3px)}.recent-recording:hover .recent-title strong{color:#607697}.live-label{color:#656f7d}.live-label:before{background:#b4cba0}.footer{color:#676d77}.filing-links{color:#656e7b}
/* Library and account pages share the same visual language. */
.recordings-workspace>.intro{padding:0 0 4px}.recordings-workspace>.intro h1{color:#606d81}.recordings-workspace>.intro .muted{color:#686f78}.calendar-panel{background:#ffffffde;border-color:#e2e7ef;box-shadow:var(--shadow)}.calendar-heading h2{color:#62728a}.calendar-heading .eyebrow{color:#646e7d}.calendar-heading>.ui-icon{color:#646e7d}.calendar-month strong{color:#607189}.calendar-nav{background:#f4f7fc;color:#657388;border-color:#e5ecf6}.calendar-jump select{border-color:#e4ebf5;background:#fafbfd;color:#627288}.calendar-jump button{background:#dee7f4;color:#64748c}.calendar-weekdays,.calendar-legend{color:#646e7d}.calendar-day{background:#f5f8fc;color:#6f6674}.calendar-day.available{background:#e9f0f9;color:#626f81;border-color:#dee7f3}.calendar-day.selected{background:#619ae2;border-color:#619ae2;color:white}.calendar-day small{color:#68717d}.calendar-day.selected small{color:#fff}.calendar-day.available:hover{background:#dde7f4;border-color:#bfd0e8}.calendar-legend{border-color:#e6ecf5}.calendar-legend i{background:#619ae2}.search-form input{background:#fff;border-color:#dfe6ef;color:#626e80}.search-form input::placeholder{color:#656b75}.search-form button{background:#5597e9;color:#fff}.recording-group{background:#ffffffd9;border-color:#e4eaf3;box-shadow:var(--shadow)}.recording-group summary{background:#f6f9fc;color:#627084;font-size:12px}.recording-group summary span{color:#646c79}.recording-row{border-color:#edf1f7}.recording-row h3{color:#647185;font-size:11px}.recording-row p{color:#656e7b;font-size:9px}.download-link{color:#61738e}.recording-filter{background:#e4ecf7;color:#65758b}.recordings-content .data-note{color:#666f7d}.pagination{color:#656e7b}.pagination a{color:#637287}.security-panel{background:#ffffffdf;border-color:#e4eaf2;box-shadow:var(--shadow);border-radius:15px;margin:16px 0;padding:23px}.security-panel h1,.security-panel h2{color:#616f84}.security-panel p,.security-panel label{color:#67707e;font-size:12px}.security-panel input{border-color:#e2e9f3;color:#647184;background:#fbfcfe}.security-panel input::placeholder{color:#666d77}.security-panel .primary{background:#5597e9}.security-panel #security-status{color:#646e7e}.security-panel li{border-color:#e6ecf4;color:#667182}.security-panel li button{border-color:#dee7f5;color:#646e7d}.page-recover .text-link,.page-security .text-link{color:#627289}
/* biliup retains its status semantics and compact console structure. */
.bili-console{--bc-ink:#8799b4;--bc-muted:#a7b7ce;--bc-blue:#9ab1d2;--bc-line:#e4ebf6}.bili-title h1{color:#637287}.bili-app-icon{background:#e5edf9;border-color:#e5edf9;color:#637082;box-shadow:none}.bili-title .eyebrow{color:#646e7c}.bili-version{background:#edf2fa;border-color:#e3ebf6;color:#647083}.bili-topbar .bili-manage{background:#fff;color:#647184;border-color:#dfe7f2}.bili-connection{color:#646d7b}#bili-api-state{background:#edf2f9;color:#646d7b}.bili-refresh{color:#657182}.bili-console .bili-stats article{background:#ffffffd9;border-color:#e4ebf4;box-shadow:var(--shadow)}.bili-console .bili-stats strong{color:#647287}.bili-console .bili-stats span:not(.bili-stat-symbol){color:#656e7c}.bili-console .bili-stats small{color:#676f7a}.bili-stat-symbol.service{background:#e6effa;color:#667386}.bili-stat-symbol.record{background:#eef6e8;color:#646d57}.bili-stat-symbol.upload{background:#eaeef7;color:#636a77}.bili-stat-symbol.task{background:#fbf0e4;color:#766955}.bili-tabs{border-color:#dfe7f2}.bili-tabs button{color:#67707d}.bili-tabs button[aria-selected=true]{background:#e1eaf7;color:#657286;box-shadow:inset 0 0 0 1px #d1dced}.bili-auto-refresh{color:#656d79}.bili-console .bili-panel{background:#ffffffd9;border-color:#e3eaf4;box-shadow:var(--shadow)}.bili-console .section-heading h2{color:#626f81}.bili-console .section-heading>span{color:#68707d}.bili-console .bili-room{border-color:#e5ecf6;background:#f7fafd}.bili-console .bili-room.is-recording{border-color:#c3d2e6;background:linear-gradient(140deg,#f6f9fd,#eaf1fb)}.bili-room.is-recording:before{background:#a6bcdb}.bili-room-avatar,.is-recording .bili-room-avatar{background:#e3ecf8;color:#626f81}.bili-console .bili-room h3{color:#647082}.bili-console .bili-room-name small{color:#656c77}.bili-room-stage{background:#fbfdff;border-color:#e9f0f9}.bili-room-stage>span:first-child{color:#666e79}.bili-console .bili-badge.active{color:#606e54;background:#f0f7e9}.bili-console .bili-badge.wait{color:#76674f;background:#fcf3e7}.bili-console .bili-badge.muted{color:#706776;background:#eff3f9}.bili-room-rate>span{color:#67707d}.bili-room-rate strong{color:#647082}.bili-room-recent{border-color:#e4ebf5}.bili-room-recent p{color:#646e7d}.bili-console .bili-room-recent small,.bili-room-recent time{color:#686f79}.bili-console .bili-host-grid article{background:#f2f6fc}.bili-console .bili-host-grid strong{color:#636e7f}.bili-console .bili-host-grid span,.bili-console .bili-host-grid small,.bili-panel-time{color:#676f7a}.bili-console .bili-item strong{color:#657184}.bili-console .bili-item span,.bili-console .bili-item p,.bili-console .bili-item small{color:#646d7a}.bili-console .bili-empty{color:#666e79}.bili-console #bili-jobs>.bili-empty{background:#f7fafe;border-color:#e4edf9}.bili-console .bili-event strong{color:#646f80}.bili-console .bili-event small,.bili-console .bili-event summary{color:#68707c}.bili-console .bili-event p{color:#656f7d}.bili-event{border-color:#d8e3f2}.bili-event:before{background:#b3c5df;box-shadow:0 0 0 4px #f7faff}.bili-console .bili-logs{background:#f7fafd;border-color:#e4ebf6}.bili-console .bili-log-row{border-color:#eaf0f8}.bili-console .bili-log-row code{color:#657182}.bili-console .bili-log-tag{color:#68707c}.bili-console .bili-log-heading select,.bili-console .bili-log-heading button{background:#fafcff;border-color:#e2ebf7;color:#657285}.bili-console .bili-note{color:#666f7d}.bili-month-nav select,.bili-month-nav button{background:#f3f7fd;border-color:#e0e9f5;color:#636f82}.bili-week{color:#656f7d}.bili-day{border-color:#e1ebf8;background:#edf3fc;color:#667182}.bili-day:disabled{color:#716a76;background:#f7fafd}.bili-day.selected{border-color:#b5c9e5;background:#dae6f7;color:#647184;box-shadow:none}.bili-calendar-layout h3{color:#657182}.bili-archive-link{color:#627186}
/* Login: an illustrated splash, no external assets. */
.page-login{background:linear-gradient(130deg,#e8f1fc 0%,#f5f7fa 53%,#f2f7df)}.page-login .ambient-orb{opacity:.6}.login-visual:before{content:'';position:absolute;inset:14% 4%;background:linear-gradient(135deg,#d3e3f8,#eff3d3);border-radius:40% 60% 50% 50%;transform:rotate(-8deg)}.scene-orbit{border:1px dashed #c3d5ed;box-shadow:0 0 0 24px #ffffff20}.scene-spark{color:#61738c}.scene-spark.second{color:#7f6755}.login-card{background:#ffffffde;border-color:#fff;backdrop-filter:blur(15px);box-shadow:0 18px 65px #50719e0c}.login-card .brand-mark{background:#e6effc}.login-card h1{color:#647389}.login-card>.eyebrow{color:#656f7d}.login-card label,.login-note{color:#656f7f}.login-card input{border-color:#dde7f4;background:#fafcff;color:#626f82}.login-card input::placeholder{color:#656d79}.login-card .primary{background:#5597e9;box-shadow:0 5px 14px #8ba6cd18}.login-card .primary:hover{background:#4083d5}.login-note{border-color:#e3ebf6}.login-footer{color:#656e7b}.login-divider,#email-recovery{color:#646e7d}#email-recovery button{border-color:#dee9f8;background:#f4f8fe;color:#647286}.login-footer .motion-toggle{color:#67707e}
/* Motion uses transforms and opacity; reduced motion always wins. */
.motion-enabled .ambient-orb{animation:ambient-drift 24s ease-in-out infinite}.motion-enabled .ambient-orb.blush{animation-delay:-12s}.motion-enabled .heading-spark{animation:spark-turn 12s ease-in-out infinite}.motion-enabled .standing-character{animation:character-bob 9s ease-in-out infinite}.motion-enabled .scene-orbit{animation:orbit-rock 18s ease-in-out infinite}.motion-enabled .scene-spark{animation:spark-float 6s ease-in-out infinite}.motion-enabled .scene-spark.second{animation-delay:-3s}.motion-enabled .workspace{animation:page-in .4s cubic-bezier(.2,.8,.2,1) both}.motion-enabled .tool-card{animation:card-in .45s ease backwards}.motion-enabled .tool-card:nth-child(2){animation-delay:.04s}.motion-enabled .tool-card:nth-child(3){animation-delay:.08s}.motion-enabled .tool-card:nth-child(4){animation-delay:.12s}.motion-enabled .tool-card:nth-child(5){animation-delay:.16s}.motion-enabled .reveal-pending{opacity:0;transform:translateY(14px)}.motion-enabled .revealed{animation:card-in .45s ease both}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-disabled *,.motion-disabled *:before,.motion-disabled *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.update-flash{animation:value-flash .55s ease}.motion-enabled .activity-dot[data-state=running]{animation:status-breathe 1.8s ease-in-out infinite}
@keyframes page-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ambient-drift{50%{transform:translate(-35px,25px)}}@keyframes spark-turn{0%,80%,100%{transform:rotate(-12deg)}90%{transform:rotate(90deg)}}@keyframes character-bob{50%{translate:0 -7px;rotate:.5deg}}@keyframes orbit-rock{50%{transform:rotate(10deg)}}@keyframes spark-float{50%{translate:0 -8px;scale:1.12}}@keyframes value-flash{40%{color:#64758e}}
@media(min-width:1600px){:root{--rail:210px}.workspace{padding-top:30px}.server-card{padding:18px}.metric{margin-top:10px}}
@media(max-width:1100px) and (min-width:801px){:root{--rail:170px}body .topbar{padding:25px 12px 16px}body .brand{font-size:16px;padding:0 3px;gap:7px}.brand-mark.small{width:28px;height:32px}.brand-caption{font-size:6px;letter-spacing:1.1px}body .topbar nav a{padding:11px 12px;font-size:11px}.workspace{padding-left:24px;padding-right:24px}}
@media(max-width:800px){:root{--rail:0px}.page-dashboard,.page-recordings,.page-biliup,.page-security{padding-left:0;padding-top:64px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}body .topbar{inset:0 0 auto;width:100%;height:60px;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;border:0;border-bottom:1px solid #e0e8f2;background:#fbfcfeeb;box-shadow:0 2px 12px #6c82a207}body .brand{font-size:17px;padding:0}.brand-caption{display:none}.brand-mark.small{width:28px;height:32px}body .topbar nav{position:fixed;inset:auto 10px calc(8px + env(safe-area-inset-bottom)) 10px;width:auto;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border:1px solid #e0e9f5;background:#fbfdfff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:17px;box-shadow:0 8px 32px #637a9c18;z-index:40}body .topbar nav a{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;line-height:1.3;padding:8px 6px;font-size:9px;border-radius:11px}body .topbar nav a.active{box-shadow:none;background:#e4eefb;color:#62748f}body .topbar nav a:hover{transform:none}body .topbar nav a .ui-icon{width:19px;height:19px}.nav-bottom{flex-direction:row;align-items:center;gap:16px;margin:0;padding:0;border:0}.workspace-label{display:none}.nav-bottom .motion-toggle{font-size:9px;white-space:nowrap}body .topbar form{width:auto}body .topbar .logout{font-size:10px;padding:5px 0;gap:8px}.footer{padding-bottom:18px}.page-security .security-workspace{padding-top:20px}.skip-link{left:12px}.motion-enabled .standing-character{animation-duration:10s}}
@media(max-width:600px){.section-heading h2{font-size:14px}.section-heading>span{font-size:9px}.overview-row .intro{border-radius:14px}.summary-grid>article,.summary-grid>a{border-radius:12px}.tool-card{border-radius:12px}.hosts-panel{border-radius:14px}.server-card{border-radius:11px}.capacity-summary{padding:6px;font-size:8px}.capacity-summary strong{font-size:8px}.cloud-detail,.cloud-row strong{font-size:8px}.cloud-heading,.cloud-caption{font-size:7px}.server-title h3{font-size:10px}.bili-console .bili-stats small{font-size:8px}.bili-console .bili-panel{padding:14px}.bili-console .bili-host-grid span,.bili-console .bili-host-grid small{font-size:9px}.bili-console .bili-stats strong{font-size:22px}.security-panel{padding:19px}.security-panel p{font-size:11px}.nav-bottom{gap:12px}.nav-bottom .motion-toggle{font-size:8px}.login-visual:before{inset:0 15%;border-radius:40%}.login-visual .standing-character{height:285px}.login-footer .filing-links{font-size:9px}.bili-tabs button{font-size:10px}.bili-room-rate strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1!important;transform:none!important}}

/* Clear interactive accents and readable dense telemetry. */
body .topbar nav a.active{background:#5492df;color:#fff;box-shadow:0 5px 13px #5492df24}
body .topbar nav a.active:hover{background:#4584d4;color:#fff}
.tool-card:first-child{background:#f7faff;border-color:#d8e5f5}.blue{color:#5386cb}.amber{color:#b98243}.green{color:#5f8f65}.violet{color:#687da7}
.metric{font-size:12px}.capacity-summary,.capacity-summary strong{font-size:10px}.cloud-detail,.cloud-row strong{font-size:10px}.cloud-heading,.cloud-caption{font-size:9px}.server-bottom{font-size:10px}
.nav-shortcuts{display:flex;flex-direction:column;gap:8px;margin:30px 10px 0;border-top:1px solid #e7ecf3;padding-top:18px}.nav-shortcuts>span{font-size:9px;letter-spacing:1px;color:#8c98a8;margin-bottom:3px}.nav-shortcuts a{display:flex;justify-content:space-between;align-items:center;padding:4px 3px;font-size:10px;color:#86909f}.nav-shortcuts a:hover{color:#5492df}.nav-shortcuts a>span{font-size:11px;color:#a8b7cb}#tools-heading,#servers-heading,#trend-chart{scroll-margin-top:25px}
@media(max-width:800px){.nav-shortcuts{display:none}body .topbar nav a.active{background:#5492df;color:white;box-shadow:none}#tools-heading,#servers-heading,#trend-chart{scroll-margin-top:80px}}
@media(max-width:600px){.metric{font-size:11px}.capacity-summary,.capacity-summary strong{font-size:9px}.cloud-detail,.cloud-row strong{font-size:9px}.cloud-heading,.cloud-caption{font-size:8px}.server-bottom{font-size:9px}}

/* A filtered ancestor would incorrectly anchor the mobile fixed dock. */
@media(max-width:800px){body .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fbfcfef5}}

/* Blue is the single brand accent; semantic states keep their own colors. */
:root{--accent:#3474db;--soft:#e7f0ff;--ink:#28384d;--muted:#6f7e92;--bg:#f3f6fb}
body .topbar nav a.active,body .topbar nav a.active:hover{background:#3474db;color:#fff;box-shadow:0 5px 13px #3474db24}
.primary,.login-card .primary,.security-panel .primary,.search-form button{background:#3474db;color:#fff}.primary:hover,.login-card .primary:hover{background:#2863c3}
.summary-grid>article:first-child{background:#e2edff;border-color:#d3e2fb}.summary-grid>article:first-child .summary-icon{background:#cddffc;color:#5685be}.summary-grid>article:first-child p{color:#6b85a7}.summary-grid>article:first-child strong{color:#3d6595}
.calendar-day.selected,.metric-tabs .selected{background:#4f87dc;border-color:#4f87dc;color:white}.calendar-day.selected small{color:white}.bili-tabs button[aria-selected=true]{background:#e2edff;color:#4077c4;box-shadow:inset 0 0 0 1px #d2e1fa}
@media(max-width:800px){body .topbar nav a.active{background:#3474db;color:white;box-shadow:none}}

/* Transparent character avatar */
body .brand-mark,body .brand-mark.small,body .login-card .brand-mark{background:transparent;padding:0;border-radius:0}