:root{color:#21150d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3eeee;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3eeee;min-width:320px;margin:0}button,audio{font:inherit}#root{padding:0;display:block}main{text-align:center;background:#fff;border:1px solid #ddcfca;border-radius:12px;width:min(100%,720px);margin:16px auto 0;padding:20px 16px;box-shadow:0 24px 70px #48220f24}.mf-logo{width:220px;max-width:70%;height:auto;margin:0 auto 12px;display:block}h2{color:#21150d;justify-content:center;align-items:center;min-height:58px;margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.2;display:flex}.audio-source{display:none}.web-build-info{color:#725f55;text-align:center;margin:-3px 0 12px;font-size:12px;line-height:1.3}.player-controls{color:#fff;text-align:left;background:#303030;border-radius:10px;grid-template-columns:64px auto minmax(80px,1fr) auto 44px;align-items:center;gap:10px;margin:0 0 12px;padding:8px 10px;display:grid}.playback-toggle{background:#454545;border-color:#00c982;border-radius:50%;flex:none;min-width:56px;min-height:56px;padding:0;font-size:24px;font-weight:700;line-height:1}.playback-toggle:hover:not(:disabled){background:#5a5a5a}.elapsed-time,.total-duration{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.playback-progress{accent-color:#00c982;cursor:pointer;width:100%;min-width:0;margin:0}.volume-control{justify-content:end;display:flex;position:relative}.volume-toggle{background:0 0;border-color:#0000;border-radius:8px;flex:none;min-width:44px;min-height:44px;padding:9px}.volume-toggle:hover:not(:disabled),.volume-toggle[aria-expanded=true]{background:#454545;border-color:#00c982}.volume-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px;margin:auto;display:block}.volume-toggle svg path:first-child{fill:currentColor;stroke:currentColor}.volume-popover{z-index:2;background:#303030;border:1px solid #5a5a5a;border-radius:10px;justify-content:center;width:48px;height:156px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 18px #00000052}.volume-slider{accent-color:#00c982;cursor:pointer;writing-mode:vertical-lr;-webkit-appearance:slider-vertical;direction:rtl;width:20px;height:130px;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main>div{flex-wrap:nowrap;justify-content:center;gap:10px;display:flex}button{color:#fff;cursor:pointer;white-space:nowrap;background:#48220f;border:1px solid #6c4327;border-radius:8px;flex:1;min-height:46px;padding:12px 14px;transition:background .15s,border-color .15s,transform .15s,opacity .15s}button:hover:not(:disabled){background:#60341d;border-color:#00c982}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-offset:3px;outline:3px solid #00c98259}button:disabled{cursor:not-allowed;opacity:.55}main>p{color:#725f55;margin:8px 0 0;font-size:15px}@media (width<=650px){#root{padding:0}main{margin:16px auto 0}main>div{flex-wrap:wrap}main>div button{white-space:normal;flex:calc(50% - 5px);min-width:0}.player-controls{grid-template-columns:52px auto minmax(70px,1fr) auto 40px;gap:8px}.playback-toggle{min-width:52px;min-height:52px}.elapsed-time,.total-duration{font-size:14px}.volume-toggle{min-width:40px;min-height:40px}}.dislike-message{background:#f3eeee;border:1px solid #ddcfca;border-radius:8px;max-width:560px;margin:12px auto;padding:10px 12px;line-height:1.4}.diagnostics-panel{text-align:left;background:#f8f4f2;border:1px solid #ddcfca;border-radius:8px;margin:16px 0;padding:12px;display:none}.diagnostics-panel h3{margin:0 0 10px;font-size:18px}.diagnostics-panel dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0 0 12px;display:grid}.diagnostics-panel dl div{display:contents}.diagnostics-panel dt{font-weight:600}.diagnostics-panel dd{overflow-wrap:anywhere;min-width:0;margin:0}.diagnostics-panel button{min-height:38px}.diagnostic-copy-status{margin:8px 0}.diagnostics-panel details{margin-top:10px}.diagnostics-panel pre{color:#fff;text-align:left;white-space:pre-wrap;background:#21150d;border-radius:6px;max-height:260px;margin:8px 0 0;padding:8px;font-size:12px;overflow:auto}html[data-mf-radio-platform=tauri],html[data-mf-radio-platform=tauri] body,html[data-mf-radio-platform=tauri] #root{height:100%;min-height:100%}html[data-mf-radio-platform=tauri] body{min-width:0;overflow:hidden}html[data-mf-radio-platform=tauri] #root{place-items:center;padding:clamp(12px,3vw,28px);display:grid}html[data-mf-radio-platform=tauri] main{width:min(100%,640px);margin:0;padding:clamp(16px,3vw,24px)}@media (width<=650px){html[data-mf-radio-platform=tauri] main{margin:0}}@media (height<=500px){html[data-mf-radio-platform=tauri] body{overflow:auto}html[data-mf-radio-platform=tauri] #root{align-items:start;height:auto;min-height:100%}}@media (width<=650px){html[data-mf-radio-platform=tauri] #root{padding:4px}html[data-mf-radio-platform=tauri] main{padding:8px}}