@font-face{font-family:Sky;src:url('./regular.otf');font-display:swap}:root{font-family:Sky,Arial,sans-serif;color:white;background:#08090a;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;background:linear-gradient(175deg,#eef6ff -13%,#0c5eec 38%,#082561 61%,#08090a 86%)}.sky{position:absolute;inset:0;display:grid;place-items:center;padding:10vw}.sky img{width:100%;max-width:1040px;filter:brightness(0) invert(1)}audio{display:none}.transport{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:24px 32px;column-gap:22px;align-items:center;padding:40px 24px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009)}#clock-label{font-size:14px;font-variant-numeric:tabular-nums;grid-column:1;grid-row:1}#timeline{grid-column:1;grid-row:2;width:100%;height:32px;margin:0;accent-color:#fff;cursor:ew-resize;appearance:none;background:transparent}#timeline::-webkit-slider-runnable-track{height:3px;background:#ffffff60}#timeline::-webkit-slider-thumb{appearance:none;width:12px;height:18px;background:white;margin-top:-7.5px}#timeline::-moz-range-track{height:3px;background:#ffffff60}#timeline::-moz-range-thumb{width:12px;height:18px;background:white;border:0;border-radius:0}#message{position:absolute;bottom:140px;left:20px;right:20px;text-align:center;font-size:14px;color:#ddd;pointer-events:none}#message:empty{display:none}.volume-knob{grid-column:2;grid-row:1/3;position:relative;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff80;background:radial-gradient(circle at 35% 25%,#484848,#111 75%);box-shadow:0 3px 14px #0008;touch-action:none;cursor:ns-resize;outline-offset:5px}.volume-knob::after{content:'';position:absolute;inset:6px;transform:rotate(var(--turn,-135deg));background:linear-gradient(#fff,#fff) center top/2px 10px no-repeat;border-radius:50%}.volume-knob[aria-valuenow="0"]::after{opacity:.35}:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:650px){.transport{padding-left:18px;padding-right:18px;column-gap:18px}}

.knob-label{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;line-height:1;color:#fff;pointer-events:none;user-select:none}