/* Shared dark palette. Official member/team colours and media remain intact. */
:root{color-scheme:light}.theme-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.theme-toggle{flex:none}.standalone-theme{margin-bottom:14px}
/* One scrollport lets each bulk selector stick only inside its own group. */
html body .multi .menu:has(.all-option){max-height:min(60dvh,410px);overflow-y:auto;overscroll-behavior:auto;isolation:isolate;--menu-root-bulk-height:41px;--menu-group-bulk-height:33px}
html body .multi .menu:has(.all-option) .option-list{max-height:none;overflow:visible}
html body .multi .menu>.all-option{position:sticky;top:0;z-index:30;background:var(--ui-panel,#fff)}
html body .multi .menu :is(.member-group,.period-group)>.group-bulk,html body .multi .menu .type-group>.all-option{position:sticky;top:var(--menu-root-bulk-height);z-index:20;background:var(--ui-panel,#fff)}
html body .multi .menu .member-team>.team-bulk{position:sticky;top:calc(var(--menu-root-bulk-height) + var(--menu-group-bulk-height));z-index:10;background:var(--ui-panel,#fff)}
html body .multi .menu .type-group[hidden]{display:none}
html body .multi .menu :is(.all-option,.group-bulk,.team-bulk):hover{background:var(--menu-hover,#f7f3fd)}
:root[data-theme=dark]{--menu-hover:#2b2439}
:root[data-theme=dark]{color-scheme:dark;color:#eeeaf5;background:#15131c;--ui-panel:#211d2c;--ui-border:#393244;--ui-muted:#b1a6be;--ui-accent:#b698ee}
:root[data-theme=dark] body{background:#15131c;color:#eeeaf5}
:root[data-theme=dark] .sidebar{background:#100d18;border-right:1px solid #30283d}
:root[data-theme=dark] :is(.card,.panel,.header-pill,.task-item,.menu){background:var(--ui-panel);border-color:var(--ui-border);box-shadow:0 6px 24px #0002}
:root[data-theme=dark] :is(.page-header p,.muted,.small-note,.privacy-note,.section-description,.page-foot,.step-note,.task-meta,.task-list-empty,.task-list-head span,.coverage-note,.measurement-note,.missing-members,.share-note,.structure-legend,.price-missing,.cache-job>span,.task-summary-line,.message-scope,.message-time,.message-meta,.history-control,.feed-footer){color:var(--ui-muted)}
:root[data-theme=dark] :is(.eyebrow,.section-kicker,.text-button,.media-link,nav a,.sort-heading span,.result-toolbar #resultSource,.price-missing summary){color:var(--ui-accent)}
:root[data-theme=dark] :is(.roster-card strong,.field>label,.date-filters label,.login-panel label,.query-footer strong,.schedule-fields label,.schedule-types label,.task-list-head h3,.task-item-title strong,.task-summary-line b,.message-nickname,.message-detail strong,.message-original-heading,.column-controls legend){color:#e1d6ef}
:root[data-theme=dark] :is(.query-footer,.login-panel,.schedule-controls,.task-list-head,.member-group+.member-group,.period-group+.period-group,.all-option,.chicken-tabs,.price-missing,.feed-footer,.result-toolbar,th,td){border-color:var(--ui-border)}
:root[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.multi-trigger,.multi summary){color:#eeeaf5;background:#191620;border-color:#4a3e5b}
:root[data-theme=dark] :is(.option,.all-option,.member-bulk,.team-bulk,.challenge-options,#columnControls label){color:#d3c7e2}
:root[data-theme=dark] :is(.option small,.option.unavailable small){color:#a79ab8}
:root[data-theme=dark] :is(.option:hover,.all-option:hover,.member-bulk:hover,.group-bulk,.progress-panel,.empty-state,.cache-job,#coverage span){background:#2b2439}
:root[data-theme=dark] .option.unavailable{background:#211e28;color:#786c89}
:root[data-theme=dark] :is(.member-team,.progress-track){border-color:#40324f;background:transparent}
:root[data-theme=dark] .button.secondary{color:#cab3f2;border-color:#54416c;background:#2b2238}
:root[data-theme=dark] .button.secondary:hover:not(:disabled){background:#3a2b4d}
:root[data-theme=dark] .button.primary{background:#8c63d6;color:white}
:root[data-theme=dark] :is(.badge.neutral,.count-pill,.task-status,.message-kind,.sub-tabs .active,code){background:#362845;color:#d7bffc}
:root[data-theme=dark] .badge.good{background:#143b32;color:#83ddbd}
:root[data-theme=dark] :is(.badge.bad,.toast,.feed-error){background:#493125;color:#ffd1a8}
:root[data-theme=dark] :is(.task-error,.bad){color:#f3b886}
:root[data-theme=dark] table{background:transparent}
:root[data-theme=dark] :is(thead,th){background:#292231;color:#c7bad8}
:root[data-theme=dark] tbody tr:hover{background:#2b2536}
:root[data-theme=dark] :is(.rank-track,.progress-bar){background:#352e40}
:root[data-theme=dark] .weekly-table .trainee-text,:root[data-theme=dark] .weekly-table .trainee .bar-cell small{background:#414047}
:root[data-theme=dark] .weekly-table .share-threshold-row td{color:#c4a5f2}
:root[data-theme=dark] .message-feed{background:#191620}
:root[data-theme=dark] .message-bubble{background:#272131;border-color:#443650;color:#eee5f5}
:root[data-theme=dark] .message-row.dynamic .message-bubble{background:#30243e;border-color:#514062}
:root[data-theme=dark] :is(.message-details,.name-display-toggle,.feed-empty,.missing-identity){color:#bdaeC9}
:root[data-theme=dark] :is(.name-display-toggle .active,.feed-empty strong){color:#e2ccef}
:root[data-theme=dark] :is(.member-avatar,.avatar-fallback){background:#3b2e4c;color:#d0b2f0}
:root[data-theme=dark] .message-original{background:#1a152570;border-left-color:#9272b3}
:root[data-theme=dark] pre{background:#17121f;color:#ddd0ec;border:1px solid #40314f;border-radius:8px;padding:12px}
@media(max-width:720px){.page-header{gap:14px;flex-wrap:wrap}.theme-actions{justify-content:flex-start}.theme-toggle{padding:9px 12px}}

:root[data-theme=dark] :is(.room-choice,.type-filter-field details summary){background:#2b2336;color:#d8c7e9;border-color:#514062}:root[data-theme=dark] .room-choice[aria-pressed=true]{background:#49335f;color:#f0dfff;border-color:#9270b8}:root[data-theme=dark] .fan-level{background:#43334f;color:#d6b6f4}:root[data-theme=dark] .fan-message .message-bubble{background:#242533;border-color:#3e4058}:root[data-theme=dark] .fan-message .message-nickname{color:#dbd5ee}

:root[data-theme=dark] .feed-frame.has-room-background .message-feed{background:transparent}:root[data-theme=dark] .feed-frame.has-room-background .message-meta{background:#191620e8}:root[data-theme=dark] .feed-frame.has-room-background :is(.history-control,.feed-empty){color:#eee5f5;text-shadow:0 1px 3px #000}
:root[data-theme=dark] .essence-bar{background:#292132;border-color:#443650}:root[data-theme=dark] .essence-trigger{color:#e3d3f1}:root[data-theme=dark] .essence-trigger #essenceSummary{color:#beadcd}:root[data-theme=dark] .essence-preview{background:#211b2b;color:#eee5f5;border-color:#514062}:root[data-theme=dark] :is(.essence-heading,.essence-navigation){border-color:#443650}

/* Refresh is an action, visually separate from the purple navigation tabs. */
button.refresh-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-inline-start:auto;flex:none;white-space:nowrap;min-height:36px}
.button.refresh-action,.text-button.refresh-action{border:1px solid #b8ccd0;border-radius:999px;padding:8px 13px;background:transparent;color:#42656d;font-size:12px;font-weight:650;box-shadow:none;line-height:1.4;transition:background .15s,border-color .15s}
button.refresh-action::before{content:'↻';font-size:18px;line-height:1;flex:none}
.button.refresh-action:hover:not(:disabled),.text-button.refresh-action:hover:not(:disabled){transform:none;background:#edf5f5;border-color:#759ca3}
button.refresh-action:focus-visible{outline:2px solid #759ca3;outline-offset:3px}
button.refresh-action:disabled{opacity:.48;cursor:not-allowed}
.roster-card>button.refresh-action{display:flex;width:max-content}
.members-toolbar,.actions,.form-row:has(>.refresh-action){width:100%}
.conversation-actions:has(>.refresh-action),.juju-actions:has(>.refresh-action){justify-content:flex-end;margin-inline-start:auto}
.personal-mode-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 20px}
.personal-mode-toolbar .personal-modes{margin:0}
:root[data-theme=dark] .button.refresh-action,:root[data-theme=dark] .text-button.refresh-action{color:#b0d4d9;background:transparent;border-color:#52777d}
:root[data-theme=dark] .button.refresh-action:hover:not(:disabled),:root[data-theme=dark] .text-button.refresh-action:hover:not(:disabled){background:#23383c;border-color:#80b0b7}
@media(max-width:720px){.theme-actions{justify-content:flex-end;margin-inline-start:auto}.conversation-actions:has(>.refresh-action),.juju-actions:has(>.refresh-action){width:100%}.section-top:has(>.refresh-action){flex-wrap:wrap}.personal-mode-toolbar{gap:12px}.personal-mode-toolbar .personal-modes{width:100%;gap:8px}.personal-mode-toolbar>.refresh-action{margin-inline-start:auto}.form-row:has(>.refresh-action){flex-wrap:wrap;align-items:end}}

.mobile-filter-body{display:contents}.filter-collapse{display:none}
@media(max-width:720px){
 body:not(.sidebar-open) .sidebar .nav-item{display:none}
 body .main{padding:16px 12px}body .card{padding:14px 12px}
 body .page-header{gap:8px;margin-bottom:16px}body .page-header h1{font-size:23px}body .page-header p{font-size:12px;margin-block:5px}
 body :is(.button,.chicken-tabs a,.chicken-tabs button,.sub-tabs a,.juju-tabs a,.history-view-tabs button,.juju-detail-tabs button,.round-tabs button){padding:6px 10px;min-height:32px;font-size:12px}
 body button.refresh-action{min-height:32px;padding:5px 10px}body .theme-toggle{padding:5px 10px}
 body :is(.chicken-tabs,.sub-tabs,.juju-tabs){gap:5px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px}
 body .section-top{gap:8px}body .section-top h2{font-size:16px;margin:0}
 .mobile-filter-card .mobile-filter-head{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0}
 .mobile-filter-head .section-kicker{display:none}
 .mobile-filter-card .filter-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;min-height:0;padding:0;flex:none;border:0;border-radius:4px;background:transparent;color:var(--ui-accent,#7652c4);line-height:1}.filter-collapse svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-filter-collapsed .filter-collapse svg{transform:rotate(180deg)}.filter-collapse:focus-visible{outline:2px solid currentColor;outline-offset:2px}
 .mobile-filter-card .mobile-filter-body{display:block;width:100%;min-width:0;margin-top:10px}
 .mobile-filter-card.mobile-filter-collapsed .mobile-filter-body{display:none}
 body .mobile-filter-card.mobile-filter-collapsed{padding-block:4px;margin-bottom:8px}.mobile-filter-card.mobile-filter-collapsed .mobile-filter-head{min-height:22px}
 body .filter-grid{grid-template-columns:minmax(0,1fr);gap:7px}
 body .filter-grid .field,body .feed-controls .type-filter-field{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
 body .field>label{margin:0;font-size:12px}
 body .multi{min-width:0}body .multi-trigger,body .multi summary{min-height:34px;height:34px;padding:0 10px;font-size:12px}
 body .multi .menu{top:calc(100% + 4px);min-width:0}body .option-list{max-height:220px}
 body .query-footer{margin-top:12px;padding-top:10px;gap:9px}body .query-footer>div{width:100%}
 body .section-description{margin:8px 0 12px;font-size:11px}body .small-note{font-size:11px;margin-block:8px}
 body .date-filters{display:flex;flex-direction:column;gap:7px;margin-top:10px}
 body :is(.date-filters,.performance-filters) label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;width:100%}
 body :is(.date-filters,.performance-filters) label>:is(select,input){flex:1;min-width:0;width:0;height:34px;margin:0;padding:0 8px;border:1px solid #dcd4e6;border-radius:7px}
 body .performance-filters{display:block;margin-bottom:12px}
 body .performance-filters label{margin-bottom:7px}
 body .performance-filters .performance-choice{min-width:0}
 body .performance-filters .refresh-action{margin-inline-start:auto;display:flex}
 body .performance-filters .performance-quick{margin-top:10px;padding-top:10px}
 body .performance-rows{display:grid;grid-template-columns:22px minmax(0,1fr) max-content;gap:6px 5px;margin-block:12px}
 body .performance-rows>.performance-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:5px;min-height:38px;padding:2px 0;width:100%}
 body .performance-rows .performance-bar{height:32px;padding:0 6px}
 body .performance-rows .performance-total{font-size:12px;padding:4px 6px;min-width:0;width:auto}
 body .performance-rows .performance-rank{font-size:12px}
 body .performance-rows .fan-avatar{width:23px;height:23px;margin-right:5px}
 body .performance-rows .performance-name{padding:2px 4px}
 body .replay-controls{padding-top:12px;margin-top:12px}body .replay-controls>input{margin-top:10px}body .replay-toolbar{gap:8px;margin-block:10px}
 body :is(.rank-columns-heading,.candle-heading){min-height:32px}body .rank-columns-heading h3{font-size:14px}
 body .gift-details-toolbar{gap:8px;margin-top:10px}body .gift-sort{padding:8px}body .gift-details-table td{padding:8px}
}

.voice-transcript{font-size:12px;line-height:1.7;color:#81708f;white-space:pre-wrap;overflow-wrap:anywhere}:root[data-theme=dark] .voice-transcript{color:#c1acd5}
@media(max-width:720px){body table th{padding:6px 8px;font-size:11px;line-height:1.2}body table th :is(.gift-sort,.sort-heading){padding-block:5px;min-height:0;line-height:1.2}body .column-controls{margin-block:8px}body .result-toolbar{gap:8px;margin-bottom:10px}body .gift-details-head h2{font-size:16px}body .timeline-controls{gap:5px}body .feed-controls{gap:8px}}

.user-marks{position:relative;display:inline-flex;align-items:center;vertical-align:middle;gap:3px;flex:none;margin-left:4px}.user-marks:empty{display:none}.user-level{display:inline-block;border-radius:4px;background:#ede4f7;color:#7956aa;padding:1px 4px;font-size:10px;font-weight:750;line-height:1.3}.user-badge,.user-level-icon{height:18px;width:18px;object-fit:contain}.user-level-icon{width:auto;max-width:40px}.performance-rank{display:flex;align-items:center;justify-content:center;gap:2px}.performance-rank .fan-medal{margin:0;font-size:14px}.fan-ranking>.performance-row{grid-template-columns:44px minmax(0,1fr) 90px}.fan-panel .fan-ranking>.performance-row{grid-template-columns:44px minmax(0,1fr) 75px}
@media(max-width:720px){body .performance-rows.fan-ranking{grid-template-columns:max-content minmax(0,1fr) max-content}body .performance-rows.fan-ranking>.performance-row{grid-template-columns:subgrid}.user-badge,.user-level-icon{height:16px;width:16px}.user-level-icon{width:auto}}

.performance-rows.has-room-status>.performance-row{grid-template-columns:34px minmax(0,1fr) 80px max-content}.rank-room-status{font-size:10px;border-radius:5px;padding:4px 6px;white-space:nowrap}.rank-room-status.room-open{background:#e3f6ee;color:#168a65}.rank-room-status.room-closed{background:#eeeef0;color:#82808a}:root[data-theme=dark] .rank-room-status.room-open{background:#173c32;color:#88d8b8}:root[data-theme=dark] .rank-room-status.room-closed{background:#3b3742;color:#b1a9bc}
@media(max-width:720px){body .performance-rows.has-room-status{grid-template-columns:22px minmax(0,1fr) max-content max-content}body .performance-rows.has-room-status>.performance-row{grid-template-columns:subgrid}.rank-room-status{font-size:9px;padding:3px 4px}.has-room-status .rank-team{margin-left:3px}}

@media(max-width:720px){
 body .message-main{padding:12px 6px}body .conversation-card{padding:0}
 body .conversation-toolbar{padding:10px 9px 6px;gap:7px}body .conversation-actions{gap:6px;justify-content:flex-start}
 body .conversation-heading{gap:7px}body .conversation-toolbar h2{font-size:17px}
 body .feed-controls{padding:8px 9px;gap:8px}body .room-switches{gap:7px}body .room-choices{gap:5px;margin-top:8px}
 body .message-feed{padding:7px 6px 12px;scrollbar-gutter:auto}
 body .message-row{gap:6px;margin-bottom:11px}body .member-avatar{width:30px;height:30px;flex-basis:30px;border-radius:8px}body .member-avatar-link{flex-basis:30px}
 body .message-column{width:calc(100% - 36px);max-width:calc(100% - 36px)}body .text-mode .message-column{width:100%;max-width:100%}
 body .message-meta{gap:3px;margin-bottom:3px;font-size:10px;line-height:1.3}body .message-time{margin-left:1px}body .message-nickname{font-size:12px}
 body .message-team-logo,body .multi-actors .message-team-logo{height:11px;max-width:42px;width:auto}
 body .message-kind{padding:1px 4px;font-size:9px}body .message-bubble{padding:6px 8px;font-size:13px;line-height:1.4;border-radius:3px 11px 11px 11px}
 body .message-details{margin-top:4px;gap:3px;line-height:1.4;font-size:11px}body .message-detail strong{margin-right:4px}
 body .message-original{margin-top:6px;padding:5px 7px;font-size:12px}body .message-original-heading{margin-bottom:3px}
 body .message-media{margin-block:5px}body .media-link{margin-top:5px;font-size:11px}body .pocket-emoji{width:20px;height:20px}
 body .feed-footer{padding:8px 9px;gap:7px;font-size:11px}body .feed-footer-actions{gap:8px}body .voice-transcript{margin-block:5px;font-size:11px;line-height:1.4}
 body .history-control{min-height:20px;padding:4px 0 7px;font-size:11px}body .new-messages{right:8px;bottom:8px}
 body .timeline-inputs input{padding:6px 8px;font-size:12px}body .name-display-toggle{gap:5px;font-size:11px}
}

.fan-ranking .performance-bar{height:auto;min-height:38px;padding-block:4px}.fan-ranking .user-marks{flex:0 1 auto;min-width:0;max-width:55%;flex-wrap:wrap}.fan-ranking .user-marks img{flex:none}
@media(max-width:720px){body .fan-ranking .performance-bar{height:auto;min-height:32px}}

/* Mobile tables size their columns from content instead of spreading to fill. */
@media(max-width:720px){
 body table{width:max-content;min-width:0;table-layout:auto;border-spacing:0}
 body table :is(th,td){padding:5px 4px;line-height:1.3;min-width:0;max-width:160px;overflow-wrap:anywhere}
 body table td{font-size:12px}body table th{font-size:11px}
 body table :is(th,td):first-child{padding-left:3px}body table :is(th,td):last-child{padding-right:3px}
 body table th :is(.gift-sort,.sort-heading){gap:2px;padding:3px 0;min-height:0}
 body .weekly-table{min-width:0}body .weekly-table .bar-heading{width:auto;min-width:120px}
 body .gift-details-table{width:max-content;min-width:100%;font-size:12px}
 body .gift-details-table th{padding:0;white-space:nowrap}
 body .gift-details-table .gift-sort{width:auto;padding:6px 4px;font-size:11px;line-height:1.3;min-height:0}
 body .gift-details-table td{padding:5px 4px;white-space:nowrap;vertical-align:middle}
 body .gift-details-table :is(th,td)[data-field=name],body .gift-details-table :is(th,td)[data-field=sender]{min-width:0;max-width:104px;white-space:normal;overflow-wrap:anywhere}
 body .gift-details-table :is(th,td)[data-field=quantity],body .gift-details-table :is(th,td)[data-field=unit],body .gift-details-table :is(th,td)[data-field=total]{max-width:none;font-variant-numeric:tabular-nums}
 body .gift-details-table td[data-field=at]{font-size:11px}
 body .gift-timestamp{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}
 body .gift-time-note{display:block;font-size:10px;line-height:1.25}
 body .gift-details-table .user-marks{gap:2px;margin-left:2px;max-width:100%;flex-wrap:wrap;white-space:normal}
 body .gift-details-table :is(.user-badge,.user-level-icon){height:14px;width:auto;max-width:32px}
}

/* Compact conversation controls leave mobile height for the message feed. */
.control-small{display:none}
:root[data-theme=dark] :is(.feed-controls,.feed-footer,.text-mode .message-row){border-color:#443650}
@media(max-width:720px){
 body .conversation-card .control-wide{display:none}body .conversation-card .control-small{display:inline}
 body .conversation-toolbar{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"heading heading refresh" "naming status mode";align-items:center;padding:8px 8px 5px;gap:5px 4px}
 body .conversation-toolbar>div:first-child{grid-area:heading;display:flex;align-items:center;gap:6px;min-width:0}
 body .conversation-heading{gap:5px;flex-wrap:nowrap;min-width:0}
 body .conversation-toolbar h2{font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body .conversation-toolbar p{margin:0;min-width:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3}
 body .conversation-toolbar:has(#backToMessages:not(.hidden)) #feedSummary{display:none}
 body .conversation-actions,body .conversation-actions:has(>.refresh-action){display:contents}
 body #refreshMessages{grid-area:refresh;font-size:11px;min-height:27px;padding:3px 7px;gap:3px;margin:0;line-height:1.2}
 body #refreshMessages::before{font-size:15px}
 body #listenerState{grid-area:status;font-size:10px;line-height:1.3;padding:3px 5px;white-space:nowrap}
 body .conversation-actions>.name-display-toggle{grid-area:naming;justify-self:start;white-space:nowrap;font-size:11px;gap:3px}
 body #modeToggle{grid-area:mode;min-height:0;padding:3px 0;font-size:11px;line-height:1.2;white-space:nowrap}
 body .conversation-card .name-display-toggle input{width:28px;height:17px;flex-basis:28px}
 body .conversation-card .name-display-toggle input:before{width:11px;height:11px;top:3px;left:3px}
 body .conversation-card .name-display-toggle input:checked:before{transform:translateX(11px)}
 body #backToMessages{flex:none;font-size:10px;line-height:1.3;padding:2px}
 body .feed-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:5px 8px 7px;align-items:center}
 body .timeline-controls,body .feed-controls .type-filter-field{display:grid;grid-template-columns:66px minmax(0,1fr);gap:5px;align-items:center;width:100%;min-width:0}
 body .timeline-controls>label,body .type-filter-field>label{font-size:11px;line-height:1.25;white-space:nowrap;margin:0}
 body .timeline-inputs{gap:4px}body .timeline-inputs input{height:28px;padding:3px 5px;font-size:11px;border-radius:7px;box-sizing:border-box}
 body #jumpTimeline{min-height:28px;padding:3px 6px;font-size:11px;line-height:1.2}
 body #typeFilter .multi-trigger{height:28px;min-height:28px;padding:3px 7px;font-size:11px;border-radius:7px}
 body #roomControls{min-width:0}body .room-switches{flex-direction:row;align-items:center;gap:5px 8px}
 body .room-switches .name-display-toggle{font-size:10px;gap:3px;white-space:nowrap}
 body .room-choices{gap:4px;margin-top:5px}body .room-choice{padding:4px 6px;font-size:11px;line-height:1.3}
 body #roomHint,body #roomBackgroundNote{font-size:10px;line-height:1.3;margin:4px 0 0}body #roomBackgroundNote:empty{display:none}
 body .essence-bar{padding:6px 8px}body .essence-trigger{gap:6px}
}

@media(max-width:720px){
 body .fan-ranking .user-marks{gap:2px;margin-left:2px}
 body .fan-ranking :is(.user-badge,.user-level-icon){height:12px;width:12px}
 body .fan-ranking .user-level-icon{width:auto;max-width:30px}
 body .fan-ranking .user-level{font-size:9px;line-height:1.2;padding:1px 3px;border-radius:3px}
}

body :is(button,a).navigation-action{--navigation-bg:#eee6fc;--navigation-hover:#e1d2f8;--navigation-border:#9875ce;--navigation-text:#512894;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--navigation-border);border-radius:8px;background:var(--navigation-bg);color:var(--navigation-text);font-size:12px;font-weight:750;line-height:1.3;padding:6px 10px;min-height:30px;cursor:pointer;text-decoration:none;flex:none}
body :is(button,a).navigation-action:hover{background:var(--navigation-hover);border-color:var(--navigation-border);color:var(--navigation-text)}
body :is(button,a).navigation-action:not(:disabled),body :is(button,a).navigation-action:not(:disabled) *{color:var(--navigation-text)!important;-webkit-text-fill-color:var(--navigation-text);font-weight:800}
body :is(button,a).navigation-action:not(:disabled){opacity:1}
body :is(button,a).navigation-action:focus-visible{outline:3px solid #c3a9f1;outline-offset:2px}
:root[data-theme=dark] body :is(button,a).navigation-action{--navigation-bg:#7650ac;--navigation-hover:#865fbf;--navigation-border:#ad88dd;--navigation-text:#fff;background:var(--navigation-bg);border-color:var(--navigation-border);color:var(--navigation-text)}
body :is(button,a).button.secondary.navigation-action,:root[data-theme=dark] body :is(button,a).button.secondary.navigation-action{background:var(--navigation-bg);border-color:var(--navigation-border)}
body :is(button,a).button.secondary.navigation-action:hover:not(:disabled),:root[data-theme=dark] body :is(button,a).button.secondary.navigation-action:hover:not(:disabled){background:var(--navigation-hover);border-color:var(--navigation-border)}
body .image-preview-close.navigation-action{width:auto;height:auto;font-size:12px;border-radius:8px}
#currentGiftRegion{min-width:0}#currentGiftRegion .gift-details-inline{margin-top:0}
@media(max-width:720px){
 body :is(.performance-rows,.gift-details-table) .user-marks{gap:2px;margin-left:2px}
 body :is(.performance-rows,.gift-details-table) .user-marks :is(.user-badge,.user-level-icon){height:10px;width:auto;min-height:0;max-height:10px;max-width:26px}
 body :is(.performance-rows,.gift-details-table) .user-marks .user-level{font-size:8px;line-height:1.1;padding:1px 2px;border-radius:3px}
 body .conversation-toolbar #feedSummary{font-size:16px;font-weight:400;color:inherit}
 body .conversation-card #backToMessages.navigation-action{font-size:11px;padding:0 5px;min-height:0;height:20.8px;line-height:1.2}
 body :is(button,a).navigation-action{padding:5px 8px;min-height:29px;font-size:11px}
}

/* Medals precede ranks in every board; reserve room for both medal and number. */
.performance-rows.has-rank-medals>.performance-row{grid-template-columns:44px minmax(0,1fr) 90px}
.performance-rows.has-rank-medals.has-room-status>.performance-row{grid-template-columns:44px minmax(0,1fr) 80px max-content}
.performance-rank .rank-medal{margin:0;font-size:14px}
.rank-activity{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px;margin-left:auto;padding-left:4px;flex:none;max-width:148px}
.activity-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:5px;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;background:#e0f5ea;color:#08734e}
.activity-performance{background:#ffeed8;color:#a55000}
.activity-radio{background:#e3f1ff;color:#176d9f}
.activity-pk{background:#eee0ff;color:#782bc3}
.activity-stage{background:#eee3fc;color:#7842ac}
.broadcast-indicator{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;margin:2px}
.broadcast-indicator::after{content:'';position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;animation:broadcast-pulse 1.5s ease-out infinite}
@keyframes broadcast-pulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(2);opacity:0}}
:root[data-theme=dark] .activity-live{background:#143f30;color:#82e4b8}
:root[data-theme=dark] .activity-performance{background:#4c321a;color:#ffc075}
:root[data-theme=dark] .activity-radio{background:#173b50;color:#85d0ff}
:root[data-theme=dark] .activity-pk{background:#472466;color:#dbb1ff}
:root[data-theme=dark] .activity-stage{background:#3c2850;color:#d4abff}
.rank-track:has(.rank-activity){position:relative;display:flex;align-items:center;height:28px}
.rank-track:has(.rank-activity)>.rank-bar{position:absolute;inset-block:0;left:0}
.rank-track .rank-activity{padding-right:4px}
@media(max-width:720px){
 body .performance-rows.has-rank-medals{grid-template-columns:max-content minmax(0,1fr) max-content}
 body .performance-rows.has-rank-medals.has-room-status{grid-template-columns:max-content minmax(0,1fr) max-content max-content}
 body .performance-rows.has-rank-medals>.performance-row{grid-template-columns:subgrid}
 body .rank-activity{max-width:60px;gap:2px;padding-left:3px}
 body .activity-badge{font-size:9px;padding:2px 3px;gap:3px}
 body .broadcast-indicator{width:6px;height:6px;margin:1px}
 body .performance-bar:has(.rank-activity){min-height:38px;height:auto;padding-block:3px}
}
@media(prefers-reduced-motion:reduce){.broadcast-indicator::after{animation:none;transform:scale(1.8);opacity:.4}}

.storage-warning{position:fixed;z-index:1200;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 10px;border-radius:9px;background:#fff0c7;color:#6c4000;border:1px solid #d49721;font-size:12px;font-weight:700;box-shadow:0 3px 15px #0003;max-width:90vw;width:max-content;display:flex;align-items:center;gap:10px}
.storage-warning a{color:inherit;text-decoration:none;min-width:0}
.storage-warning-close{flex:none;padding:4px 8px!important;min-height:24px!important;background:#854900!important;border:1px solid #854900!important;border-radius:6px;color:#fff!important;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
:root[data-theme=dark] .storage-warning{background:#4c3218;color:#ffd185}

.activity-connection{background:#d9f3f3;color:#087d83;max-width:210px;min-width:0}.activity-connection>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.microphone-indicator{width:12px;height:14px;flex:none;transform-origin:center bottom;animation:microphone-speaking 1.2s ease-in-out infinite}.rank-activity:has(.activity-connection){max-width:260px;min-width:0;flex-shrink:1}
:root[data-theme=dark] .activity-connection{background:#16444b;color:#8ce3de}
@keyframes microphone-speaking{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.12);opacity:1}}
@media(max-width:720px){body .rank-activity:has(.activity-connection){max-width:50%;min-width:0}body .activity-connection{max-width:100%}body .microphone-indicator{width:10px;height:12px}}
@media(prefers-reduced-motion:reduce){.microphone-indicator{animation:none}}

@media(max-width:720px){body .activity-connection>span{white-space:normal;overflow:visible;overflow-wrap:anywhere}}
.nav-icon svg{display:block;width:20px;height:20px}
.nav-icon[data-icon=chicken] svg path:first-child{fill:currentColor}
@media(max-width:720px){.nav-icon[data-icon="◉"]{display:grid;place-items:center;height:20px;font-size:26px;line-height:20px}}

.rank-expand-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.rank-expand-actions>.juju-more{width:auto;flex:1;margin-bottom:0}.rank-expand-actions[hidden],.rank-expand-actions>button[hidden]{display:none}
.nav-parent{display:flex;align-items:center;gap:2px}.nav-parent>.nav-item{flex:1;min-width:0}.nav-expand{border:0;border-radius:7px;width:27px;min-height:32px;flex:none;background:transparent;color:#d1c4e3;cursor:pointer;font-size:17px}.nav-expand:hover{background:#443364;color:white}.nav-expand:focus-visible,.nav-subitem:focus-visible{outline:2px solid #b393de;outline-offset:2px}.nav-children{display:grid;gap:2px;margin:0 29px 6px 32px;padding-left:8px;border-left:1px solid #534663}.nav-children[hidden]{display:none}.nav-subitem{display:block;padding:8px 9px;border-radius:7px;color:#bdb2ce;font-size:12px;line-height:1.4}.nav-subitem:hover{background:#30273f;color:white}.nav-subitem.active{background:#443364;color:#fff;font-weight:750}
.date-range-card{margin-bottom:14px}.date-range-card h2{margin:0 0 12px}.date-range-fields{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.date-range-fields label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.date-range-fields input{min-width:150px;max-width:100%;height:36px;border:1px solid #ddd4e8;border-radius:8px;padding:5px 9px;background:transparent;color:inherit}.date-range-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.date-range-shortcuts button[aria-pressed=true]{background:#7956c4;color:#fff;border-color:#7956c4}
@media(min-width:721px){.sidebar-collapsed :is(.nav-expand,.nav-children){display:none}.sidebar-collapsed .nav-parent>.nav-item{width:100%}.sidebar:has(.nav-group){overflow-y:auto;overscroll-behavior:auto}}
@media(max-width:720px){body:not(.sidebar-open) .sidebar :is(.nav-group,.nav-children){display:none}.sidebar-open .sidebar{max-height:100dvh;overflow-y:auto;overscroll-behavior:auto}.nav-children{margin-left:31px}.nav-subitem{padding-block:7px}.date-range-fields{gap:7px;display:grid;grid-template-columns:minmax(0,1fr)}.date-range-fields label{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}.date-range-fields input{width:100%;min-width:0;height:32px;box-sizing:border-box}.date-range-shortcuts{gap:5px;margin-top:8px}.date-range-card h2{font-size:16px;margin-bottom:9px}}
.rank-member-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;overflow:hidden;background:#ece6f3;color:#7956c4;font-size:13px;margin-right:7px}.rank-member-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:720px){
 body .sidebar{position:sticky!important;top:0;z-index:40;min-height:0;padding:6px 18px;transition:transform .18s ease;align-self:start}
 body:not(.sidebar-open) .sidebar{height:41px;box-sizing:border-box}
 body .sidebar .brand{height:29px;padding:0 45px 0 0;gap:8px;font-size:14px;box-sizing:border-box}
 body .sidebar .brand-mark{width:26px;height:26px;font-size:12px;border-radius:8px}
 body .sidebar .sidebar-toggle{top:6px;right:18px;height:28px;width:32px}
 body.mobile-banner-hidden:not(.sidebar-open) .sidebar{transform:translateY(-100%)}
 body.sidebar-open .sidebar .brand{height:41px;padding-bottom:12px}
 .rank-member-avatar{width:23px;height:23px;margin-right:5px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){body .sidebar{transition:none}}
.sidebar-foot{display:flex;align-items:center;gap:8px}
.sidebar-username{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-logout{flex:none;border:1px solid #9277b3;background:#443354;color:#f5edff;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer}
.sidebar-logout:hover{background:#62467d;border-color:#bba0dc}
.sidebar-logout:focus-visible{outline:2px solid #c8a9ef;outline-offset:3px}
.sidebar-logout:disabled{opacity:.65;cursor:wait}
.sidebar-logout-error{font-size:11px;line-height:1.5;color:#ffc3c3;margin:5px 12px}
.sidebar-logout-error[hidden]{display:none}
@media(min-width:721px){.sidebar-collapsed .sidebar-logout-error{display:none}}
@media(max-width:720px){.sidebar-foot,.sidebar-logout-error{display:none}.sidebar-open .sidebar .sidebar-foot{display:flex;padding:10px 0 2px}.sidebar-open .sidebar .sidebar-logout-error:not([hidden]){display:block}.sidebar-logout{padding:4px 9px}}
:root[data-theme=dark] .date-range-shortcuts button[aria-pressed=true]{background:#7956c4;color:white;border-color:#a58bdb}

/* Shared navigation and surfaces. Team colours and Pocket media keep their
   original appearance; these tokens describe the surrounding application UI. */
:root{--ui-panel:#fff;--ui-border:#e1d9eb;--ui-muted:#74697f;--ui-text:#30283e;--ui-soft:#f3eff8;--ui-accent:#6742a7;--ui-tab-active:#7956c4;--ui-tab-text:#fff;--ui-tab-soft:#eee6fb;--ui-tab-soft-text:#5b328f}
:root[data-theme=dark]{--ui-panel:#211d2c;--ui-border:#494052;--ui-muted:#b9aec5;--ui-text:#eeeaf5;--ui-soft:#2b2537;--ui-accent:#c6a7f2;--ui-tab-active:#7956c4;--ui-tab-text:#fff;--ui-tab-soft:#40304f;--ui-tab-soft-text:#f0ddff}
:root[data-theme=dark] body .button.primary{background:var(--ui-tab-active);color:var(--ui-tab-text)}
body .page-header{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:12px}
body .page-header>.theme-actions{align-self:start;justify-content:flex-end;margin:0;max-width:100%}
body .theme-actions .theme-toggle{order:-1;white-space:nowrap;margin:0;min-height:32px;padding:6px 10px;line-height:1.35;font-size:12px}
body .theme-actions{align-items:flex-start}
body .theme-actions>.header-pill{display:none}
.mobile-menu-label{display:none}
.sidebar-toggle-icon{display:block}

/* Three levels use the same geometry on every feature page. */
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs){display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:0 0 8px;border:0;border-bottom:1px solid var(--ui-border);min-width:0;--tab-bg:var(--ui-tab-active);--tab-text:var(--ui-tab-text)}
:root body .main :is(.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs){--tab-bg:var(--ui-tab-soft);--tab-text:var(--ui-tab-soft-text)}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:is(a,button,span){display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-muted);font:inherit;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;white-space:normal;text-align:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:is(.active,[aria-selected=true],[aria-current=page]){background:var(--tab-bg)!important;color:var(--tab-text)!important;border-color:transparent!important}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:is(a,button):hover:not(:disabled){background:var(--ui-soft);color:var(--ui-accent)}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>[hidden]{display:none}
:root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:disabled{opacity:.45;cursor:default}
:root body .main :is(.personal-mode-toolbar,.stats-options){margin-block:8px;gap:8px}
:root body .main .personal-mode-toolbar>.personal-modes{margin:0;padding-bottom:0;border-bottom:0}
.rank-operation-guide{margin:8px 0 5px;color:var(--ui-muted);font-size:12px;line-height:1.45}
.rank-operation-guide[hidden]{display:none}
html[data-live-mode=history] #refreshStats,html[data-gift-mode=history] #refreshToday{display:none!important}
body button.refresh-action[hidden]{display:none}

/* Readable shared controls in both skins, including dynamically created tabs. */
body .main :is(.field>label,.date-range-fields label,.performance-filters label){color:var(--ui-text)}
body .main :is(.menu,.date-range-card){border-color:var(--ui-border)}
body .main :is(.date-range-fields input,.date-filters select,.performance-filters select){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}
body .main :is(.frequency-switch button,.round-tabs button,.account-pagination button){color:var(--ui-text);border-color:var(--ui-border)}
body .main .frequency-switch button[aria-pressed=true]{color:var(--ui-tab-text);background:var(--ui-tab-active)}
:root[data-theme=dark] body .main :is(.archive-fields dt,.archive-history time,.archive-member-card small,.archive-team-button small,.timeline-endpoints,.performance-subtitle,.stats-change time){color:var(--ui-muted)}
:root[data-theme=dark] body .main :is(.replay-controls,.history-control,.gift-details-inline,.stats-change,.fan-trend){border-color:var(--ui-border)}
:root[data-theme=dark] body .main :is(.date-range-fields input,.date-filters select,.performance-filters select){background:#191620}
body.sign-in .login-card{box-sizing:border-box;width:min(410px,calc(100vw - 32px));background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border)}
body.sign-in .login-card input:not([type=checkbox]){box-sizing:border-box;width:100%}
body.sign-in .page-header{margin-block:14px 6px;gap:8px}
body.sign-in .page-header h1{font-size:25px;margin:0}
body.sign-in .login-card .theme-toggle{background:var(--ui-soft);color:var(--ui-accent);border:1px solid var(--ui-border);min-height:30px;padding:5px 8px;font-size:11px}
:root[data-theme=dark] body.sign-in input:not([type=checkbox]){background:#191620;color:var(--ui-text);border-color:var(--ui-border)}
:root[data-theme=dark] body.sign-in #loginError{color:#ffadbd}

@media(max-width:720px){
 body .shell{padding-top:41px}
 body .sidebar,body.sidebar-open .sidebar{position:fixed!important;top:0;left:0;right:0;width:100%;min-height:0;height:41px;max-height:100dvh;box-sizing:border-box;z-index:1000;padding:6px 12px;overflow:hidden;overscroll-behavior:contain}
 body.sidebar-open .sidebar{height:auto;overflow-y:auto;box-shadow:0 8px 26px #100c2059;border-bottom:1px solid #665582;border-radius:0 0 12px 12px}
 body .sidebar .brand,body.sidebar-open .sidebar .brand{height:29px;min-height:29px;padding:0 108px 0 0;font-size:14px;gap:7px;flex:none}
 body.sidebar-open .sidebar .nav-label{margin:10px 0 3px;font-size:10px}
 body .sidebar .sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:6px;right:12px;top:6px;width:auto;height:28px;padding:0 7px;font-size:18px}
 body .mobile-menu-label{display:inline;font-size:11px;line-height:1.2;font-weight:650;white-space:nowrap}
 body .sidebar .nav-item{min-height:34px;margin-block:1px;font-size:13px;padding-inline:10px}
 body .sidebar .nav-subitem{padding:6px 8px;font-size:12px;line-height:1.35}
 body .sidebar .nav-children{margin-bottom:4px}
 body .sidebar .sidebar-account{margin-top:8px;padding-top:8px}
 body .sidebar .sidebar-foot{padding-block:7px 2px}
 body .page-header{gap:8px;margin-bottom:10px}
 body .page-header>.theme-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:auto}
 body .page-header h1{font-size:21px;line-height:1.3;margin:0}
 body .page-header p{font-size:11px;line-height:1.4;margin:4px 0 0}
 body .theme-actions .theme-toggle{min-height:28px;padding:4px 8px;font-size:11px}
 :root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs){gap:4px;margin-bottom:7px;padding-bottom:5px}
 :root body .main :is(.chicken-tabs,.juju-tabs,.stats-modes,.sub-tabs,.stats-metric-tabs,.personal-modes,.gift-modes,.juju-detail-tabs,.history-view-tabs,.archive-tabs,.round-tabs,.live-pk-tabs)>:is(a,button,span){min-height:28px;padding:4px 8px;border-radius:7px;font-size:12px;line-height:1.3}
 :root body .main :is(.personal-mode-toolbar,.stats-options){margin-block:5px;gap:5px}
 .rank-operation-guide{font-size:10px;line-height:1.35;margin:5px 0 3px}
}

.mobile-rank-anchor{display:none}
@media(min-width:721px){body .sidebar-menu{scrollbar-color:transparent transparent}body .sidebar-menu:hover,body .sidebar-menu:focus-within{scrollbar-color:#6e6388 transparent}body .sidebar-menu::-webkit-scrollbar{width:5px;background:transparent}body .sidebar-menu::-webkit-scrollbar-thumb{border-radius:5px;background:transparent}body .sidebar-menu:hover::-webkit-scrollbar-thumb,body .sidebar-menu:focus-within::-webkit-scrollbar-thumb{background:#6e6388}}
.pk-countdown{font-variant-numeric:tabular-nums}.nav-subitem:has(>.activity-pk){display:flex;align-items:center;flex-wrap:wrap;gap:3px}.nav-subitem>.activity-pk{font-size:9px;padding:2px 4px}.stats-modes .activity-pk{font-size:10px}
:root body .rank-member-avatar{box-shadow:0 0 0 1.5px var(--member-team-color,#81768e)}
:root body .gift-bole-pair>img{box-shadow:0 0 0 1.5px var(--member-team-color,#81768e)}
.entertainment-note{margin-top:24px;padding:12px 0 4px;color:#83798e;font-size:11px;line-height:1.6;text-align:center;flex:none}.sign-in .entertainment-note{margin-top:12px;padding-top:4px;font-size:10px}:root[data-theme=dark] .entertainment-note{color:#a59ab1}
/* Identity marks follow the nickname's font size at every breakpoint. */
:root body .user-marks{font-size:inherit!important;line-height:1;align-items:center}:root body .performance-bar>.user-marks,:root body .fan-ranking .performance-name{font-size:var(--rank-label-size,13px)!important}:root body .user-marks :is(.user-badge,.user-level-icon){height:1em!important;min-height:0!important;max-height:1em!important;width:auto!important;min-width:0!important;max-width:none!important;object-fit:contain;flex:none}:root body .user-marks .user-level{display:inline-flex;align-items:center;height:1.333333em;box-sizing:border-box;padding:0 3px;font-size:.75em!important;line-height:1!important}:root body .fan-message .message-meta{--fan-name-size:13px}:root body .fan-message .fan-badge{height:var(--fan-name-size)!important;width:auto!important;max-height:var(--fan-name-size)!important;max-width:none;object-fit:contain}:root body .fan-message .fan-level{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--fan-name-size)!important;font-size:calc(var(--fan-name-size)*.75)!important;line-height:1!important;padding:0 3px}:root body .guard-level-badge{width:2.1em;height:1em;font-size:inherit}:root body .guard-level-badge .guard-level-number{font-size:.62em}:root body .guard-badge-missing::before{left:8%;top:0;font-size:1em;line-height:1}
@media(max-width:720px){:root body .fan-message .message-meta{--fan-name-size:12px}.entertainment-note{font-size:10px;margin-top:16px;padding-top:8px}}
.sidebar:has(.sidebar-menu){overflow:hidden;min-height:0;height:100dvh}.sidebar .brand{flex:none}.sidebar-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;scrollbar-width:thin;padding-block:2px}.sidebar:has(.sidebar-menu) :is(.sidebar-account,.sidebar-foot,.sidebar-logout-error){flex:none;margin-top:0}.sidebar:has(.sidebar-menu) .sidebar-account{margin-top:10px}.pocket-dynamics-tabs{margin-bottom:16px}
@media(min-width:721px){body .sidebar:has(.sidebar-menu){overflow:hidden}.sidebar-collapsed .sidebar-menu{width:100%}}
@media(max-width:720px){body .sidebar:has(.sidebar-menu){height:41px;display:flex;flex-direction:column;overflow:hidden}body:not(.sidebar-open) .sidebar-menu{display:none}body.sidebar-open .sidebar:has(.sidebar-menu){height:auto;max-height:100dvh;overflow:hidden}body.sidebar-open .sidebar-menu{display:block;max-height:calc(100dvh - 140px);overflow-y:auto;flex:1 1 auto}body .sidebar:has(.sidebar-menu) .sidebar-account{margin-top:7px}body .sidebar:has(.sidebar-menu) .sidebar-foot{padding-block:6px}.pocket-dynamics-tabs{margin-bottom:8px}}
@media(max-width:720px){.mobile-rank-source{display:none!important}.mobile-rank-anchor{display:block;min-width:0;scroll-margin-top:52px;overflow-anchor:none;margin:6px 0}.mobile-rank-anchor>.performance-row{width:100%;box-sizing:border-box;margin:0}.mobile-rank-anchor .performance-row{animation:none!important;transform:none!important}.mobile-rank-anchor+.juju-detail,.mobile-rank-anchor+.fan-panel,.mobile-rank-anchor+.personal-detail{margin-top:8px}.auto-refresh-switch{gap:6px;font-size:11px}}

/* Member selection hints belong to the title, not to a separate form row. */
.member-selection-hint{font-size:11px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--ui-muted,#8d8497);margin-inline-start:8px;white-space:nowrap}
@media(max-width:720px){body .mobile-filter-card:not(.mobile-filter-collapsed){padding-block:8px}.member-selection-hint{font-size:10px;margin-inline-start:6px}.mobile-filter-card .mobile-filter-body{margin-top:8px}}