*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:transparent;font-family:var(--m28-font,system-ui,sans-serif);color:var(--m28-text,#20212a)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--m28-accent);outline-offset:2px}.mm28-widget{border:1px solid var(--m28-border);border-radius:var(--m28-radius);padding:16px;background:var(--m28-background);background-size:cover;background-position:center;overflow:hidden}.mm28-widget header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.mm28-widget header span{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--m28-muted)}.mm28-widget h1{font-size:18px;line-height:1.3;margin:4px 0 0;overflow-wrap:anywhere}.mm28-widget-brand{font-size:12px;font-weight:800;white-space:nowrap;color:var(--m28-accent)}.mm28-now{display:flex;align-items:center;gap:14px;min-width:0}.mm28-now img{width:64px;height:64px;object-fit:cover;border-radius:var(--m28-cover-radius);flex:none}.mm28-now>div{min-width:0}.mm28-now strong,.mm28-now span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm28-now strong{font-size:15px}.mm28-now span{font-size:12px;color:var(--m28-muted);margin-top:5px}.mm28-controls{display:flex;align-items:center;gap:7px;margin:14px 0 0}.mm28-controls button{background:none;border:0;color:var(--m28-text);border-radius:50%;width:38px;height:38px;flex:none}.mm28-controls .mm28-widget-play{background:var(--m28-accent);color:#fff;width:44px;height:44px;font-weight:800}.mm28-controls input{width:100%;min-width:24px;accent-color:var(--m28-accent)}#m28Time{font-size:11px;white-space:nowrap;color:var(--m28-muted)}#m28Status{font-size:11px;line-height:1.5;margin:9px 0;color:var(--m28-muted)}.mm28-widget-list{list-style:none;margin:12px 0;padding:0;max-height:290px;overflow:auto;overscroll-behavior:contain}.mm28-widget-list li{border-top:1px solid var(--m28-border)}.mm28-widget-list button{display:flex;gap:10px;align-items:center;background:none;color:var(--m28-text);border:0;padding:11px 4px;width:100%;text-align:left;min-height:50px}.mm28-widget-list button.active{color:var(--m28-accent);font-weight:700}.mm28-widget-list b{font-size:10px;opacity:.6;min-width:16px}.mm28-widget-list span{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm28-widget-list small{display:block;font-size:11px;color:var(--m28-muted);margin-top:3px}.mm28-widget footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--m28-border);padding-top:12px;font-size:11px}.mm28-widget footer small{font-size:9px;color:var(--m28-muted)}.mm28-embed-error{padding:18px;font:14px/1.7 system-ui,sans-serif}.compact .mm28-widget{padding:10px 14px;display:grid;grid-template-columns:minmax(130px,1fr) minmax(210px,1fr);gap:0 16px;min-height:124px}.compact .mm28-widget header{grid-column:1/-1;margin-bottom:5px}.compact .mm28-widget header span,.compact .mm28-widget-list,.compact .mm28-widget footer{display:none}.compact .mm28-widget h1{font-size:13px;margin:0}.compact .mm28-now img{width:42px;height:42px}.compact .mm28-controls{margin:0}.compact #m28Status{grid-column:1/-1;margin:4px 0 0;line-height:1.3}.compact .mm28-now strong{font-size:13px}.compact .mm28-now span{font-size:11px}@media(max-width:500px){.compact .mm28-widget{grid-template-columns:1fr;min-height:170px}.compact .mm28-controls{margin-top:5px}.compact #m28Status{font-size:10px}.mm28-widget footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:200px){.mm28-widget{padding:8px}.mm28-widget header{flex-wrap:wrap}.mm28-now img{width:36px;height:36px}.mm28-controls{gap:0}.mm28-controls button{width:30px}.mm28-controls input,#m28Time{display:none}.mm28-widget h1{font-size:14px}}
/* v29 unavailable entries */
.mm28-widget-list li.is-unavailable{opacity:.58}.mm28-widget-list li.is-unavailable button{cursor:not-allowed}.mm28-widget-list li.is-unavailable span{filter:grayscale(1)}.mm28-widget-list li.is-deleted small{color:#9b6464}.mm28-widget-list li.is-private small{color:#8c728e}
