.sidebar{overflow-y:auto;overscroll-behavior:contain}
.sidebar-logout{width:100%;text-align:left;background:transparent;border:0;color:#eea9be;flex-shrink:0}.sidebar>*{flex-shrink:0}
.import-song{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid #ffffff20}.import-song input[type=text]{width:100%;margin:4px 0}.import-song small{overflow-wrap:anywhere}.server-import-entry{margin-top:20px;padding:18px;border:1px solid #b479fb66;border-radius:14px}.import-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.screen-overlay{z-index:80}.sidebar{z-index:81;top:0;bottom:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(28px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.sidebar.open{transform:translateX(0)}.sidebar .sidebar-spacer{min-height:20px}.sidebar .sidebar-feature{margin-top:12px}body:has(.sidebar.open){overflow:hidden}}

.brand-mark.site-logo{display:block;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0}

/* Sidebar visitor total. Decorative bars do not represent historical data. */
.visitor-card{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 4px;padding:17px 18px 15px;border:1px solid #a479ef44;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#9257d42b,transparent 70%),linear-gradient(135deg,#222035,#171a2a);box-shadow:0 8px 28px #0002;flex-shrink:0}
.visitor-card-head{display:flex;align-items:center;gap:9px;color:#c9c4dc;font-size:11px;font-weight:600;line-height:1.6}
.visitor-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ac74f71c;color:#c69afa;flex-shrink:0}
.visitor-card-icon svg{width:17px;height:17px}
.visitor-card-dot{width:6px;height:6px;border-radius:50%;background:#58d8c1;margin-left:auto;box-shadow:0 0 10px #58d8c144;flex-shrink:0}
.visitor-card-total{display:block;margin:12px 0 8px;font-size:32px;line-height:1.2;letter-spacing:-.8px;color:#f4eeff;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.visitor-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9692af;font-size:10px;line-height:1.6}
.visitor-card-bars{display:flex;align-items:flex-end;gap:3px;height:19px;opacity:.65}
.visitor-card-bars i{width:4px;border-radius:3px;background:linear-gradient(#bb87ff,#7964cc);height:7px}
.visitor-card-bars i:nth-child(2){height:12px}.visitor-card-bars i:nth-child(3){height:9px}.visitor-card-bars i:nth-child(4){height:16px}.visitor-card-bars i:nth-child(5){height:19px}

.visitor-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:16px}
.visitor-card-stat{min-width:0}.visitor-card-stat>span{display:block;color:#a5a0bc;font-size:10px;line-height:1.7}
.visitor-card-stat strong{display:block;font-size:24px;color:#f4eeff;font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.visitor-online strong{color:#63dfc5}.visitor-total{grid-column:1/-1;border-top:1px solid #ffffff15;padding-top:10px}.visitor-total strong{font-size:30px}

/* Compact visitor summary: label at left, live count at right. */
.visitor-card-stats{display:flex;flex-direction:column;gap:0;margin-top:10px}
.visitor-card-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.visitor-card-stat>span{font-size:12px;color:#bbb5d0}
.visitor-card-stat strong,.visitor-total strong{font-size:22px;line-height:1.5;text-align:right}
.visitor-total{margin-top:4px;padding-top:12px}.visitor-card-head{font-size:13px}