:root{--orb-share:54vmin;--orb-clear:1.3;--screen-h:100vh;--d:min(var(--orb-share), calc((var(--screen-h) - 2 * var(--foot-room,0px)) / var(--orb-clear)))}@supports (height:100svh){:root{--screen-h:100svh}}.stage{pointer-events:none;position:fixed;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.void{width:var(--d);height:var(--d);background:radial-gradient(circle closest-side,#040309 0%,#06050d 45%,#0a0915 82%,#0d0b18 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--ink:#e6e2f0;--ink-dim:#8f87b0;--ring:#b48cff;--way:#b9b0da;--play-target-share:.17;--play-glyph-share:.054;--play-target:clamp(44px, calc(var(--d) * var(--play-target-share)), 96px);--play-glyph:clamp(18px, calc(var(--d) * var(--play-glyph-share)), 30px);--play-ink:var(--way);--play-ink-on:var(--ink-dim);--play-ink-near:var(--ring);--play-glow:10px;--play-glow-ink:#b48cff8c;--play-rest:.3;--play-on:.14;--play-near:.9;--play-turn:.6s;--focus-ink:var(--ring);--focus-width:1px;--foot-size:11px;--foot-track:.38em;--foot-ink:var(--ink-dim);--foot-rest:.5;--foot-near:1;--foot-h:44px;--foot-gap:10px;--foot-room:calc(var(--foot-h) + var(--foot-gap) + var(--volume-room) + env(safe-area-inset-bottom,0px))}@media (width<=700px){:root{--foot-size:10px}}:root{--volume-w:88px;--volume-line:1px;--volume-dot:9px;--volume-pad:16px;--volume-ink:var(--ink-dim);--volume-ink-near:var(--ring);--volume-rail:#8f87b059;--volume-rest:.5;--volume-near:1;--volume-turn:.3s;--volume-icon:16px;--volume-icon-target:44px;--volume-icon-rest:.3;--volume-lift:0px;--volume-show:.2s;--volume-grace:.35s;--volume-corner:10px;--volume-room:0px;--volume-reach:calc(var(--volume-w) + 2 * var(--volume-pad))}.play{appearance:none;z-index:2;width:var(--play-target);height:var(--play-target);min-width:44px;min-height:44px;color:var(--play-ink);opacity:var(--play-rest);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--play-turn) ease, opacity var(--play-turn) ease;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.play[aria-pressed=true]{color:var(--play-ink-on);opacity:var(--play-on)}.play:focus{outline:none}.play:focus-visible{color:var(--play-ink-near);opacity:var(--play-near);outline:var(--focus-width) solid var(--focus-ink);outline-offset:-6px}@media (hover:hover){.play:hover{color:var(--play-ink-near);opacity:var(--play-near)}}.play .glyph{width:var(--play-glyph);height:var(--play-glyph);fill:currentColor;stroke:none;filter:drop-shadow(0 0 #0000);transition:opacity var(--play-turn) ease, filter var(--play-turn) ease;grid-area:1/1}.play:focus-visible .glyph{filter:drop-shadow(0 0 var(--play-glow) var(--play-glow-ink))}@media (hover:hover){.play:hover .glyph{filter:drop-shadow(0 0 var(--play-glow) var(--play-glow-ink))}}.play .glyph-pause,.play[aria-pressed=true] .glyph-play{opacity:0}.play[aria-pressed=true] .glyph-pause{opacity:1}.foot{z-index:2;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + var(--foot-gap));pointer-events:none;justify-content:center;display:flex;position:fixed}.foot a{pointer-events:auto;min-width:44px;min-height:var(--foot-h);box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:var(--foot-size);letter-spacing:var(--foot-track);text-transform:uppercase;color:var(--foot-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.foot a span{padding-left:var(--foot-track);opacity:var(--foot-rest);transition:color .3s,opacity .3s}.foot a:focus{outline:none}.foot a:focus-visible span{color:var(--ink);opacity:var(--foot-near)}.foot a:focus-visible{outline:var(--focus-width) solid var(--focus-ink);outline-offset:-10px;border-radius:2px}@media (hover:hover){.foot a:hover span{color:var(--ink);opacity:var(--foot-near)}}.foot nav{display:flex}.volume-set{pointer-events:auto;right:calc(env(safe-area-inset-right,0px) + var(--volume-corner));bottom:calc(env(safe-area-inset-bottom,0px) + var(--volume-corner));display:flex;position:fixed}.volume-icon{appearance:none;width:var(--volume-icon-target);height:var(--volume-icon-target);color:var(--play-ink);opacity:var(--volume-icon-rest);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--play-turn) ease, opacity var(--play-turn) ease;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.volume-icon .glyph{width:var(--volume-icon);height:var(--volume-icon);fill:currentColor;stroke:none;filter:drop-shadow(0 0 #0000);transition:filter var(--play-turn) ease}.volume-icon:focus{outline:none}.volume-icon:focus-visible{color:var(--play-ink-near);opacity:var(--play-near);outline:var(--focus-width) solid var(--focus-ink);outline-offset:-6px}.volume-icon:focus-visible .glyph{filter:drop-shadow(0 0 var(--play-glow) var(--play-glow-ink))}@media (hover:hover){.volume-icon:hover{color:var(--play-ink-near);opacity:var(--play-near)}.volume-icon:hover .glyph{filter:drop-shadow(0 0 var(--play-glow) var(--play-glow-ink))}}.foot .volume{appearance:none;padding:var(--volume-pad) 0;box-sizing:border-box;left:0;bottom:calc(100% + var(--volume-lift));width:var(--volume-icon-target);height:var(--volume-reach);writing-mode:vertical-lr;--volume-at:50%;--volume-run:to top;color:var(--volume-ink);opacity:0;visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;transition:color var(--volume-turn) ease, opacity var(--volume-show) ease var(--volume-grace), visibility 0s linear calc(var(--volume-show) + var(--volume-grace));direction:rtl;background:0 0;border:0;margin:0;position:absolute}.volume-set[data-open] .volume{opacity:var(--volume-rest);visibility:visible;transition:color var(--volume-turn) ease, opacity var(--volume-show) ease, visibility 0s}.volume-set[data-hushed] .volume{transition:none}.foot .volume::-webkit-slider-runnable-track{block-size:var(--volume-line);border-radius:var(--volume-line);background:linear-gradient(var(--volume-run), currentColor 0 var(--volume-at), var(--volume-rail) var(--volume-at) 100%);border:0}.foot .volume::-webkit-slider-thumb{appearance:none;width:var(--volume-dot);height:var(--volume-dot);background:currentColor;border:0;border-radius:50%;margin-block-start:calc((var(--volume-line) - var(--volume-dot)) / 2)}.foot .volume::-moz-range-track{block-size:var(--volume-line);border-radius:var(--volume-line);background:var(--volume-rail);border:0}.foot .volume::-moz-range-progress{block-size:var(--volume-line);border-radius:var(--volume-line);background:currentColor}.foot .volume::-moz-range-thumb{width:var(--volume-dot);height:var(--volume-dot);background:currentColor;border:0;border-radius:50%}.foot .volume:focus{outline:none}.volume-set[data-open] .volume:focus-visible{color:var(--volume-ink-near);opacity:var(--volume-near);outline:var(--focus-width) solid var(--focus-ink);outline-offset:-10px;border-radius:2px}@media (hover:hover){.volume-set[data-open] .volume:hover{color:var(--volume-ink-near);opacity:var(--volume-near)}}@media (prefers-reduced-motion:reduce){.volume-icon,.volume-icon .glyph,.foot .volume,.volume-set[data-open] .volume,.play,.play .glyph,.foot a span{transition:none}}
