.mero-player{color:#fff4e6;-webkit-backdrop-filter:blur(14px)saturate(115%)brightness(1.16);backdrop-filter:blur(14px)saturate(115%)brightness(1.16);background:linear-gradient(104deg,#fff6ec1a,#ffead80f);border:1px solid #fff6ec4d;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.9rem,1.8vw,1.3rem);padding:.65rem .85rem .65rem .65rem;display:grid;position:relative;box-shadow:0 20px 54px #1007036b,inset 0 1px #ffffff3d}.art{flex:none;width:68px;height:68px;position:relative}.art img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 6px 18px #0e060373}.art-ring{border:1px solid #fff0de57;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #140a0629}.art-ring:after{content:"";background:#fff4e6d1;border-radius:50%;position:absolute;inset:46%;box-shadow:0 0 0 2px #180c0659}.art img{animation:18s linear infinite paused mero-spin}.art.spinning img{animation-play-state:running}@keyframes mero-spin{to{transform:rotate(360deg)}}.track-info{min-width:0}.track-info h2{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .12rem;font-size:clamp(.92rem,1.35vw,1.04rem);font-weight:600;line-height:1.24;overflow:hidden}.track-info p{color:#fff4e6cc;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.scrub{align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.times{color:#fff4e6cc;font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;flex:none;font-size:.67rem}.times b{color:#fff4e6e6;font-weight:400}.mero-player input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.mero-player input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #fff4e6 var(--p,0%), #fff4e63d var(--p,0%));border-radius:999px;height:4px}.mero-player input[type=range]::-moz-range-track{background:#fff4e63d;border-radius:999px;height:4px}.mero-player input[type=range]::-moz-range-progress{background:#fff4e6;border-radius:999px;height:4px}.mero-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff4e6;border:0;border-radius:50%;width:11px;height:11px;margin-top:-3.5px;transition:opacity .18s;box-shadow:0 1px 5px #0e060380}.mero-player input[type=range]::-moz-range-thumb{opacity:0;background:#fff4e6;border:0;border-radius:50%;width:11px;height:11px;transition:opacity .18s}.mero-player:hover input[type=range]::-webkit-slider-thumb{opacity:1}.mero-player input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.mero-player:hover input[type=range]::-moz-range-thumb{opacity:1}.mero-player input[type=range]:focus-visible::-moz-range-thumb{opacity:1}.controls{align-items:center;gap:.26rem;display:flex}.controls .ghost{color:#fff4e6d1;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:color .18s,background .18s;display:grid}.controls .ghost:hover{color:#fff;background:#fff0de1f}.controls svg{fill:currentColor;width:19px;height:19px}.controls .play{color:#1c0e08;background:#fff6ec;border:0;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 .18rem;padding:0;transition:transform .16s,background .16s;display:grid;box-shadow:0 6px 18px #10070352}.controls .play:hover{transform:scale(1.06)}.controls .play:disabled{opacity:.55;cursor:progress}.controls .play svg{width:22px;height:22px}.volume{align-items:center;gap:.1rem;display:flex}.volume input[type=range]{opacity:0;width:0;transition:width .24s,opacity .24s,margin .24s}.volume:hover input[type=range],.volume:focus-within input[type=range]{opacity:1;width:58px;margin:0 .35rem 0 .1rem}.youtube-frame{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.youtube-frame div{width:320px;height:180px}.ready{color:#fff4e680;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:.62rem;position:absolute;bottom:-1.35rem;left:2rem}.is-message{color:#fff4e6d6;min-height:88px;font-family:var(--font-mono), ui-monospace, monospace;border-radius:44px;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem 1.6rem;font-size:.76rem;line-height:1.5}.player-error{color:#ffd8ac}.dot{background:#ff9f6b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ff9f6b}.loading-disc{border:2px solid #fff4e6d9;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:1s linear infinite mero-spin}@media (max-width:700px){.mero-player{border-radius:30px;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.7rem .95rem .85rem}.art{width:58px;height:58px}.art-ring{box-shadow:inset 0 0 0 4px #140a0629}.scrub{margin-top:.45rem}.controls{grid-column:1/-1;justify-content:center;gap:.5rem}.volume{display:none}.controls .play{width:50px;height:50px}.ready{left:1.3rem}.is-message{padding:.9rem 1.2rem}}