/* Local-audio MESS pocket receiver. All apparent controls below are real controls. */
.mess-radio-banner.mess-mini-radio{--mini-ice:#bdf7ff;--mini-acid:#ddff89;--mini-volume:35%;width:min(100%,280px);box-sizing:border-box;padding:13px 14px 12px;border:1px solid #dcc9ec;border-radius:21px 21px 28px 28px;background:linear-gradient(110deg,#ddc9e2 0,#ad92b9 7%,#715775 28%,#3f304c 53%,#785f8b 77%,#c2a4d0 96%,#e6d3ed);box-shadow:inset 0 1px 2px #fff9,inset 2px 0 2px #fff2,inset 0 -8px 10px #2115279c,0 7px 0 #382941,0 9px 0 #baa2cc5c,0 19px 25px #0005;color:#f4efff;cursor:default;transform:none}
.mess-radio-banner.mess-mini-radio:hover{transform:none;box-shadow:inset 0 1px 2px #fff9,inset 2px 0 2px #fff2,inset 0 -8px 10px #2115279c,0 7px 0 #382941,0 9px 0 #baa2cc5c,0 19px 25px #0005}
.mess-mini-radio::before{height:36px;width:4px;right:36px;background:linear-gradient(90deg,#826a8c,#fcf2ff,#8c7799)}
.mess-mini-radio .mini-radio-top{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;margin:0 2px 10px}
.mess-mini-radio .mini-radio-speaker{display:block;aspect-ratio:1;border:3px solid #8f7299;border-radius:50%;background:radial-gradient(circle at 40% 30%,#73667d 0,#211727 18%,transparent 20%),repeating-radial-gradient(circle,#17101f 0 2px,#53425e 2.7px 3px,#191120 4px 5px);box-shadow:inset 0 1px 2px #fff3,0 1px 3px #0009}
.mess-mini-radio .mini-radio-open{display:block;min-width:0;min-height:44px;border-radius:10px;background:linear-gradient(145deg,#31213c,#130e20 60%);box-shadow:inset 0 2px 4px #0008,0 1px 0 #dec5f344}
.mess-mini-radio .mini-radio-open .mess-radio-banner-logo{display:block;aspect-ratio:2/1;width:100%;height:auto;max-height:78px;object-fit:contain;filter:none}
.mess-mini-radio .mini-radio-open:focus-visible{outline:3px solid var(--mini-ice);outline-offset:4px}
.mess-mini-radio .mini-radio-display{position:relative;min-width:0;padding:10px 11px 8px;border:1px solid #1a1220;border-radius:8px;background:radial-gradient(ellipse at 20% 0,#d9ff6510,transparent 65%),repeating-linear-gradient(transparent 0 3px,#00000017 3px 4px),#151a19;box-shadow:inset 0 2px 5px #0008,0 1px 0 #d9c3f252;overflow:hidden}
.mess-mini-radio .mini-radio-title{margin:0 17px 3px 0;font:720 14px/1.2 var(--body);letter-spacing:-.025em;color:#e5ffad;overflow-wrap:anywhere}
.mess-mini-radio .mini-radio-artist{margin:0;font:500 10px/1.35 var(--body);color:#b9cc9c}
.mess-mini-radio .mini-radio-led{position:absolute;right:10px;top:12px;width:5px;height:5px;border:1px solid #9d629a66;border-radius:50%;background:#704d6a;box-shadow:inset 0 1px 1px #fff3}
.mess-mini-radio[data-mini-phase="starting"] .mini-radio-led,.mess-mini-radio[data-mini-phase="loading"] .mini-radio-led,.mess-mini-radio[data-mini-phase="waiting"] .mini-radio-led{background:#eab77c;box-shadow:0 0 7px #eab77c44}
.mess-mini-radio[data-mini-playing="true"] .mini-radio-led{border-color:#e3ffa577;background:#dcff86;box-shadow:0 0 7px #ddff8977}
.mess-mini-radio .mini-radio-status-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:8px;font:500 9px/1.2 var(--body);color:#b6bcab;font-variant-numeric:tabular-nums}
.mess-mini-radio .mini-radio-status{min-width:0;margin:0;font:inherit;color:inherit}.mess-mini-radio .mini-radio-time{flex-shrink:0;font:inherit;color:#d7e6ba}
.mess-mini-radio .mini-radio-progress{appearance:none;display:block;width:100%;height:2px;margin:7px 0 0;border:0;border-radius:2px;background:#6b765244;color:#c6ee8f;overflow:hidden;pointer-events:none}
.mess-mini-radio .mini-radio-progress::-webkit-progress-bar{background:#6b765244}.mess-mini-radio .mini-radio-progress::-webkit-progress-value{background:#c6ee8f}.mess-mini-radio .mini-radio-progress::-moz-progress-bar{background:#c6ee8f}
.mess-mini-radio .mini-radio-controls[hidden]{display:none}
.mess-mini-radio .mini-radio-transport{display:flex;align-items:center;justify-content:center;gap:17px;margin:12px 0 2px}
.mess-mini-radio .mini-radio-transport button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:1px solid #c6bdd290;border-radius:50%;background:radial-gradient(ellipse at 28% 13%,#b4a2bb80,transparent 38%),linear-gradient(145deg,#4a4157,#16111e 65%);color:#f5efff;box-shadow:inset 0 1px 1px #fff6,inset 0 -2px 4px #000a,0 2px 0 #2b2035,0 3px 3px #120c1b6b;cursor:pointer}
.mess-mini-radio .mini-radio-transport button:hover{border-color:#c1f7ff;background:radial-gradient(ellipse at 28% 13%,#d1bdd980,transparent 38%),linear-gradient(145deg,#64516f,#1c1428 70%)}
.mess-mini-radio .mini-radio-transport button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0008,0 1px 0 #1b1327}
.mess-mini-radio .mini-radio-transport button:focus-visible,.mess-mini-radio .mini-radio-volume:focus-visible{outline:2px solid var(--mini-ice);outline-offset:4px}
.mess-mini-radio .mini-radio-transport svg{display:block;width:18px;height:18px;fill:currentColor;stroke:none}
.mess-mini-radio .mini-radio-transport .mini-radio-power{width:50px;height:50px;min-width:50px;border:3px solid #978da0;background:radial-gradient(ellipse at 32% 17%,#d5d3df80,transparent 38%),linear-gradient(145deg,#5b4e69,#171320 68%);box-shadow:inset 0 1px 1px #fff8,inset 0 -2px 5px #0009,0 1px 1px #ffffff55,0 3px 0 #241b2d,0 4px 4px #0005}
.mess-mini-radio .mini-radio-power svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mess-mini-radio[data-mini-playing="true"] .mini-radio-power{border-color:#b6bfa3;color:#e0ff99;box-shadow:inset 0 1px 1px #fff8,inset 0 -2px 5px #0009,0 0 0 1px #d4f5a833,0 0 13px #d4ff8233,0 3px 0 #241b2d}
.mess-mini-radio .mini-radio-volume-row{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 2px;font:650 9px/1 var(--body);letter-spacing:.06em;color:#f4eafa}
.mess-mini-radio .mini-radio-volume-label{flex-shrink:0}.mess-mini-radio .mini-radio-volume{appearance:none;display:block;flex:1;min-width:0;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;accent-color:#c2eff4}
.mess-mini-radio .mini-radio-volume::-webkit-slider-runnable-track{height:5px;border:1px solid #211828;border-radius:5px;background:linear-gradient(to right,#b4e3e3 var(--mini-volume),#38283e var(--mini-volume));box-shadow:0 1px 0 #e4c6f044}
.mess-mini-radio .mini-radio-volume::-webkit-slider-thumb{appearance:none;width:21px;height:21px;margin-top:-9px;border:2px solid #d2c6d4;border-radius:50%;background:conic-gradient(from 25deg,#eeedf3,#847b92,#c9c6d1,#706578,#e5d9e5,#a79ab1,#eeedf3);box-shadow:0 2px 2px #0c0716b3,inset 0 0 0 4px #52455c66}
.mess-mini-radio .mini-radio-volume::-moz-range-track{height:4px;border:1px solid #211828;border-radius:5px;background:#38283e}.mess-mini-radio .mini-radio-volume::-moz-range-progress{height:4px;border-radius:5px;background:#b4e3e3}.mess-mini-radio .mini-radio-volume::-moz-range-thumb{width:18px;height:18px;border:2px solid #d2c6d4;border-radius:50%;background:linear-gradient(135deg,#efedf2,#82738c 48%,#ded1e2);box-shadow:0 2px 2px #0c0716b3}
.mess-mini-radio .mini-radio-volume-value{flex:0 0 29px;text-align:right;letter-spacing:0;font-variant-numeric:tabular-nums;color:#e9e1f1}
.mini-radio-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:420px){.mess-radio-banner.mess-mini-radio{width:min(100%,274px);padding:12px}.mess-mini-radio .mini-radio-top{gap:11px;grid-template-columns:38px minmax(0,1fr)}.mess-mini-radio .mini-radio-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mess-mini-radio .mini-radio-open .mess-radio-banner-logo{animation:none}}

/* Approved satin-lilac receiver. Artwork is decorative; the controls below are native. */
.mess-radio-banner.mess-mini-radio{width:min(100%,350px);box-sizing:border-box;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f4efff;transform:none}
.mess-radio-banner.mess-mini-radio:hover{transform:none;box-shadow:none}.mess-radio-banner.mess-mini-radio::before,.mess-radio-banner.mess-mini-radio::after{content:none}
.mess-mini-radio .mini-radio-artwork{position:relative;margin:0 -3px -6px;isolation:isolate}.mess-mini-radio .mini-radio-art-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 12px 10px #09031144)}
.mess-mini-radio .mini-radio-console{position:relative;margin:0 10px;padding:13px 15px 8px;border:1px solid #c2a6d04d;border-radius:17px 17px 24px 24px;background:linear-gradient(145deg,#31243fe8,#191322f5 66%,#30223ce8);box-shadow:inset 0 1px 0 #f9e5ff26,inset 0 -1px 0 #0007,0 9px 24px #08030f26;backdrop-filter:blur(8px)}
.mess-mini-radio .mini-radio-open{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:-8px 0 2px;padding:0;border-radius:5px;color:#f7d8ee;background:none;box-shadow:none;font:700 11px/1.3 var(--body);letter-spacing:.08em;text-decoration:none}
.mess-mini-radio .mini-radio-open-label{font:600 9px/1.3 var(--body);letter-spacing:.045em;color:#c2accc}.mess-mini-radio .mini-radio-open:hover .mini-radio-open-label{color:var(--mini-ice)}
.mess-mini-radio .mini-radio-display{border-color:#9c749b44;background:radial-gradient(ellipse at 0 0,#dc986f0d,transparent 65%),#130f19;border-radius:9px;box-shadow:inset 0 1px 5px #0007}.mess-mini-radio .mini-radio-title{font-size:15px;color:#ffe0b3}.mess-mini-radio .mini-radio-artist{font-size:11px;color:#c7b0d2}.mess-mini-radio .mini-radio-status-row{font-size:10px;color:#b8a4c4}.mess-mini-radio .mini-radio-time{color:#f5d3b1}
.mess-mini-radio .mini-radio-progress::-webkit-progress-value{background:#ffcb91}.mess-mini-radio .mini-radio-progress::-moz-progress-bar{background:#ffcb91}
.mess-mini-radio .mini-radio-transport{gap:18px}.mess-mini-radio .mini-radio-transport button{border:2px solid #cab1c5;background:radial-gradient(ellipse at 35% 25%,#ffe8d0,#bf8f66 65%,#5c3c39);color:#25121d;box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #341b3066,0 0 0 2px #100d19,0 2px 5px #0008}.mess-mini-radio .mini-radio-transport button[data-mini-next]{background:radial-gradient(ellipse at 35% 25%,#d4ffff,#62bac7 65%,#33556d)}.mess-mini-radio .mini-radio-transport button:hover{filter:brightness(1.13)}
.mess-mini-radio .mini-radio-transport .mini-radio-power{border:2px solid #cab1c5;background:radial-gradient(ellipse at 35% 25%,#ffe3f4,#e18cb4 65%,#753960);color:#571338;box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #341b3066,0 0 0 2px #100d19,0 3px 5px #0008}.mess-mini-radio[data-mini-playing="true"] .mini-radio-power{border-color:#ffe0f8;box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #341b3066,0 0 0 2px #100d19,0 0 13px #ff78c44d}
.mess-mini-radio[data-mini-playing="true"] .mini-radio-led{background:#bdf7ff;border-color:#bdf7ff77;box-shadow:0 0 7px #bdf7ff77}
@media(max-width:420px){.mess-radio-banner.mess-mini-radio{width:min(100%,330px);padding:0}.mess-mini-radio .mini-radio-console{margin:0 3px;padding:13px 13px 7px}}

/* Keep the receiver as the only display: a small, unboxed control strip below. */
.mess-mini-radio .mini-radio-console,.home-page .home-activity-grid .mess-mini-radio .mini-radio-console{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;margin:6px 4px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.mess-radio-banner.mess-mini-radio .mini-radio-console>.mini-radio-display{grid-column:1;grid-row:1;position:relative;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.mess-radio-banner.mess-mini-radio .mini-radio-console>.mini-radio-open{grid-column:2;grid-row:1;justify-content:flex-end;align-self:center;min-height:44px;max-width:95px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:right}
.mess-mini-radio .mini-radio-console>.mini-radio-open>span:first-child{display:none}.mess-mini-radio .mini-radio-console .mini-radio-open-label{font-size:9px;letter-spacing:.04em;color:#d0b9db;text-decoration:underline;text-underline-offset:3px}
.mess-mini-radio .mini-radio-console .mini-radio-artist{padding-left:11px;color:#d5c0de;font-size:11px;line-height:1.4;font-weight:550}.mess-mini-radio .mini-radio-console .mini-radio-led{left:0;right:auto;top:5px}
.mess-radio-banner.mess-mini-radio .mini-radio-console .mini-radio-status-row{gap:8px;margin-top:3px;padding:0;font-size:9px;line-height:1.3;color:#b9a6c5}.mess-mini-radio .mini-radio-console .mini-radio-time{color:#cdb6d8}
.mess-mini-radio .mini-radio-console .mini-radio-progress{height:2px;margin-top:7px;background:#ac88b52b}.mess-mini-radio .mini-radio-console .mini-radio-progress::-webkit-progress-bar{background:#ac88b52b}
.mess-mini-radio .mini-radio-console>.mini-radio-controls{grid-column:1/-1;grid-row:2;min-width:0}.mess-mini-radio .mini-radio-console .mini-radio-transport{margin-top:7px;margin-bottom:0}.mess-mini-radio .mini-radio-console .mini-radio-volume-row{margin:0 2px}