body.ceremony{--ink:#222;--muted:#777;--line:#dedede;--paper:#eaeaea}
.ceremony .stat-table-wrap thead{color:#666;background:#f4f4f4}.ceremony .stat-table-wrap tbody{color:#333}.ceremony .stat-table-wrap th,.ceremony .stat-table-wrap td{border-color:#e2e2e2;padding:13px 9px;font-variant-numeric:tabular-nums}.ceremony .stat-table-wrap small{color:#888}.ceremony .stat-table-wrap tbody tr:hover{background:#f6f6f6}
.ceremony .week-chart div,.ceremony .hour-chart span{color:#777}.ceremony .week-chart strong{color:#333}.ceremony .hour-chart button:hover i,.ceremony .hour-chart button:focus i{background:#111}.ceremony .stat-note,.ceremony .interpretation,.ceremony #metric,.ceremony .stat-grid dt{color:#777}.ceremony .stat-grid dd{color:#222}
.ceremony .heat-grid>span{color:#777}.ceremony .participation li{color:#444;border-color:#e2e2e2}.ceremony .word-cloud small{color:#777}.ceremony .chart-readout{color:#555}
.ceremony #guide,.ceremony #guide summary,.ceremony #guideSteps,.ceremony #guideOpen{color:#666;border-color:#ddd}.ceremony .guide-tabs button{background:#eee;color:#555;border-color:#ddd}.ceremony .guide-tabs button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.ceremony #closeShare{color:#555;background:#eee;border:0;border-radius:8px}.ceremony #toast{background:#222;color:#fff}.ceremony #shareDialog::backdrop{background:#0005;backdrop-filter:blur(4px)}.ceremony #shareUrl{color:#333;background:#fafafa}.ceremony .share-footnote{color:#777}
.topic-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.topic-controls button{padding:9px 14px;border-radius:6px;background:#eee;color:#666;font-size:12px}.topic-controls button[aria-pressed=true]{background:#222;color:#fff}.topic-controls label{color:#777;font-size:12px}.topic-controls select{font:inherit;background:#fff;border:1px solid #ddd;border-radius:6px;padding:9px;color:#333;margin-left:6px}.topic-lead{padding:18px;background:#f5f5f3;border-radius:12px;border:1px solid #e4e4e4}.topic-lead span,.topic-lead p{font-size:11px;color:#777;line-height:1.7}.topic-lead h3{font-size:19px;line-height:1.6;margin:10px 0;color:#222;word-break:keep-all}.topic-bars{list-style:none;padding:0;margin:20px 0}.topic-bars li{margin:16px 0}.topic-bars li>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}.topic-bars span{color:#777;font-variant-numeric:tabular-nums}.topic-track{height:7px;border-radius:6px;background:#eee;overflow:hidden}.topic-track i{display:block;height:100%;background:#444;border-radius:6px}
@media(max-width:520px){.ceremony .heat-grid{min-width:0;grid-template-columns:16px repeat(24,minmax(0,1fr));gap:3px}.ceremony .heat-grid button{min-width:0;min-height:0;aspect-ratio:1;padding:0}.ceremony .heat-grid>span{font-size:8px}.ceremony .stat-table-wrap table{font-size:11px}.ceremony .stat-table-wrap th,.ceremony .stat-table-wrap td{padding:12px 5px}}
.ceremony #hourReadout{color:#555}.ceremony .heat-grid button{border-color:transparent}.ceremony .guide-tabs{border-color:#ddd}

.ceremony #analytics{padding-bottom:0}.ceremony #analytics>summary{margin:0;min-height:86px;padding:20px 0;box-sizing:border-box}.ceremony #analytics #statBody{padding-bottom:20px}.ceremony .stats-heading{line-height:1.3}.ceremony .stats-heading small{line-height:1.5}.ceremony .stats-toggle{display:grid;place-items:center;width:24px;height:24px;line-height:1;transition:transform .24s ease}.ceremony .show-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.ceremony .show-nav #prev{justify-self:start;grid-column:1}.ceremony .show-nav #dots{grid-column:2;justify-self:center}.ceremony .show-nav #next{grid-column:3;justify-self:end}.ceremony .show-nav #next[hidden]{display:none}
.ceremony #chooseAwards{display:block;background:transparent;color:#666;font-size:12px;padding:6px 12px;margin:2px auto 0;text-decoration:underline;text-underline-offset:4px}.ceremony #awardOptions{width:min(560px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;border:1px solid #ddd;border-radius:16px;padding:24px;color:#222;background:#fff}.ceremony #awardOptions h2{font-size:23px;margin:0 0 12px}.ceremony #awardOptions p{font-size:13px;color:#666;line-height:1.7}.award-options-toolbar{display:flex;align-items:center;justify-content:space-between;margin:18px 0;font-size:12px}.award-options-toolbar button{background:#eee;border-radius:6px;padding:8px 12px}#awardChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:44dvh;overflow:auto;padding:2px}#awardChoices label{display:flex;align-items:center;gap:9px;background:#f5f5f5;padding:12px 9px;border:1px solid transparent;border-radius:8px;font-size:13px;cursor:pointer}#awardChoices label:has(input:checked){border-color:#ddd}#awardChoices input{accent-color:#222;width:16px;height:16px;margin:0}.ceremony #awardOptionsDone{display:block;width:100%;background:#222;color:#fff;padding:14px;margin-top:20px;border-radius:6px}.ceremony dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
@media(prefers-reduced-motion:no-preference){.ceremony button,.ceremony a,.ceremony summary{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}.ceremony dialog[open]{animation:dialog-in .22s ease-out}.ceremony dialog[open]::backdrop{animation:fade-in .22s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}}

#awardChoices label[data-optional]{flex-wrap:wrap;background:#fff9dc;border-color:#eee4af}#awardChoices label[data-optional] small{font-size:10px;color:#777;width:100%;padding-left:25px}
.ceremony #chooseAwards,.ceremony.cartoon-preview .live-hero #chooseAwards{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;min-height:38px;margin:8px auto 0;padding:9px 14px;border:1px solid #ccc;border-radius:12px 12px 4px 12px;background:#fff;color:#333;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:0 2px 0 #00000008;cursor:pointer}
.ceremony #chooseAwards::before{content:'☷';font-size:19px;line-height:1;color:#555}
.ceremony #chooseAwards::after{content:'›';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fee96d;color:#333;font-size:17px;line-height:1}
.ceremony #chooseAwards:hover{background:#fafafa;border-color:#888}.ceremony #chooseAwards:active{transform:translateY(1px);box-shadow:none}

/* Neutral award picker: keep emphasis on selection, not category color. */
.ceremony #chooseAwards,.ceremony.cartoon-preview .live-hero #chooseAwards{gap:10px;min-height:42px;padding:10px 16px;border-color:#d2d2d2;border-radius:12px;background:#fafafa;color:#333;box-shadow:none;font-weight:600}
.ceremony #chooseAwards::before{content:'';width:15px;height:12px;border-top:2px solid #777;border-bottom:2px solid #777;background:linear-gradient(#777,#777) center/100% 2px no-repeat}
.ceremony #chooseAwards::after{width:auto;height:auto;margin-left:4px;border-radius:0;background:transparent;color:#777;font-size:21px}
.ceremony #chooseAwards:focus-visible{outline:2px solid #444;outline-offset:3px}
#awardChoices label,#awardChoices label[data-optional]{background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:13px 12px;transition:background .16s,border-color .16s;color:#666}
#awardChoices label:has(input:checked){background:#f2f2f2;border-color:#bdbdbd;color:#222}
#awardChoices label:hover{border-color:#999;background:#f7f7f7}
#awardChoices input{appearance:none;-webkit-appearance:none;flex:0 0 19px;width:19px;height:19px;border:1.5px solid #bcbcbc;border-radius:6px;background:#fff;display:grid;place-content:center;cursor:pointer}
#awardChoices input:checked{background:#292929;border-color:#292929}
#awardChoices input:checked::after{content:'';width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
#awardChoices input:focus-visible{outline:2px solid #555;outline-offset:3px}
#awardChoices label[data-optional] small{padding-left:28px;color:#888;font-size:10px}
@media(prefers-reduced-motion:reduce){#awardChoices label{transition:none}}
/* Compact, optically centered picker icons. */
.ceremony #chooseAwards::before{box-sizing:border-box;flex:0 0 14px;width:14px;height:10px;border-top:1.5px solid #777;border-bottom:1.5px solid #777;background:linear-gradient(#777,#777) center/100% 1.5px no-repeat}
.ceremony #chooseAwards::after{content:'';box-sizing:border-box;flex:0 0 6px;width:6px;height:6px;margin:0 2px 0 5px;border:0;border-top:1.5px solid #666;border-right:1.5px solid #666;transform:rotate(45deg);background:none;border-radius:0}