:root{--ink: rgba(246, 242, 234, .92);--ink-soft: rgba(246, 242, 234, .62);--ink-faint: rgba(246, 242, 234, .2);--hairline: rgba(246, 242, 234, .1);--glass: rgba(12, 14, 22, .26);--glass-strong: rgba(12, 14, 22, .42);--frost: blur(26px) saturate(1.35) brightness(.86);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}html,body{height:100%;margin:0;overflow:hidden;background:#05070d;color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;animation:emerge 2.4s var(--ease) both}body.resting canvas{cursor:none}@keyframes emerge{0%{opacity:0}}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid var(--ink-soft);outline-offset:3px}.ui{position:fixed;inset:0;overflow:hidden;pointer-events:none;user-select:none}.title{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center;padding-top:19vh;transition:opacity 1.8s var(--ease),transform 2.4s var(--ease),visibility 0s linear 2.4s}.title.gone{visibility:hidden;opacity:0;transform:translateY(-1.2rem)}.title-name{margin:0 -.5em 0 0;font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,3.5rem);font-weight:300;letter-spacing:.5em;text-transform:uppercase;text-shadow:0 0 2.4rem rgba(8,10,20,.28);animation:rise 2.8s var(--ease) .5s both}.begin{position:relative;margin-top:3rem;margin-right:-.42em;padding:.7rem 1.4rem;color:var(--ink-soft);font-size:.78rem;font-weight:400;letter-spacing:.42em;text-transform:uppercase;pointer-events:auto;transition:color .6s ease;animation:rise 2.8s var(--ease) 1.5s both}.begin:after{position:absolute;right:1.4rem;bottom:.2rem;left:calc(1.4rem - .42em);height:1px;background:currentColor;content:"";opacity:.5;transform:scaleX(.34);transition:transform .8s var(--ease),opacity .8s ease}.begin:hover,.begin:focus-visible{color:var(--ink)}.begin:hover:after,.begin:focus-visible:after{opacity:.8;transform:scaleX(1)}.begin:focus-visible{outline:none}@keyframes rise{0%{opacity:0;transform:translateY(.6rem)}}.dock{position:absolute;bottom:1.1rem;left:50%;display:flex;align-items:stretch;max-width:calc(100vw - 1.5rem);box-sizing:border-box;padding:.5rem .4rem;border:1px solid var(--hairline);border-radius:.9rem;background:var(--glass);box-shadow:0 .6rem 2.6rem #04060c29;backdrop-filter:var(--frost);font-size:.78rem;opacity:0;transform:translate(-50%,.3rem);visibility:hidden;transition:opacity .9s var(--ease),transform .9s var(--ease),visibility 0s linear .9s}.dock.visible{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible;transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s}.dock-section{display:flex;align-items:center;gap:.2rem;padding:0 .55rem}.dock-section+.dock-section{border-left:1px solid var(--hairline)}.player{gap:.35rem}.play{flex:none;display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;transition:background .3s ease}.play:hover{background:#f6f2ea14}.play svg{width:1rem;height:1rem;fill:var(--ink)}.control{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0;box-sizing:border-box;padding:.16rem .55rem;border-radius:.5rem;text-align:left}.menu-trigger{transition:background .3s ease}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#f6f2ea0f}.control-label{display:flex;align-items:center;gap:.4em;color:var(--ink-soft);font-size:.6rem;font-weight:400;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.control-value{overflow:hidden;max-width:9.5rem;font-size:.8rem;font-weight:400;letter-spacing:.02em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.time{font-variant-numeric:tabular-nums;letter-spacing:.1em}.seek{width:10rem}.slider-cell{width:7rem}.slider-cell.volume{width:4.6rem}.midi-dot{width:.3rem;height:.3rem;border-radius:50%;background:var(--ink-faint);transition:background .5s ease}.midi-dot.on{background:var(--ink-soft)}.midi-dot.pulse{animation:pulse .5s ease-out}@keyframes pulse{0%{background:#fff;box-shadow:0 0 .5rem .1rem #ffffffb3}}.slider{--fill: 0%;display:block;width:100%;height:.95rem;margin:0;background:none;cursor:pointer;appearance:none}.slider::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--ink-soft) var(--fill),var(--ink-faint) var(--fill))}.slider::-moz-range-track{height:1px;background:var(--ink-faint)}.slider::-moz-range-progress{height:1px;background:var(--ink-soft)}.slider::-webkit-slider-thumb{width:.56rem;height:.56rem;margin-top:calc(-.28rem + .5px);border:0;border-radius:50%;background:var(--ink);box-shadow:0 0 .4rem #080a144d;appearance:none;transition:transform .25s var(--ease)}.slider::-moz-range-thumb{width:.56rem;height:.56rem;border:0;border-radius:50%;background:var(--ink)}.slider:hover::-webkit-slider-thumb,.slider:active::-webkit-slider-thumb{transform:scale(1.3)}.panels{position:absolute;inset:0}.menu-panel{position:absolute;width:max-content;min-width:10rem;max-width:min(21rem,calc(100vw - 1.25rem));max-height:calc(100vh - 7rem);overflow-y:auto;box-sizing:border-box;padding:.3rem;border:1px solid var(--hairline);border-radius:.8rem;background:var(--glass-strong);box-shadow:0 .6rem 2.6rem #04060c38;backdrop-filter:var(--frost);font-size:.82rem;opacity:0;transform:translateY(.25rem);visibility:hidden;transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s linear .28s}.menu-panel.open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s}.menu-group+.menu-group{margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--hairline)}.menu-heading{padding:.35rem .6rem .25rem;color:var(--ink-soft);font-size:.6rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.menu-message{max-width:15rem;padding:.4rem .6rem;color:var(--ink-soft);line-height:1.4}.menu-options{display:flex;flex-direction:column}.menu-option{position:relative;display:flex;justify-content:space-between;gap:1.6rem;padding:.34rem .75rem .34rem 1.25rem;border-radius:.45rem;font-weight:400;text-align:left;transition:background .2s ease}.menu-option:hover,.menu-option:focus-visible{background:#f6f2ea14;outline:none}.menu-option[aria-checked=true]:before{position:absolute;top:50%;left:.56rem;width:.26rem;height:.26rem;margin-top:-.13rem;border-radius:50%;background:var(--ink);content:""}.menu-option-note{color:var(--ink-soft);white-space:nowrap}.menu-options.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.05rem;padding:0 .25rem .2rem}.menu-options.grid .menu-option{justify-content:center;padding:.28rem 0;font-variant-numeric:tabular-nums}.menu-options.grid .menu-option[aria-checked=true]{background:#f6f2ea24}.menu-options.grid .menu-option[aria-checked=true]:before{content:none}.whisper{position:absolute;right:1rem;bottom:5.4rem;left:1rem;color:var(--ink);font-size:.8rem;font-weight:300;letter-spacing:.08em;text-align:center;text-shadow:0 0 1rem rgba(8,10,20,.55);white-space:pre-wrap;opacity:0;transition:opacity 1.4s var(--ease)}.whisper.speaking{opacity:.86;transition-duration:.5s}.veil{position:absolute;inset:0;display:grid;place-items:center;background:#0a0c143d;backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--ease)}.veil.open{opacity:1}.veil-text{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.6rem);font-style:italic;font-weight:300;letter-spacing:.04em}@media(max-width:880px){.dock{flex-wrap:wrap;justify-content:center;gap:.25rem 0;width:calc(100vw - 1.5rem)}.dock-section+.dock-section{border-left:0}.player{flex:1 1 100%;justify-content:center}.seek{flex:1;width:auto;max-width:16rem}.slider-cell{width:5.4rem}.whisper{bottom:10rem}}@media(max-width:560px){.dock-section{padding:0 .2rem}.control{padding:.16rem .4rem}.control-value{max-width:5.8rem}.whisper{bottom:12rem}}@media(prefers-reduced-motion:reduce){#stage,.title-name,.begin{animation:none}.title,.dock,.menu-panel{transform:none}.dock{transform:translate(-50%)}}
/*# sourceMappingURL=main.css.map */