:root{--ink: #c9d2de;--dim: #6c7786;--line: rgba(190, 205, 230, .16);--bg: #04060a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;font:12px/1.4 ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}header{position:fixed;left:calc(18px + env(safe-area-inset-left));top:calc(16px + env(safe-area-inset-top));pointer-events:none;max-width:60vw}h1{margin:0;font:italic 400 26px/1.1 Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;letter-spacing:.02em}header p{margin:6px 0 0;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-size:9.5px}button{font:inherit;color:var(--ink);background:#080b108c;border:1px solid var(--line);border-radius:999px;min-width:44px;height:44px;padding:0 14px;letter-spacing:.14em;text-transform:uppercase;font-size:10px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,color .2s,background .2s}button:hover,button.on{border-color:#aac8ff8c;color:#fff}button:active{background:#3c507859}#views{position:fixed;right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));display:flex;gap:6px}#views button{height:36px;min-width:0;padding:0 12px}footer{position:fixed;left:calc(14px + env(safe-area-inset-left));right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto}#play,#regrow,#speed{flex:none;padding:0;width:44px;font-size:12px;letter-spacing:0}#track{flex:1;min-width:0}#meta{display:flex;justify-content:space-between;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;font-size:9.5px;margin-top:2px}#stage{color:var(--ink)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line)}input[type=range]::-moz-range-track{height:1px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#dfe8ff;box-shadow:0 0 12px #96beffe6;border:0}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#dfe8ff;box-shadow:0 0 12px #96beffe6;border:0}#toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;text-align:center;letter-spacing:.14em;text-transform:uppercase;font-size:10px;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}#toast i{display:block;margin-top:3px;text-transform:none;letter-spacing:.02em;color:var(--dim);font:italic 14px Iowan Old Style,Palatino,Georgia,serif}@media(max-width:560px){h1{font-size:21px}header p{display:none}#views button{padding:0 9px;font-size:9px}footer{gap:6px}}@media(max-width:430px){#views{left:calc(14px + env(safe-area-inset-left));right:auto;top:calc(50px + env(safe-area-inset-top))}}