#minimal-mode{position:fixed;inset:0;z-index:300;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#502d2b;color:#fff;font-family:'Segoe UI Light','Helvetica Neue',sans-serif}
.minimal-backdrop{position:absolute;z-index:-1;inset:-80px;background:radial-gradient(ellipse at 76% 36%,#ffd0a7c7,transparent 35%),radial-gradient(ellipse at 18% 70%,#af4a2dce,transparent 40%),radial-gradient(ellipse at 70% 89%,#a54421d9,transparent 40%),linear-gradient(135deg,#252b49,#5c2c2b 40%,#b75e3e);filter:blur(35px);transform:scale(1.05)}
.minimal-clock{position:relative;width:clamp(250px,31vw,400px);aspect-ratio:1;align-self:center;margin-top:-10vh;border-radius:50%;background:#2a222a30;border:1px solid #ffffff12;box-shadow:inset 0 2px 8px #ffffff19,0 18px 70px #2d0e0821}
.minimal-clock>svg{position:absolute;inset:-2%;width:104%;height:104%;transform:rotate(-90deg);overflow:visible;fill:none;stroke:#fff;stroke-width:1.1;stroke-linecap:round}
.minimal-ring-track{stroke-opacity:.1}.minimal-ring-progress{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .4s linear}
.minimal-clock-face{position:absolute;inset:28% 13% 25%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:center;text-align:center;font-weight:200}
.minimal-clock-face:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff6b}
.minimal-hour,.minimal-minute{font-size:clamp(54px,6vw,84px);line-height:1;font-weight:200;letter-spacing:-.06em}.minimal-clock-face small{font-size:clamp(18px,2vw,26px);font-weight:300;color:#fff;opacity:.8;margin-top:18px}
.minimal-exit{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff0f;border:1px solid #ffffff21;opacity:.65}.minimal-exit:hover,.minimal-exit:focus-visible{opacity:1;background:#ffffff26}.minimal-exit .icon{width:20px;height:20px}
.minimal-player{position:absolute;bottom:max(8vh,calc(24px + env(safe-area-inset-bottom)));left:50%;transform:translateX(-50%);width:min(400px,calc(100% - 40px));padding:14px 16px 12px;border-radius:20px;border:1px solid #ffffff13;background:#ffffff0c;box-shadow:0 8px 28px #30120e17;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px 12px;align-items:center;box-sizing:border-box}
.minimal-track-art{width:44px;height:44px;border-radius:8px;object-fit:cover}.minimal-track-copy{display:grid;gap:4px;min-width:0}.minimal-track-copy strong,.minimal-track-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font,'Segoe UI',sans-serif);font-size:12px;font-weight:500}.minimal-track-copy span{opacity:.6;font-weight:400}
.minimal-controls{display:flex;align-items:center;gap:8px}.minimal-controls button{display:grid;place-items:center;width:28px;height:34px;padding:0;color:#fff;border-radius:50%}.minimal-controls button[data-action=toggle]{width:38px;height:38px;border:1px solid #ffffff45}.minimal-controls .icon{width:16px;height:16px}.minimal-controls button:hover{background:#ffffff18}
#minimal-mode .seek{grid-column:1/-1;width:100%;height:3px;margin:4px 0 0;background:linear-gradient(to right,#fff var(--progress,0%),#ffffff25 var(--progress,0%))}#minimal-mode .seek::-webkit-slider-thumb{width:8px;height:8px;background:#fff}#minimal-mode .seek::-moz-range-thumb{width:8px;height:8px;background:#fff;border:0}
@media(max-width:600px){.minimal-clock{width:min(72vw,330px);margin-top:-12vh}.minimal-clock-face{inset:29% 12% 25%}.minimal-hour,.minimal-minute{font-size:clamp(54px,16vw,76px)}.minimal-clock-face small{font-size:20px}.minimal-player{bottom:calc(9vh + env(safe-area-inset-bottom));padding:12px;border-radius:18px;gap:10px}.minimal-controls{gap:3px}}
@media(max-height:500px){.minimal-clock{width:200px;margin-top:-50px}.minimal-hour,.minimal-minute{font-size:48px}.minimal-clock-face small{font-size:16px;margin-top:10px}.minimal-player{bottom:16px}.minimal-exit{top:16px;right:16px}}
html[data-reduce-motion=true] .minimal-ring-progress{transition:none}@media(prefers-reduced-motion:reduce){.minimal-ring-progress{transition:none}}