:root{--track-accent:#66e7ff;color:#eefcff;font-synthesis:none;text-rendering:optimizelegibility;background:#05070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{color:#041821;background:#9beeff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.scene{touch-action:none;width:100%;height:100%;display:block}.hud,.controls{z-index:1;pointer-events:none;position:fixed}.hud{max-width:34rem;top:clamp(1.5rem,4vw,4rem);left:clamp(1.5rem,5vw,5rem)}.eyebrow{color:#66e7ff;letter-spacing:.2em;margin:0 0 .75rem;font-size:.72rem;font-weight:700}h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.5rem,9vw,8rem);font-weight:300;line-height:.88}.description{color:#a6bbc4;max-width:27rem;margin:1.25rem 0 0;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.6}.meadow-link{color:#d3dcca;text-underline-offset:.3em;pointer-events:auto;margin-bottom:1.5rem;font-size:.85rem;display:inline-block}.meadow-link+.meadow-link{margin-left:1.25rem}.meadow-link:hover{color:#fff}.meadow-link:focus-visible{outline-offset:6px;outline:2px solid #d3dcca}.controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#050b12b8;border:1px solid #89e4ff29;border-radius:1rem;width:min(18rem,100vw - 3rem);padding:1.25rem;bottom:clamp(1.5rem,4vw,4rem);left:50%;transform:translate(-50%);box-shadow:0 1.5rem 4rem #00000059}.controls label{color:#dffaff;letter-spacing:.04em;justify-content:space-between;font-size:.8rem;display:flex}.controls output{color:#66e7ff;font-variant-numeric:tabular-nums}.controls input[type=range]{accent-color:#66e7ff;width:100%;margin:.65rem 0 .95rem}.palette-group{margin-bottom:1rem}.control-caption{color:#dffaff;letter-spacing:.04em;margin-bottom:.65rem;font-size:.8rem;display:block}.palette-options{align-items:center;gap:.48rem;display:flex}.palette-swatch,#custom-color{cursor:pointer;border:2px solid #0a1720;border-radius:50%;flex:none;width:1.7rem;height:1.7rem;padding:0}.palette-swatch{background:var(--swatch)}.palette-track{--swatch:conic-gradient(#66e7ff, #9aa8ff, #ff7895, #ff956e, #b1ecff, #66e7ff)}.palette-cyan{--swatch:#55c9ff}.palette-violet{--swatch:#b35aff}.palette-ember{--swatch:#ff7347}.palette-mint{--swatch:#50eeb2}.palette-swatch.is-selected,#custom-color.is-selected{outline-offset:2px;outline:2px solid #e4faff}#custom-color{appearance:none;background:#66e7ff}#custom-color::-webkit-color-swatch-wrapper{padding:0}#custom-color::-webkit-color-swatch{border:0;border-radius:50%}#custom-color::-moz-color-swatch{border:0;border-radius:50%}.controls :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #b8f4ff}.controls .spin-control{cursor:pointer;align-items:center;margin:.1rem 0 1rem}.spin-control input{accent-color:#66e7ff;cursor:pointer;width:1rem;height:1rem;margin:0}.visual-state{color:#a6cbd5;margin:0 0 .65rem;font-size:.78rem}.visual-state strong{color:var(--track-accent);font-weight:600}.player{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b12c7;border:1px solid #89e4ff29;border-radius:1rem;width:min(20rem,100vw - 3rem);padding:1.1rem 1.2rem 1rem;position:fixed;bottom:clamp(1.5rem,4vw,4rem);left:clamp(1.5rem,4vw,4rem);box-shadow:0 1.5rem 4rem #00000059}.player-heading,.player-timeline,.player-actions{align-items:center;display:flex}.player-heading{color:#8eb9c4;letter-spacing:.15em;gap:.5rem;font-size:.65rem;font-weight:700}.player-led{background:#587a84;border-radius:50%;width:.4rem;height:.4rem}.player-led.is-playing{background:#66e7ff;box-shadow:0 0 0 .25rem #66e7ff1f}.player-count{color:#bdd5db;font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-left:auto}.track-select-wrap{color:#eefcff;margin-top:.55rem;display:block;position:relative}.track-select-wrap svg{pointer-events:none;color:#66e7ff;position:absolute;top:50%;right:.1rem;transform:translateY(-50%)}.track-select{appearance:none;width:100%;color:inherit;font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;padding:.15rem 1.3rem .15rem 0;font-size:1.15rem;font-weight:600}.track-select option{color:#eefcff;background:#0b1720}.player-timeline{color:#a9c6ce;font-variant-numeric:tabular-nums;gap:.7rem;margin-top:.85rem;font-size:.7rem}.player-progress{--progress:0%;appearance:none;background:linear-gradient(to right, #66e7ff var(--progress), #9fc5cf3d var(--progress));cursor:pointer;border-radius:99px;flex:1;min-width:0;height:.25rem;margin:0}.player-progress::-webkit-slider-thumb{appearance:none;background:#c8f7ff;border:0;border-radius:50%;width:.65rem;height:.65rem}.player-progress::-moz-range-thumb{background:#c8f7ff;border:0;border-radius:50%;width:.65rem;height:.65rem}.player-actions{gap:.55rem;margin-top:.9rem}.player-actions button{cursor:pointer;border:0;flex:none;place-items:center;transition:background .18s,color .18s,transform .18s;display:grid}.player-actions button:hover{transform:translateY(-1px)}.player-skip{color:#aac8d0;background:0 0;width:2rem;height:2rem}.player-skip:hover{color:#eefcff}.player-toggle{color:#05202b;background:#91eafb;border-radius:50%;width:2.35rem;height:2.35rem}.player-toggle:hover{background:#c5f5ff}.player-state{color:#a9c6ce;margin-left:auto;font-size:.68rem}.player :is(button,select,input):focus-visible{outline-offset:3px;outline:2px solid #b8f4ff}.drawing{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-color:#366674 transparent;background:#050b12d6;border:1px solid #89e4ff2e;border-radius:1rem;width:20rem;max-width:calc(100vw - 3rem);max-height:calc(100dvh - 3rem);position:fixed;top:clamp(1.5rem,4vw,4rem);right:clamp(1.5rem,4vw,4rem);overflow-y:auto;box-shadow:0 1.5rem 4rem #00000059}.drawing:not(.is-open){width:auto}.drawing-toggle{color:#e9faff;width:100%;min-height:3.25rem;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:.75rem 1rem;font-size:.78rem;font-weight:650;display:flex}.drawing-toggle>svg:first-child{color:#8eeaff}.drawing-chevron{color:#85aab4;margin-left:auto;transition:transform .18s}.drawing.is-open .drawing-chevron{transform:rotate(180deg)}.drawing-toggle:hover{color:#a9efff}.drawing :is(button,canvas):focus-visible{outline-offset:3px;outline:2px solid #b8f4ff}.drawing-workspace{padding:0 1rem 1rem}.drawing-workspace[hidden]{display:none}.drawing-instruction{color:#b1cad1;margin:0 0 .9rem;font-size:.76rem;line-height:1.5}.drawing-paper{aspect-ratio:8/5;background-color:#081620;background-image:radial-gradient(#63a7b73d .7px,#0000 .8px);background-size:15px 15px;border:1px solid #92d3e242;border-radius:.65rem;position:relative;overflow:hidden}.drawing-canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.drawing-placeholder{color:#7196a1;pointer-events:none;place-items:center;font-size:.76rem;display:grid;position:absolute;inset:0}.drawing-placeholder[hidden]{display:none}.drawing-status{color:#a6cbd5;min-height:1.1rem;margin:.65rem 0 .85rem;font-size:.69rem;line-height:1.45}.drawing-actions{gap:.45rem;display:flex}.drawing-actions button{min-height:2.5rem;font:inherit;cursor:pointer;border:0;border-radius:.5rem;font-size:.72rem;font-weight:650}.drawing-apply{color:#06202a;background:#9ceafb;flex:1;padding:.5rem .7rem}.drawing-apply:hover:not(:disabled){background:#c8f5ff}.drawing-apply:disabled{opacity:.45;cursor:not-allowed}.drawing-clear{color:#c3dce3;background:#9fc5cf21;padding:.5rem .7rem}.drawing-clear:hover:not(:disabled){background:#9fc5cf38}.drawing-clear:disabled{opacity:.45;cursor:not-allowed}.drawing-reset{color:#9dc4ce;width:100%;font:inherit;text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;margin-top:.75rem;padding:.4rem;font-size:.7rem;text-decoration:underline}.drawing-reset:hover{color:#e9faff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#renderer-status{color:#71858d;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.7rem}@media (width<=1100px){#app{scrollbar-color:#366674 transparent;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.5rem 2rem;display:flex;overflow:hidden auto}.scene{width:100vw;height:100dvh;position:fixed;inset:0}.hud,.drawing,.player,.controls{pointer-events:auto;flex:none;width:min(100%,28rem);max-height:none;position:relative;inset:auto}.hud{order:1;margin-bottom:.5rem}.drawing{order:2;width:min(100%,28rem)}.player{order:3}.controls{order:4;transform:none}.description{max-width:18rem}}.hud .about-toggle{pointer-events:auto;color:#d9e2ea;height:34px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#080c168c;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:8px;margin-top:1.1rem;padding:0 13px;font-size:.72rem;transition:border-color .2s,color .2s;display:inline-flex}.hud .about-toggle svg{width:15px;height:15px}.hud .about-toggle:hover{color:#fff;border-color:#ffffff73}.hud .about-toggle:focus-visible{outline-offset:3px;outline:2px solid #b8f4ff}