:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#06131a;--panel:#0b1e26e6;--panel-strong:#05131af7;--line:#bfeeef2e;--muted:#9eb9bd;--aqua:#5ce1d0;--sun:#f6c453}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{color:#f4fbfb;background:#02080c;font-family:Inter,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}button{color:inherit}.experience{isolation:isolate;background:radial-gradient(circle at 50% 38%,#123c49 0,#05151c 45%,#010507 100%);position:fixed;inset:0;overflow:hidden}.scene-cover{background:#020a12;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scene-ambient{filter:blur(26px)brightness(.42)saturate(.8);opacity:.78;background-color:#001e62;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-6%;transform:scale(1.08)}.scene-stage{z-index:1;background:#001e62;width:min(100vw,133.333vh);height:min(100vh,75vw);position:relative;overflow:hidden;box-shadow:0 0 80px #0000009e}.scene-stage canvas,.scene-poster{width:100%;height:100%;position:absolute;inset:0}.scene-poster{opacity:.98;background-color:#001e62;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:18s ease-in-out infinite alternate island-breathe}.is-crisp .scene-stage canvas,.is-crisp .scene-poster{image-rendering:pixelated;image-rendering:crisp-edges}.is-smooth .scene-stage canvas,.is-smooth .scene-poster{image-rendering:auto}#mainCanvas{z-index:1}#canvas{z-index:2}.ocean-glow{z-index:3;pointer-events:none;background:radial-gradient(#47dced29,#0000 68%);height:45vh;animation:7s ease-in-out infinite alternate tide-glow;position:absolute;inset:auto -10vw -20vh}.scanline-film{z-index:4;pointer-events:none;opacity:.12;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 4px);position:absolute;inset:0}.brand-bug{z-index:8;color:#f6ffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;background:#020c117a;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:10px auto;align-items:center;column-gap:9px;padding:9px 12px;font-size:11px;font-weight:800;display:grid;position:fixed;top:24px;right:26px;box-shadow:0 10px 35px #00000038}.brand-bug small{color:var(--aqua);letter-spacing:.22em;grid-column:2;font-size:8px}.brand-dot{background:var(--sun);border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #f6c453cc}.control-window{z-index:20;background:var(--panel);-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);border:1px solid #a7e6e747;border-radius:18px;width:min(430px,100vw - 24px);animation:.42s cubic-bezier(.2,.8,.2,1) both window-in;position:fixed;overflow:hidden;box-shadow:0 28px 75px #0000008c,inset 0 1px #ffffff14}.window-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#59dbcf33,#091d2666);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 15px;display:grid}.window-titlebar:active{cursor:grabbing}.window-titlebar strong{letter-spacing:.04em;font-size:14px;display:block}.window-titlebar small{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:10px;display:block}.window-mark{gap:4px;display:flex}.window-mark span{background:#5ce1d038;border-radius:5px;width:5px;height:22px}.window-mark span:nth-child(2){background:var(--aqua);height:30px}.window-mark span:nth-child(3){background:var(--sun);height:17px}.icon-button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1}.icon-button:hover{background:#ffffff21}.now-playing{border-bottom:1px solid var(--line);background:#010b1080;align-items:center;gap:11px;padding:14px 18px 12px;display:flex}.now-playing small{color:var(--aqua);letter-spacing:.1em;text-transform:uppercase;font-size:10px;display:block}.now-playing strong{text-overflow:ellipsis;white-space:nowrap;max-width:345px;margin-top:4px;font-size:13px;font-weight:600;display:block;overflow:hidden}.status-light{background:#8ca0a4;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #8ca0a41a}.status-light.loading{animation:1s infinite pulse}.status-light.ready,.status-light.playing{background:#5ce1a0;box-shadow:0 0 12px #5ce1a099}.status-light.error{background:#ff776c;box-shadow:0 0 12px #ff776c99}.control-body{padding:16px 18px 14px}.primary-actions,.secondary-actions{grid-template-columns:1.15fr 1fr 1fr;gap:8px;display:grid}.secondary-actions{grid-template-columns:1.3fr 1fr;margin-top:9px}.button{color:#eaf7f7;cursor:pointer;background:#fff1;border:1px solid #b7e5e733;border-radius:10px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.button:hover:not(:disabled){background:#ffffff1f;border-color:#b7e5e761;transform:translateY(-1px)}.button:disabled{opacity:.42;cursor:not-allowed}.button-primary{background:var(--aqua);border-color:var(--aqua);color:#06211f}.button-primary:hover:not(:disabled){background:#78eadc}.button-play{color:#ffe6a4;background:#f6c45324;border-color:#f6c4536b}.rule{background:var(--line);height:1px;margin:15px 0 13px}.field-label{color:#a8c4c8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.field-grid{grid-template-columns:.9fr 1.35fr;gap:8px;display:grid}select{color:#edfafa;background:#0b252d;border:1px solid #b6e5e733;border-radius:9px;outline:none;width:100%;min-width:0;height:38px;padding:0 30px 0 10px;font-size:12px}select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #5ce1d01f}.segmented{border:1px solid var(--line);background:#0000003d;border-radius:11px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{color:#9db9bd;cursor:pointer;background:0 0;border:0;border-radius:8px;height:32px;font-size:11px;font-weight:750}.segmented button.active{color:#cafff7;background:#5ce1d02b;box-shadow:inset 0 0 0 1px #5ce1d03d}.sound-row{grid-template-columns:88px 1fr 42px;align-items:center;gap:10px;margin-top:14px;display:grid}.sound-button,.text-button{color:#bfe9e5;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750}.sound-button{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;height:32px}.sound-row input{width:100%;accent-color:var(--aqua)}.sound-row output{color:#d8f4f1;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.utility-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.switch-label{color:#abc3c6;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.switch-label input{opacity:0;position:absolute}.switch-label span{background:#365159;border-radius:999px;width:28px;height:16px;transition:background .2s;position:relative}.switch-label span:after{content:"";background:#b5c9cb;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch-label input:checked+span{background:#318f84}.switch-label input:checked+span:after{background:#fff;transform:translate(12px)}.text-button:hover{color:#fff}.control-window footer{border-top:1px solid var(--line);color:#78959a;letter-spacing:.06em;background:#0000002e;justify-content:space-between;padding:10px 18px;font-size:9px;display:flex}.restore-controls,.sound-gate{z-index:25;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#05161dd1;border:1px solid #b8e9e940;position:fixed;box-shadow:0 16px 40px #0006}.restore-controls{border-radius:999px;padding:12px 16px;font-size:12px;font-weight:750;bottom:22px;left:22px}.restore-controls span{color:var(--aqua);margin-right:6px}.sound-gate{text-align:left;border-radius:12px;padding:12px 18px;animation:.4s .6s both gate-in;display:grid;bottom:26px;left:50%;transform:translate(-50%)}.sound-gate strong{font-size:12px}.sound-gate span{color:#9fb9bc;margin-top:3px;font-size:10px}.credit{z-index:8;color:#dcf0f19e;letter-spacing:.04em;text-shadow:0 1px 8px #000;font-size:9px;position:fixed;bottom:18px;right:22px}.credit strong{color:#ffffffd1}.holiday-badge{z-index:7;letter-spacing:.04em;border-radius:12px;padding:10px 15px;font-weight:850;position:fixed;top:84px;right:28px;box-shadow:0 12px 35px #0000004d}.holiday-badge.halloween{color:#1c0b02;background:#ef7d22}.holiday-badge.patrick{color:#03160a;background:#35ae61}.holiday-badge.newyear{color:#181002;background:#f4c85b}.snow{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}.snow i{background:#fff;border-radius:50%;width:7px;height:7px;animation:8s linear infinite snow;position:absolute;top:-20px;box-shadow:0 0 9px #fff}.snow i:first-child{animation-delay:-2s;left:8%}.snow i:nth-child(2){animation-duration:10s;animation-delay:-5s;left:18%}.snow i:nth-child(3){animation-delay:-1s;left:31%}.snow i:nth-child(4){animation-duration:11s;animation-delay:-7s;left:46%}.snow i:nth-child(5){animation-delay:-3s;left:58%}.snow i:nth-child(6){animation-duration:9s;animation-delay:-6s;left:71%}.snow i:nth-child(7){animation-delay:-4s;left:84%}.snow i:nth-child(8){animation-duration:12s;animation-delay:-8s;left:94%}@keyframes island-breathe{0%{transform:scale(1.005)}to{transform:scale(1.025)}}@keyframes tide-glow{0%{opacity:.45;transform:translateY(3%)}to{opacity:.85;transform:translateY(-2%)}}@keyframes window-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes gate-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{50%{opacity:.35}}@keyframes snow{to{transform:translate(60px,110vh)rotate(360deg)}}@media (width<=700px){.brand-bug{top:12px;right:12px}.control-window{border-radius:16px;width:calc(100vw - 20px);max-height:calc(100vh - 78px);bottom:10px;overflow-y:auto;top:auto!important;left:10px!important}.window-titlebar{cursor:default}.primary-actions{grid-template-columns:1.2fr 1fr}.button-iconic{grid-column:span 2}.field-grid{grid-template-columns:1fr}.control-window footer,.credit{display:none}.sound-gate{min-width:240px;top:66px;bottom:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}