:root{color-scheme:dark;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#000;color:#f1f1ed}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:100svh}#art{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header,footer,main{position:fixed;z-index:2;pointer-events:none}header{inset:max(1.4rem,env(safe-area-inset-top)) 1.5rem auto;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.13em}a,button{font:inherit;color:inherit;pointer-events:auto}a{text-decoration:none}main{left:1.5rem;top:5rem}h1{font-weight:400;font-size:.72rem;letter-spacing:.16em;margin:0}main p{font-size:.6rem;letter-spacing:.13em;color:#858580;margin-top:.7rem}footer{inset:auto 1.5rem max(1.5rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#858580;font-size:.6rem;letter-spacing:.12em}.controls{display:flex;gap:1.2rem}button{border:0;background:transparent;cursor:pointer;padding:.8rem 0;min-height:44px;letter-spacing:inherit}button:focus-visible,a:focus-visible{outline:none;text-decoration:underline;text-underline-offset:.4em}.track{position:absolute;left:0;right:0;bottom:-.5rem;height:1px;background:#242424}#progress{width:0;height:1px;background:#bcbcb6}#fallback{position:fixed;top:45%;left:1.5rem;right:1.5rem;text-align:center;color:#888;font-size:.8rem}@media(max-width:600px){header{left:1rem;right:1rem}main{left:1rem;top:4.5rem}footer{left:1rem;right:1rem;letter-spacing:.06em;font-size:.53rem}}
.track{appearance:none;-webkit-appearance:none;padding:0;margin:0;pointer-events:auto;cursor:pointer;border:0;outline:none}.track::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:3px;height:12px;background:#f1f1ed;border:0}.track::-moz-range-thumb{width:3px;height:12px;background:#f1f1ed;border:0;border-radius:0}.track:focus-visible{outline:1px solid #858580;outline-offset:5px}