/* Sherbet design tokens transcribed from Main.dc.html. Never apply to Default. */
.design-sherbet {
    --sh-bg: oklch(97.5% .014 85); --sh-surface: oklch(99.4% .004 85);
    --sh-alt: oklch(96% .02 85); --sh-ink: oklch(24% .02 75);
    --sh-soft: oklch(46% .02 75); --sh-faint: oklch(64% .014 75);
    --sh-border: oklch(90.5% .013 80); --sh-yellow: oklch(80% .17 88);
    --sh-yellow-ink: oklch(38% .09 75); --sh-coral: oklch(66% .19 28);
    --sh-coral-soft: oklch(94.5% .03 28); --sh-sky: oklch(68% .13 232);
    --sh-sky-soft: oklch(94.5% .02 232); --sh-grass: oklch(68% .15 148);
    --sh-grass-soft: oklch(94.5% .03 148); --sh-grape: oklch(60% .17 308);
    --sh-grape-soft: oklch(94.5% .03 308); --sh-teal: oklch(65% .11 200);
    --sh-teal-soft: oklch(94.5% .02 200); --sh-night: oklch(40% .09 278);
    --sh-night-soft: oklch(93% .02 278);
    --bs-body-bg: var(--sh-bg); --bs-body-color: var(--sh-ink);
    --bs-border-color: var(--sh-border); --bs-secondary-color: var(--sh-soft);
    --bs-tertiary-bg: var(--sh-alt); --bs-secondary-bg: var(--sh-alt);
    --bs-link-color: var(--sh-coral); --bs-link-hover-color: oklch(56% .19 28);
    margin: 0; background: var(--sh-bg) !important; color: var(--sh-ink);
    font: 14px/1.5 'Poppins', system-ui, sans-serif;
}
.design-sherbet > .app-wrapper { display: block; min-height: 100dvh; }
.design-sherbet a { color: var(--sh-coral); text-decoration: none; }
.design-sherbet a:hover { color: oklch(56% .19 28); text-decoration: underline; }
.design-sherbet :is(h1,h2,h3,h4,h5,h6,.card-title) { font-family: 'Baloo 2', 'Poppins', system-ui, sans-serif; font-weight: 700; color: var(--sh-ink); }
.design-sherbet :focus-visible { outline: 3px solid var(--sh-sky); outline-offset: 3px; }
.design-sherbet .sherbet-shell { display: grid; grid-template-columns: 272px minmax(0,1fr); grid-template-rows: 72px 1fr; grid-template-areas: 'sidebar topbar' 'sidebar main'; min-height: 100dvh; }
.design-sherbet .sherbet-sidebar { grid-area: sidebar; position: sticky; top: 0; height: 100dvh; background: var(--sh-alt); border-right: 1px solid var(--sh-border); display: flex; flex-direction: column; padding: 22px 16px 42px; z-index: 1035; min-width: 0; }
.design-sherbet .sherbet-wordmark { display: flex; align-items: center; gap: 10px; padding: 4px 8px 20px; color: var(--sh-ink); font: 800 19px 'Baloo 2',sans-serif; letter-spacing: -.01em; text-decoration: none; }
.design-sherbet .sherbet-wordmark:hover { color: var(--sh-ink); text-decoration: none; }
.design-sherbet .sherbet-brand-icon { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; background: var(--sh-ink); color: var(--sh-yellow); }
.design-sherbet .sherbet-sidebar-body { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--sh-border) transparent; flex: 1; }
.design-sherbet .sherbet-station-picker { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 14px; border: 1px solid var(--sh-border); background: var(--sh-surface); margin-bottom: 18px; }
.design-sherbet .sherbet-station-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--sh-yellow); color: var(--sh-yellow-ink); flex-shrink: 0; }
.design-sherbet .sherbet-station-picker > div { display: flex; flex-direction: column-reverse; min-width: 0; flex: 1; }
.design-sherbet .sherbet-station-picker label { font-size: 11.5px; color: var(--sh-faint); line-height: 1.15; }
.design-sherbet .sherbet-station-picker select { width: 100%; border: 0; background: transparent; color: var(--sh-ink); font: 600 13.5px 'Poppins',sans-serif; cursor: pointer; padding: 0; }
.design-sherbet .sherbet-nav { display: flex; flex-direction: column; gap: 2px; margin-bottom: 20px; }
.design-sherbet :is(.sherbet-nav-link,.sherbet-nav-group > summary) { display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-radius: 12px; color: var(--sh-soft); font-size: 14px; font-weight: 500; text-decoration: none; transition: background-color .12s, color .12s; }
.design-sherbet :is(.sherbet-nav-link,.sherbet-nav-group > summary):hover { background: var(--sh-surface); color: var(--sh-ink); text-decoration: none; }
.design-sherbet .sherbet-nav-link.is-active { background: var(--sh-yellow); color: var(--sh-yellow-ink); font-weight: 600; }
.design-sherbet :is(.sherbet-nav-link,.sherbet-nav-group > summary) > i:first-child { width: 18px; font-size: 18px; flex-shrink: 0; line-height: 1; text-align: center; }
.design-sherbet .sherbet-nav-group > summary { list-style: none; cursor: pointer; }
.design-sherbet .sherbet-nav-group > summary::-webkit-details-marker { display: none; }
.design-sherbet .sherbet-nav-group > summary > i:last-child:not(:first-child) { margin-left: auto; font-size: 11px; }
.design-sherbet .sherbet-nav-group[open] > summary > i:last-child { transform: rotate(180deg); }
.design-sherbet .sherbet-subnav { padding-left: 16px; }
.design-sherbet :is(.sherbet-nav,.sherbet-other-stations) h2 { margin: 0; padding: 0 12px 8px; color: var(--sh-faint); font: 600 11px 'Poppins',sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.design-sherbet .sherbet-other-stations { margin: 8px 0 22px; }
.design-sherbet .sherbet-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px; }
.design-sherbet .sherbet-chips a { font-size: 12.5px; font-weight: 500; color: var(--sh-soft); background: var(--sh-surface); border: 1px solid var(--sh-border); border-radius: 20px; padding: 5px 11px; }
.design-sherbet .sherbet-more-stations summary { list-style: none; font-size: 12.5px; border: 1px dashed var(--sh-border); border-radius: 20px; padding: 5px 11px; color: var(--sh-faint); cursor: pointer; }
.design-sherbet .sherbet-more-stations summary::-webkit-details-marker { display: none; }
.design-sherbet .sherbet-more-stations .sherbet-chips { padding: 8px 0 0; }
.design-sherbet .sherbet-library { border-top: 1px solid var(--sh-border); padding-top: 16px; }
.design-sherbet .sherbet-library h2:not(:first-child) { margin-top: 16px; }
.design-sherbet .sherbet-avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--sh-coral); color: white; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; }
.design-sherbet .sherbet-user-card { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 14px; border: 1px solid var(--sh-border); background: var(--sh-surface); margin-top: 14px; color: var(--sh-ink); text-decoration: none; }
.design-sherbet .sherbet-user-card > span:nth-child(2) { flex: 1; min-width: 0; }
.design-sherbet .sherbet-user-card strong { display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.design-sherbet .sherbet-user-card small { display: block; font-size: 11.5px; color: var(--sh-faint); }
.design-sherbet .sherbet-topbar { grid-area: topbar; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 32px; border-bottom: 1px solid var(--sh-border); background: var(--sh-surface); }
.design-sherbet :is(.sherbet-topbar-start,.sherbet-topbar-end) { display: flex; align-items: center; gap: 18px; min-width: 0; }
.design-sherbet .sherbet-topbar-end { flex-shrink: 0; gap: 14px; }
.design-sherbet .sherbet-icon-button { border: 0; background: transparent; color: var(--sh-soft); padding: 0; width: 24px; height: 34px; font-size: 22px; display: grid; place-items: center; flex-shrink: 0; }
.design-sherbet .sherbet-breadcrumb { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--sh-faint); font-size: 13.5px; white-space: nowrap; overflow: hidden; }
.design-sherbet .sherbet-breadcrumb a { color: var(--sh-faint); }
.design-sherbet .sherbet-breadcrumb > :last-child { overflow: hidden; text-overflow: ellipsis; color: var(--sh-ink); font-weight: 600; }
.design-sherbet .sherbet-breadcrumb .breadcrumb { margin: 0; float: none !important; flex-wrap: nowrap; }
.design-sherbet .sherbet-search { display: flex; align-items: center; gap: 8px; position: relative; background: var(--sh-alt); border: 1px solid var(--sh-border); border-radius: 12px; padding: 8px 14px; width: 260px; color: var(--sh-faint); }
.design-sherbet .sherbet-search input { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--sh-ink); font: inherit; font-size: 13.5px; }
.design-sherbet .sherbet-search input::placeholder { color: var(--sh-faint); }
.design-sherbet .sherbet-search-results { position: absolute; top: calc(100% + 8px); right: 0; width: 320px; max-height: 360px; overflow-y: auto; border: 1px solid var(--sh-border); border-radius: 14px; background: var(--sh-surface); box-shadow: 0 10px 26px -18px oklch(30% .03 60 / .5); padding: 8px; z-index: 1040; }
.design-sherbet .sherbet-search-results a { display: block; padding: 8px; border-radius: 8px; color: var(--sh-ink); }
.design-sherbet .sherbet-search-results a:hover { background: var(--sh-alt); }
.design-sherbet .sherbet-search-results p { margin: 8px; }
.design-sherbet .sherbet-account { padding-left: 14px; border-left: 1px solid var(--sh-border); }
.design-sherbet .sherbet-account > a { display: flex; align-items: center; gap: 8px; color: var(--sh-ink); font-size: 13.5px; font-weight: 600; text-decoration: none; }
.design-sherbet .sherbet-account > a::after { display: none; }
.design-sherbet .sherbet-account-name { max-width: 180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.design-sherbet .sherbet-account .bi-chevron-down { color: var(--sh-faint); font-size: 12px; }
.design-sherbet .sherbet-main { grid-area: main; min-width: 0; padding: 32px; }
.design-sherbet .sherbet-page-header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 26px; }
.design-sherbet .sherbet-page-header h1 { font-size: 30px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 4px; line-height: 1.3; }
.design-sherbet .sherbet-subtitle { color: var(--sh-soft); font-size: 14.5px; margin: 0; }
.design-sherbet .sherbet-page-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.design-sherbet .btn { border-radius: 13px; font-size: 14px; font-weight: 600; padding: 10px 17px; color: var(--bs-btn-color); transition: filter .12s, transform .08s; }
.design-sherbet .btn:hover { filter: brightness(1.04); text-decoration: none; color: var(--bs-btn-hover-color); }
.design-sherbet .btn:active { transform: translateY(1px); }
.design-sherbet .btn > i { margin-right: 5px; }
.design-sherbet .btn-sm { padding: 5px 10px; border-radius: 10px; font-size: 12.5px; }
.design-sherbet .btn-primary { --bs-btn-color: var(--sh-yellow-ink); --bs-btn-bg: var(--sh-yellow); --bs-btn-border-color: var(--sh-yellow); --bs-btn-hover-bg: var(--sh-yellow); --bs-btn-hover-color: var(--sh-yellow-ink); --bs-btn-hover-border-color: var(--sh-yellow); --bs-btn-active-bg: var(--sh-yellow); --bs-btn-active-border-color: var(--sh-yellow); --bs-btn-active-color: var(--sh-yellow-ink); }
.design-sherbet .btn-danger { --bs-btn-bg: var(--sh-coral); --bs-btn-border-color: var(--sh-coral); --bs-btn-hover-bg: var(--sh-coral); --bs-btn-hover-border-color: var(--sh-coral); color: white; }
.design-sherbet :is(.btn-light,.btn-secondary) { --bs-btn-bg: var(--sh-surface); --bs-btn-color: var(--sh-ink); --bs-btn-border-color: var(--sh-border); --bs-btn-hover-bg: var(--sh-alt); --bs-btn-hover-color: var(--sh-ink); --bs-btn-hover-border-color: var(--sh-border); }
.design-sherbet .btn-outline-primary { --bs-btn-color: var(--sh-yellow-ink); --bs-btn-border-color: var(--sh-yellow); --bs-btn-hover-bg: var(--sh-yellow); --bs-btn-hover-color: var(--sh-yellow-ink); --bs-btn-hover-border-color: var(--sh-yellow); }
.design-sherbet .btn-outline-danger { --bs-btn-color: var(--sh-coral); --bs-btn-border-color: var(--sh-coral); --bs-btn-hover-bg: var(--sh-coral); --bs-btn-hover-border-color: var(--sh-coral); }
.design-sherbet :is(.card,.sherbet-card) { background: var(--sh-surface); border: 1px solid var(--sh-border); border-radius: 20px; box-shadow: none; }
.design-sherbet .sherbet-card { padding: 22px; min-width: 0; }
.design-sherbet .card-header { padding: 18px 22px; border-bottom: 1px solid var(--sh-border); border-radius: 20px 20px 0 0; background: transparent; }
.design-sherbet .card-body { padding: 22px; }
.design-sherbet .card-title { font-size: 19px; }
.design-sherbet .card-footer { background: var(--sh-alt); border-radius: 0 0 20px 20px; }
.design-sherbet :is(.form-control,.form-select,.input-group-text) { background-color: var(--sh-surface); border-color: var(--sh-border); border-radius: 10px; color: var(--sh-ink); font-size: 14px; }
.design-sherbet :is(.form-control,.form-select):focus { border-color: var(--sh-yellow); box-shadow: 0 0 0 3px oklch(80% .17 88 / .2); }
.design-sherbet .form-check-input:checked { background-color: var(--sh-coral); border-color: var(--sh-coral); }
.design-sherbet .dropdown-menu { --bs-dropdown-bg: var(--sh-surface); --bs-dropdown-color: var(--sh-ink); --bs-dropdown-link-hover-bg: var(--sh-alt); border: 1px solid var(--sh-border); border-radius: 14px; padding: 8px; box-shadow: 0 10px 26px -18px oklch(30% .03 60 / .5); }
.design-sherbet .dropdown-item { color: var(--sh-ink); border-radius: 8px; font-size: 13.5px; padding: 8px 12px; }
.design-sherbet .table { --bs-table-bg: transparent; --bs-table-color: var(--sh-ink); --bs-table-border-color: var(--sh-border); --bs-table-striped-bg: var(--sh-alt); --bs-table-hover-bg: var(--sh-alt); font-size: 13px; }
.design-sherbet .table > :not(caption) > * > * { padding: 12px; }
.design-sherbet .nav-tabs .nav-link.active { background: var(--sh-surface); color: var(--sh-ink); border-color: var(--sh-border); }
.design-sherbet :is(.list-group-item,.modal-content) { background-color: var(--sh-surface); color: var(--sh-ink); border-color: var(--sh-border); }
.design-sherbet .modal-content { border-radius: 20px; }
.design-sherbet .pagination { --bs-pagination-color: var(--sh-soft); --bs-pagination-bg: var(--sh-surface); --bs-pagination-border-color: var(--sh-border); --bs-pagination-active-bg: var(--sh-yellow); --bs-pagination-active-color: var(--sh-yellow-ink); --bs-pagination-active-border-color: var(--sh-yellow); }
.design-sherbet .sherbet-footer { text-align: center; color: var(--sh-faint); font-size: 12.5px; padding: 32px 0 28px; }
.design-sherbet .sherbet-stats { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.design-sherbet .sherbet-stat { box-shadow: 0 10px 26px -18px oklch(30% .03 60 / .5); display: flex; flex-direction: column; gap: 14px; }
.design-sherbet .sherbet-stat-label { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sh-faint); }
.design-sherbet .sherbet-summary { display: flex; align-items: center; gap: 14px; min-width: 0; }
.design-sherbet .sherbet-summary > div:last-child { min-width: 0; }
.design-sherbet .sherbet-summary h3 { font-size: 19px; line-height: 1.2; margin: 0 0 4px; }
.design-sherbet .sherbet-summary p { font-size: 13px; color: var(--sh-soft); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.design-sherbet .sherbet-tile { width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--sh-coral); color: white; font-size: 14px; font-weight: 700; }
.design-sherbet .sherbet-summary .sherbet-tile { width: 52px; height: 52px; border-radius: 15px; font-size: 19px; }
.design-sherbet .sherbet-tile.tone-1 { background: var(--sh-grape); }
.design-sherbet .sherbet-tile.tone-2 { background: var(--sh-sky); }
.design-sherbet .sherbet-tile.tone-3 { background: var(--sh-grass-soft); color: var(--sh-grass); }
.design-sherbet .sherbet-tile.tone-4 { background: var(--sh-teal); }
.design-sherbet .sherbet-tile.tone-5 { background: var(--sh-night-soft); color: var(--sh-night); }
.design-sherbet .sherbet-tile.tone-sky { background: var(--sh-sky-soft); color: var(--sh-sky); }
.design-sherbet .sherbet-tile.tone-sun { background: oklch(96% .05 88); color: var(--sh-yellow-ink); }
.design-sherbet .sherbet-meter { height: 6px; border: 0; display: block; width: 100%; border-radius: 6px; background: var(--sh-alt); overflow: hidden; margin-top: 14px; }
.design-sherbet .sherbet-meter > span { display: block; height: 100%; border-radius: 6px; background: var(--sh-coral); }
.design-sherbet .sherbet-times { display: flex; justify-content: space-between; margin-top: 6px; color: var(--sh-faint); font-size: 12px; }
.design-sherbet .sherbet-soft-link { display: block; text-align: center; font-size: 13px; font-weight: 600; color: var(--sh-ink); background: var(--sh-alt); border-radius: 10px; padding: 9px; margin-top: auto; }
.design-sherbet .sherbet-countdown { font-size: 12.5px; color: var(--sh-soft); background: var(--sh-alt); border-radius: 10px; padding: 8px 12px; margin-top: 14px; }
.design-sherbet .sherbet-dashboard-columns { display: grid; grid-template-columns: 1.55fr 1fr; gap: 24px; align-items: start; }
.design-sherbet .sherbet-dashboard-side { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.design-sherbet .sherbet-dashboard-columns.without-side { grid-template-columns: minmax(0,1fr); }
.design-sherbet .sherbet-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.design-sherbet .sherbet-card-heading h2 { font-size: 18px; margin: 0; }
.design-sherbet .sherbet-card-heading a { font-size: 13px; font-weight: 600; flex-shrink: 0; }
.design-sherbet .sherbet-live-reads-count { flex-shrink: 0; padding: 3px 9px; border-radius: 20px; background: var(--sh-yellow); color: var(--sh-ink); font-size: 11px; font-weight: 700; }
.design-sherbet .sherbet-live-reads-list { display: flex; flex-direction: column; margin: 0 -10px; }
.design-sherbet .sherbet-live-read-row { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; color: var(--sh-ink); text-decoration: none; }
.design-sherbet .sherbet-live-read-row:hover { background: var(--sh-alt); color: var(--sh-ink); text-decoration: none; }
.design-sherbet .sherbet-live-read-row:focus-visible { outline: 2px solid var(--sh-yellow); outline-offset: 1px; }
.design-sherbet .sherbet-live-read-date { width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0; background: oklch(96% .05 88); color: var(--sh-yellow-ink); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; line-height: 1; }
.design-sherbet .sherbet-live-read-date small { font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.design-sherbet .sherbet-live-read-date b { font: 700 17px/.9 'Baloo 2', Poppins, sans-serif; }
.design-sherbet .sherbet-live-read-row.is-today .sherbet-live-read-date { background: var(--sh-yellow); color: var(--sh-ink); }
.design-sherbet .sherbet-live-read-copy { min-width: 0; flex: 1; }
.design-sherbet .sherbet-live-read-copy strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; line-height: 1.3; color: var(--sh-ink); }
.design-sherbet .sherbet-live-read-meta { display: block; margin: 3px 0 0; font-size: 12px; color: var(--sh-soft); }
.design-sherbet .sherbet-live-read-chevron { color: var(--sh-faint); font-size: 12px; }
.design-sherbet .sherbet-live-reads-foot { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--sh-border); font-size: 12px; color: var(--sh-faint); }
.design-sherbet .sherbet-live-read-row.is-complete .sherbet-live-read-copy strong { color: var(--sh-soft); }
.design-sherbet .sherbet-live-read-check { width: 42px; height: 42px; flex-shrink: 0; display: grid; place-items: center; color: var(--sh-faint); }
.design-sherbet .sherbet-live-reads-list > [role="status"] { margin: 0 10px; }
.design-sherbet .sherbet-schedule-row { display: flex; gap: 14px; padding: 12px 8px; border-radius: 14px; align-items: flex-start; }
.design-sherbet .sherbet-schedule-row:hover { background: var(--sh-alt); }
.design-sherbet .sherbet-schedule-row.is-live { padding: 14px 8px 14px 11px; border-left: 3px solid var(--sh-coral); background: var(--sh-coral-soft); margin: 2px 0; }
.design-sherbet .sherbet-schedule-row > time { width: 60px; flex-shrink: 0; color: var(--sh-faint); font-size: 12px; padding-top: 2px; }
.design-sherbet .sherbet-schedule-row.is-live > time { color: var(--sh-coral); font-weight: 700; width: 57px; }
.design-sherbet .sherbet-schedule-copy { min-width: 0; flex: 1; }
.design-sherbet .sherbet-schedule-copy strong { font-size: 14.5px; font-weight: 600; }
.design-sherbet .sherbet-schedule-copy p { font-size: 12.5px; color: var(--sh-faint); margin: 0; }
.design-sherbet .sherbet-live-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700; color: var(--sh-coral); background: var(--sh-surface); padding: 2px 8px; border-radius: 20px; margin-left: 8px; vertical-align: middle; }
.design-sherbet .sherbet-live-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--sh-coral); animation: sherbet-pulse 1.8s ease-in-out infinite; }
.design-sherbet .sherbet-stat:has([data-sherbet-now]) { position: relative; }
.design-sherbet [data-sherbet-now] > .sherbet-live-badge { position: absolute; top: 22px; right: 22px; background: var(--sh-coral-soft); font-size: 12px; padding: 4px 10px; }
.design-sherbet .sherbet-empty { text-align: center; color: var(--sh-faint); padding: 24px 8px; font-size: 13px; margin: 0; }
.design-sherbet .sherbet-empty strong { display: block; color: var(--sh-ink); font-weight: 600; margin: 10px 0; }
.design-sherbet [data-sherbet-reads] .sherbet-empty { max-width: 270px; margin: auto; padding: 20px 10px 14px; }
.design-sherbet .sherbet-empty-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 8px auto 12px; background: var(--sh-alt); border-radius: 50%; font-size: 20px; }
.design-sherbet .sherbet-new-read { display: table; margin: 0 auto 18px; padding: 8px 16px; border-radius: 10px; font-size: 13px; }
.design-sherbet .sherbet-muted { color: var(--sh-faint); font-size: 13px; margin: 0; }
.design-sherbet .sherbet-read-row { padding: 12px 6px; border-bottom: 1px solid var(--sh-border); margin-bottom: 14px; }
.design-sherbet .sherbet-read-row p { margin: 5px 0; font-size: 12px; color: var(--sh-soft); }
.design-sherbet .sherbet-log-row { display: flex; align-items: center; gap: 10px; padding: 9px 6px; border-radius: 12px; }
.design-sherbet .sherbet-log-row.is-song { background: oklch(96% .06 88); }
.design-sherbet .sherbet-log-row time { flex-shrink: 0; width: 56px; font-size: 11.5px; font-variant-numeric: tabular-nums; color: var(--sh-faint); }
.design-sherbet .sherbet-log-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--sh-alt); color: var(--sh-faint); flex-shrink: 0; }
.design-sherbet .sherbet-log-row.is-song .sherbet-log-icon { background: var(--sh-surface); color: var(--sh-yellow-ink); }
.design-sherbet .sherbet-log-title { min-width: 0; flex: 1; font-size: 13px; color: var(--sh-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.design-sherbet .sherbet-log-row.is-song .sherbet-log-title { font-weight: 600; color: var(--sh-ink); }
.design-sherbet .sherbet-play { display: grid; place-items: center; width: 24px; height: 24px; border: 0; border-radius: 50%; background: var(--sh-ink); color: white; flex-shrink: 0; font-size: 12px; padding: 0; }
.design-sherbet .sherbet-play[aria-pressed="true"] { background: var(--sh-coral); }
.design-sherbet .sherbet-dashboard-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 20px; color: var(--sh-faint); font-size: 12px; }
.design-sherbet .sherbet-skip { position: fixed; top: -100px; left: 16px; z-index: 1100; padding: 12px; background: var(--sh-yellow); color: var(--sh-ink); border-radius: 10px; }
.design-sherbet .sherbet-skip:focus { top: 12px; }
.design-sherbet .sherbet-backdrop { display: none; }
.design-sherbet .sherbet-shell.is-nav-collapsed { grid-template-columns: 0 minmax(0,1fr); }
.design-sherbet .is-nav-collapsed .sherbet-sidebar { visibility: hidden; }
@keyframes sherbet-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .design-sherbet * { animation: none !important; transition: none !important; } }
@media (max-width: 1250px) { .design-sherbet .sherbet-search { width: 210px; } .design-sherbet .sherbet-account-name { display: none; } .design-sherbet .sherbet-stats { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 991px) {
    .design-sherbet .sherbet-shell { grid-template-columns: minmax(0,1fr); grid-template-areas: 'topbar' 'main'; grid-template-rows: 64px 1fr; }
    .design-sherbet .sherbet-sidebar { position: fixed; left: 0; width: 272px; visibility: hidden; transform: translateX(-100%); }
    .design-sherbet .is-nav-open .sherbet-sidebar { visibility: visible; transform: translateX(0); }
    .design-sherbet .sherbet-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; border: 0; background: rgb(30 25 20 / .35); z-index: 1034; }
    .design-sherbet .sherbet-topbar { padding: 0 20px; gap: 12px; }
    .design-sherbet .sherbet-main { padding: 24px 20px; }
    .design-sherbet .sherbet-page-header h1 { font-size: 28px; }
}
@media (max-width: 700px) {
    .design-sherbet .sherbet-dashboard-columns { grid-template-columns: minmax(0,1fr); }
    .design-sherbet .sherbet-dashboard-columns.has-my-live-reads > .sherbet-dashboard-side { display: contents; }
    .design-sherbet .sherbet-dashboard-columns.has-my-live-reads .sherbet-my-live-reads { grid-row: 1; }
    .design-sherbet .sherbet-dashboard-columns.has-my-live-reads > .sherbet-dashboard-schedule { grid-row: 2; }
    .design-sherbet .sherbet-stats { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .design-sherbet .sherbet-search { display: none; }
    .design-sherbet .sherbet-breadcrumb { font-size: 12px; }
    .design-sherbet .sherbet-breadcrumb > span:not(:last-child) { display: none; }
    .design-sherbet .sherbet-main { padding: 24px 16px; }
    .design-sherbet .sherbet-page-header h1 { font-size: 26px; }
    .design-sherbet .sherbet-subtitle { font-size: 13px; }
    .design-sherbet .sherbet-card { padding: 18px; }
    .design-sherbet .sherbet-page-actions { gap: 8px; }
    .design-sherbet .sherbet-page-actions .btn { padding: 9px 13px; font-size: 13px; }
    .design-sherbet .sherbet-schedule-row { gap: 10px; padding-inline: 0; }
    .design-sherbet .sherbet-schedule-row > time { width: 52px; font-size: 11px; }
    .design-sherbet .sherbet-schedule-row.is-live > time { width: 45px; }
    .design-sherbet .sherbet-schedule-copy strong { font-size: 13px; }
    .design-sherbet .sherbet-schedule-copy p { font-size: 12px; }
    .design-sherbet .sherbet-card-heading a { font-size: 12px; }
    .design-sherbet .sherbet-account { padding-left: 8px; }
    .design-sherbet .sherbet-account .bi-chevron-down { display: none; }
}

/* Optional station listener total; only present with Streams access. */
.design-sherbet .sherbet-stats.has-listeners { grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr)); }
.design-sherbet .sherbet-stats.without-live-reads { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
.design-sherbet .sherbet-stats.without-live-reads.has-listeners { grid-template-columns: minmax(0,1.5fr) repeat(2,minmax(0,1fr)); }
.design-sherbet .sherbet-listeners-reading { display:flex; align-items:center; gap:14px; }
.design-sherbet .sherbet-listeners-reading strong { font:700 2.25rem/1.15 'Baloo 2',sans-serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.design-sherbet .sherbet-listeners-status { margin:0; font-size:12px; }
.design-sherbet .sherbet-listeners .sherbet-soft-link { margin-top:auto; }
@media(max-width:1300px) { .design-sherbet .sherbet-stats.has-listeners { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .design-sherbet .sherbet-stats.has-listeners, .design-sherbet .sherbet-stats.without-live-reads, .design-sherbet .sherbet-stats.without-live-reads.has-listeners { grid-template-columns:minmax(0,1fr); } }

/* Shared segmented navigation and status pills. */
.design-sherbet .sherbet-tabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 22px;background:var(--sh-alt);border:1px solid var(--sh-border);border-radius:14px;max-width:100%;overflow-x:auto}
.design-sherbet .sherbet-tabs a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--sh-soft);text-decoration:none;white-space:nowrap}
.design-sherbet .sherbet-tabs a:hover{color:var(--sh-ink)}
.design-sherbet .sherbet-tabs a[aria-current="page"]{background:var(--sh-surface);color:var(--sh-ink);box-shadow:0 1px 2px oklch(30% .03 60 / .14)}
.design-sherbet .sherbet-status{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;flex-shrink:0;white-space:nowrap;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.4;background:var(--sh-alt);color:var(--sh-soft)}
.design-sherbet .sherbet-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.design-sherbet .sherbet-status.is-ok{background:var(--sh-grass-soft);color:oklch(42% .11 148)}
.design-sherbet .sherbet-status.is-warn{background:oklch(96% .05 88);color:var(--sh-yellow-ink)}
.design-sherbet .sherbet-status.is-fail{background:var(--sh-coral-soft);color:oklch(50% .17 28)}

/* Shared chips and segmented controls. Page modifiers retain their local sizing. */
.design-sherbet .sherbet-chip { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; line-height:1.5; background:var(--sh-alt); color:var(--sh-soft); white-space:nowrap; text-decoration:none; }
.design-sherbet .sherbet-chip.tone-sun { background:oklch(0.96 0.06 88); color:var(--sh-yellow-ink); }
.design-sherbet .sherbet-chip.tone-grass { background:var(--sh-grass-soft); color:color-mix(in oklch,var(--sh-grass) 50%,var(--sh-ink)); }
.design-sherbet .sherbet-chip.tone-coral { background:var(--sh-coral-soft); color:color-mix(in oklch,var(--sh-coral) 60%,var(--sh-ink)); }
.design-sherbet .sherbet-chip.tone-sky { background:var(--sh-sky-soft); color:color-mix(in oklch,var(--sh-sky) 55%,var(--sh-ink)); }
.design-sherbet .sherbet-seg { display:inline-flex; gap:4px; padding:4px; border-radius:14px; background:var(--sh-alt); }
.design-sherbet .sherbet-seg > a,.design-sherbet .sherbet-seg > button { padding:6px 14px; border:1px solid transparent; border-radius:10px; background:none; font-size:13px; font-weight:600; color:var(--sh-soft); text-decoration:none; white-space:nowrap; }
.design-sherbet .sherbet-seg > :hover { color:var(--sh-ink); }
.design-sherbet .sherbet-seg > [aria-pressed="true"],.design-sherbet .sherbet-seg > [aria-current="true"] { background:var(--sh-surface); border-color:var(--sh-border); color:var(--sh-ink); box-shadow:0 6px 14px -12px oklch(0.3 0.03 60 / 0.6); }
.design-sherbet .sherbet-seg b { font-weight:600; color:var(--sh-faint); margin-left:4px; font-variant-numeric:tabular-nums; }
.design-sherbet :is(.sherbet-chip,.sherbet-seg > a,.sherbet-seg > button):focus-visible { outline:2px solid var(--sh-yellow-ink); outline-offset:3px; }
.design-sherbet .sherbet-tile.tone-coral-soft { background:var(--sh-coral-soft); color:var(--sh-coral); }

.design-sherbet .sherbet-tile.tone-grape-soft { background: var(--sh-grape-soft); color: var(--sh-grape); }