.rank-periods{margin:14px 0 20px;width:fit-content}.play-summary{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:12px;margin:20px 0}.play-summary dt{color:var(--color-muted);font-size:12px}.play-summary dd{margin:5px 0;font-size:21px;font-weight:650;font-variant-numeric:tabular-nums}.hour-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:18px 0}.hour-cell{border:1px solid var(--color-rule);border-radius:5px;padding:7px 2px;text-align:center;background:#f2f3f6;cursor:help;font-variant-numeric:tabular-nums}.hour-cell span{display:block;font-size:10px;color:var(--color-muted)}.hour-cell strong{font-size:12px}.hour-cell.level-1{background:#eeeefc}.hour-cell.level-2{background:#dedff8}.hour-cell.level-3{background:#c6c8f0}.hour-cell.level-4{background:#a8ace7}.hour-cell:focus-visible{outline:2px solid #535bb4;outline-offset:2px}.similar-list{padding:0;margin:15px 0 0;list-style:none}.similar-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--color-rule)}.similar-list li>img{border-radius:4px;object-fit:cover}.similar-list li>div{flex:1;min-width:0}.similar-list a{display:block;font-weight:600;overflow-wrap:anywhere}.similar-list small{display:block;font-size:11px;color:var(--color-muted);margin-top:5px}.similar-list small img{vertical-align:middle}.similar-list li>strong{min-width:60px;text-align:right;font-size:22px}.embed-controls{display:flex;gap:16px;margin:16px 0}.embed-tools details{margin:14px 0;border-top:1px solid var(--color-rule);padding-top:12px}.embed-tools summary{cursor:pointer;font-weight:600}.embed-banner-preview,.embed-widget-preview{display:block;max-width:100%;border:0;margin:14px 0}.embed-banner-preview{height:auto}.embed-tools textarea{display:block;width:100%;font:11px/1.5 monospace;resize:vertical;min-height:72px;margin:12px 0}.notification-list{list-style:none;padding:0}.notification-list li{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--color-rule)}.notification-list li>div{min-width:0;overflow-wrap:anywhere}.notification-list p{margin:5px 0}.notification-list small{color:var(--color-muted)}.event-dot{width:8px;height:8px;border-radius:100%;background:#bfc2cb;flex:none;margin-top:6px}.unread .event-dot{background:#ba412f}.unread a{font-weight:650}.watch-list form{padding:16px 0;border-top:1px solid var(--color-rule)}.watch-list small{display:block;margin-top:5px;color:var(--color-muted)}.watch-options{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}.watch-options label{display:flex;gap:5px;align-items:center;font-size:13px}.watch-options input{width:auto}.notification-summary{padding:12px 0}.notification-summary strong{display:inline-block;background:#eeeef7;border-radius:4px;min-width:24px;text-align:center}.play-insights select{max-width:190px}
@media(max-width:600px){.play-summary{grid-template-columns:1fr 1fr}.play-summary dd{font-size:18px}.play-summary>div:last-child{grid-column:1/-1}.hour-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.similar-list li>img{width:54px;height:40px}.similar-list li>strong{font-size:18px;min-width:48px}.similar-list small code{display:block}.embed-controls{gap:10px}.play-insights .online-heading{align-items:start}.play-insights select{max-width:135px}.online-heading .period-switch{flex-wrap:wrap}.watch-options{gap:12px}.notification-list small{font-size:11px}}