.ap-host{width:100%;container:aphost/inline-size}.ap-phone{--ap-accent:#49a8ff;--ap-screen-bg:linear-gradient(165deg, #051d5c, #0a56b3 60%, #0f86c4);--ap-ink:#fff;--u:1cqw;aspect-ratio:568/1303;width:100%;color:var(--ap-ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:50%;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Nunito,system-ui,sans-serif;display:block;position:relative}.ap-phone[data-theme=flourish]{--ap-accent:#ffb3df;--ap-screen-bg:linear-gradient(165deg, #3e0c3c, #9a2369 60%, #d8508f)}.ap-phone[data-theme=eco]{--ap-accent:#c5f25a;--ap-screen-bg:linear-gradient(165deg, #0b4a17, #23851f 60%, #4f9e1e)}.ap-phone[data-theme=aqua]{--ap-accent:#aef6f0;--ap-screen-bg:linear-gradient(165deg, #03545f, #078a98 60%, #1fa3a8)}.ap-phone[data-theme=dorfic]{--ap-accent:#ffd95a;--ap-screen-bg:linear-gradient(165deg, #7a2400, #c9480a 60%, #d9730f)}.ap-phone[data-theme=aero]{--ap-accent:#c8f55a;--ap-screen-bg:linear-gradient(165deg, #0a3f9e, #1b7fe0 55%, #2f9a3a)}.ap-phone{--ap-glow:#49b0ff;--ap-glow-hi:#c9ecff}.ap-phone[data-theme=flourish]{--ap-glow:#ff62bd;--ap-glow-hi:#ffd3ec}.ap-phone[data-theme=eco]{--ap-glow:#7ddc32;--ap-glow-hi:#dcf8b8}.ap-phone[data-theme=aqua]{--ap-glow:#2fdcea;--ap-glow-hi:#c6f7fb}.ap-phone[data-theme=dorfic]{--ap-glow:#ff8424;--ap-glow-hi:#ffdcb8}.ap-phone[data-theme=aero]{--ap-glow:#3fa6ff;--ap-glow-hi:#c8e6ff}.ap-body{pointer-events:none;filter:drop-shadow(0 2.5cqw 4cqw #001e5047);width:100%;height:100%;position:absolute;inset:0}.ap-screen{--vx-ink:color-mix(in srgb, var(--ap-glow-hi) 12%, #f2f5f8);--vx-dim:color-mix(in srgb, var(--ap-glow) 22%, #a9b4c0);--vx-glow:var(--ap-glow);--vx-deck-a:color-mix(in srgb, var(--ap-glow) 9%, #20262e);--vx-deck-b:color-mix(in srgb, var(--ap-glow) 5%, #0b0e12);--vx-font:"Segoe UI", "Segoe UI Variable Text", "Selawik", "Frutiger", "Myriad Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;font-family:var(--vx-font);color:var(--vx-ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05070a;border-radius:1.6cqw;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:absolute;overflow:hidden;container-type:size}.ap-ambient{display:none}.ap-glass{z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg, transparent calc(38% + var(--sx,0) * 14%), #ffffff14 calc(44% + var(--sx,0) * 14%), transparent calc(52% + var(--sx,0) * 14%)), linear-gradient(118deg, #ffffff1f, #ffffff0a 30%, transparent 30.4%);box-shadow:inset 0 0 0 1px #00000080, inset 0 calc(var(--u) * 1) calc(var(--u) * 3) #00000073;position:absolute;inset:0}.ap-status,.ap-softbar,.ap-bar{background:linear-gradient(#fff3, #ffffff12 49%, #0000 50%, #ffffff0a), linear-gradient(var(--vx-deck-a), var(--vx-deck-b));box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0009}.ap-status{align-items:center;gap:calc(var(--u) * 1.8);padding:calc(var(--u) * 1.2) calc(var(--u) * 2.6);font-size:calc(var(--u) * 4.4);letter-spacing:.01em;text-shadow:0 1px 1px #000000b3;font-weight:600;display:flex}.ap-status-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ap-status-count{font-size:calc(var(--u) * 3.8);font-variant-numeric:tabular-nums;color:var(--vx-dim)}.ap-ico{height:calc(var(--u) * 3.4);width:auto;color:var(--vx-glow);filter:drop-shadow(0 0 calc(var(--u) * .6) color-mix(in srgb, var(--vx-glow) 60%, transparent));flex:none}.ap-video{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.ap-video video{object-fit:cover;width:100%;height:100%;display:block}.ap-video video::cue{font-family:var(--vx-font);color:#fff;background:#0000009e;font-size:.82em}.ap-hit{cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.ap-bigplay{width:calc(var(--u) * 15);aspect-ratio:1;color:#fff;background:radial-gradient(ellipse 70% 42% at 50% 22%, #ffffffbf, #fff0 70%), radial-gradient(circle at 50% 115%, color-mix(in srgb, var(--vx-glow) 85%, #fff), color-mix(in srgb, var(--vx-glow) 40%, transparent) 45%, transparent 70%), radial-gradient(circle at 50% 40%, #283442e6, #060a10e6 72%);box-shadow:0 0 0 1px #000000b3, inset 0 0 0 1px #ffffff80, 0 0 calc(var(--u) * 5) color-mix(in srgb, var(--vx-glow) 55%, transparent), 0 calc(var(--u) * .8) calc(var(--u) * 2) #0009;opacity:0;border-radius:50%;place-items:center;transition:opacity .22s,scale .32s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;scale:.7}.ap-bigplay svg{width:46%;height:46%;filter:drop-shadow(0 0 calc(var(--u) * 1) #fffc);margin-left:8%}.ap-screen[data-paused] .ap-bigplay{opacity:1;scale:1}.ap-hit:hover .ap-bigplay{box-shadow:0 0 0 1px #000000b3, inset 0 0 0 1px #ffffffb3, 0 0 calc(var(--u) * 8) var(--vx-glow);scale:1.06}.ap-busy{pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.ap-busy[data-visible]{display:grid}.ap-busy span{width:calc(var(--u) * 11);aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 18%, color-mix(in srgb, var(--vx-glow) 30%, transparent) 40%, var(--vx-glow) 80%, #fff 92%, transparent 93%);filter:drop-shadow(0 0 calc(var(--u) * 1.2) var(--vx-glow));border-radius:50%;animation:.9s linear infinite ap-spin;-webkit-mask:radial-gradient(circle,#0000 56%,#000 58%);mask:radial-gradient(circle,#0000 56%,#000 58%)}@keyframes ap-spin{to{rotate:1turn}}.ap-osd{pointer-events:none;position:absolute;inset:0}.ap-osd-pill{align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.2) calc(var(--u) * 2.6);border-radius:calc(var(--u) * 2);font-size:calc(var(--u) * 4.2);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff38, 0 calc(var(--u) * .6) calc(var(--u) * 2) #00000080;background:linear-gradient(#ffffff38,#ffffff0d 50%,#0000 51%),#0a0e14c7;font-weight:600;transition:opacity .18s,scale .18s;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.ap-osd-pill svg{width:calc(var(--u) * 4.6);height:calc(var(--u) * 4.6);flex:none}.ap-osd-pill[data-starting-style],.ap-osd-pill[data-ending-style]{opacity:0;scale:.9}.ap-osd-seek[data-direction=backward]{left:22%}.ap-osd-seek[data-direction=backward] svg{transform:scaleX(-1)}.ap-osd-seek[data-direction=forward]{left:78%}.ap-osd-vol{top:18%}.ap-osd-vol-fill{width:calc(var(--u) * 16);height:calc(var(--u) * 1.6);background:#0009;border-radius:999px;font-size:0;display:block;position:relative;box-shadow:inset 0 0 0 1px #fff3}.ap-osd-vol-fill:before{content:"";width:var(--media-volume-fill);border-radius:inherit;background:linear-gradient(#fff, var(--vx-glow));box-shadow:0 0 calc(var(--u) * 1) var(--vx-glow);position:absolute;inset:0 auto 0 0}.ap-top{display:none}.ap-bar{justify-content:space-evenly;gap:calc(var(--u) * .6);min-height:0;padding:calc(var(--u) * 1) calc(var(--u) * 2.4) calc(var(--u) * 1.2);background:radial-gradient(ellipse 60% 55% at 50% 100%, color-mix(in srgb, var(--vx-glow) 30%, transparent), transparent 70%), linear-gradient(#ffffff21, #ffffff08 30%, #0000 31%), linear-gradient(color-mix(in srgb, var(--vx-glow) 7%, #171b21), color-mix(in srgb, var(--vx-glow) 3%, #050608));flex-direction:column;display:flex;position:relative}.ap-seekrow{align-items:center;gap:calc(var(--u) * 1.6);display:flex}.ap-t{min-width:calc(var(--u) * 7);font-size:calc(var(--u) * 3.5);font-variant-numeric:tabular-nums;color:var(--vx-dim);text-align:center;flex:none;font-weight:600}.ap-deck{display:contents}.ap-deck-l{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 2);min-width:0;padding-inline:calc(var(--u) * .4);order:-1;display:flex}.ap-deck-l .ap-deck-title{font-size:calc(var(--u) * 4);font-weight:300}.ap-deck-l .ap-deck-sub{font-size:calc(var(--u) * 3)}.ap-transport{order:1}.ap-deck-r{align-items:center;gap:calc(var(--u) * .8);order:2;display:flex}.ap-slider{height:calc(var(--u) * 5);cursor:pointer;touch-action:none;flex:1;align-items:center;display:flex;position:relative}.ap-track{width:100%;height:calc(var(--u) * 1.5);background:linear-gradient(#000,#23282f);border-radius:999px;transition:height .15s;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #000c,0 1px #ffffff1f}.ap-slider[data-interactive] .ap-track{height:calc(var(--u) * 2)}.ap-buffer,.ap-fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.ap-buffer{width:var(--media-slider-buffer);background:#ffffff29}.ap-fill{width:var(--media-slider-fill);background:linear-gradient(#ffffffb3, #ffffff1a 50%, #00000026 51%), linear-gradient(90deg, color-mix(in srgb, var(--vx-glow) 45%, #0a3a7a), var(--vx-glow));box-shadow:0 0 calc(var(--u) * 1.2) var(--vx-glow)}.ap-thumb{left:var(--media-slider-fill);width:calc(var(--u) * 4);height:calc(var(--u) * 4);background:radial-gradient(circle at 50% 28%, #fff 0 22%, #fff0 52%), radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--vx-glow) 60%, #fff), color-mix(in srgb, var(--vx-glow) 70%, #062040) 75%);box-shadow:0 0 0 1px #000000bf, 0 0 calc(var(--u) * 1.6) var(--vx-glow);border-radius:50%;transition:scale .15s;position:absolute;translate:-50%}.ap-slider[data-interactive] .ap-thumb{scale:1.2}.ap-seek[data-dragging] .ap-thumb{left:var(--media-slider-pointer)}.ap-seek[data-dragging] .ap-fill{width:var(--media-slider-pointer)}.ap-vol{min-width:calc(var(--u) * 10);flex:auto}.ap-preview{bottom:calc(100% + var(--u) * 1);pointer-events:none;opacity:0;z-index:3;justify-items:center;gap:3px;transition:opacity .15s,translate .15s;display:grid;position:absolute;translate:0 4px}.ap-seek[data-pointing] .ap-preview,.ap-seek[data-dragging] .ap-preview{opacity:1;translate:0}.ap-preview-frame{max-width:calc(var(--u) * 52);max-height:calc(var(--u) * 29.25);background:#000;border:1px solid #767676;border-radius:3px;display:block;overflow:hidden;box-shadow:1px 2px 6px #00000080}.ap-preview-frame[data-hidden]{display:none}.ap-preview-img{display:block}.ap-preview-label{justify-items:center;gap:2px;display:grid}.ap-preview-chapter{font:600 11px/1.3 var(--vx-font);color:#fff;white-space:nowrap;text-shadow:0 1px 1px #000;background:#0009;border-radius:3px;padding:1px 6px 2px}.ap-preview-chapter:empty{display:none}.ap-preview-time,.ap-tip{font:400 12px/1.35 var(--vx-font);color:#3b3b3b;white-space:nowrap;background:linear-gradient(#fff,#e4e5f0);border:1px solid #767676;border-radius:3px;padding:2px 7px 3px;box-shadow:1px 2px 4px #00000061}.ap-tip{--media-tooltip-side-offset:7px;pointer-events:none;align-items:center;gap:6px;margin:0;transition:opacity .14s;display:flex}.ap-tip[data-starting-style],.ap-tip[data-ending-style]{opacity:0}.ap-tip-kbd{font:600 10.5px/1.45 var(--vx-font);color:#444;background:linear-gradient(#fff,#e3e3e3);border:1px solid #a3a3a3;border-radius:3px;padding:0 4px}.ap-tip-kbd:empty{display:none}.ap-tb,.ap-ib,.ap-orb,.ap-chip,.ap-soft,.ap-gallery-item,.ap-key{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}.ap-transport{justify-content:center;align-items:center;gap:calc(var(--u) * .4);padding-inline:calc(var(--u) * 1.4);align-self:center;display:flex;position:relative}.ap-transport:before{content:"";height:calc(var(--u) * 8.4);z-index:-1;background:linear-gradient(#fff3, #ffffff0d 49%, #0003 50%, #ffffff0d), linear-gradient(color-mix(in srgb, var(--vx-glow) 10%, #2a313a), #07090c);border-radius:999px;position:absolute;inset:50% 0 auto;translate:0 -50%;box-shadow:0 0 0 1px #000000d9,inset 0 1px #ffffff4d,inset 0 -1px #ffffff14}.ap-transport{isolation:isolate}.ap-tb,.ap-ib{width:calc(var(--u) * 7);height:calc(var(--u) * 7);color:color-mix(in srgb, var(--ap-glow-hi) 30%, #e4eaf0);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .15s,filter .15s,background .15s;display:inline-grid;position:relative}.ap-tb svg,.ap-ib svg{filter:drop-shadow(0 1px #000c);width:58%;height:58%}.ap-tb:hover,.ap-ib:hover,.ap-tb:focus-visible,.ap-ib:focus-visible{color:#fff;background:radial-gradient(circle, color-mix(in srgb, var(--vx-glow) 45%, transparent), transparent 70%)}.ap-tb:hover svg,.ap-ib:hover svg{filter:drop-shadow(0 0 calc(var(--u) * 1) var(--vx-glow))}.ap-tb:active,.ap-ib:active{scale:.92}.ap-tb-seek svg{width:78%;height:78%}.ap-ib{border-radius:calc(var(--u) * 1.4);width:calc(var(--u) * 6.4);height:calc(var(--u) * 6.4)}.ap-ib[data-hidden],.ap-ib[hidden]{display:none}.ap-rate{width:auto;min-width:calc(var(--u) * 7.4);padding-inline:calc(var(--u) * 1);font-size:calc(var(--u) * 3.3);font-variant-numeric:tabular-nums;font-weight:700}.ap-ib[aria-pressed=true],.ap-ib[data-active]{color:var(--vx-glow)}.ap-orb{margin-inline:calc(var(--u) * .6);width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:#fff;background:radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--vx-glow) 70%, #fff) 0, var(--vx-glow) 22%, color-mix(in srgb, var(--vx-glow) 25%, transparent) 50%, transparent 66%), radial-gradient(circle at 50% 38%, #34404f, #090d13 72%);box-shadow:0 0 0 1px #000000e6, inset 0 0 0 1px #ffffff6b, inset 0 calc(var(--u) * -.6) calc(var(--u) * 1.6) color-mix(in srgb, var(--vx-glow) 60%, transparent), 0 calc(var(--u) * .5) calc(var(--u) * 1.4) #000000b3, 0 0 calc(var(--u) * 2.6) color-mix(in srgb, var(--vx-glow) 40%, transparent);border-radius:50%;flex:none;place-items:center;padding:0;transition:box-shadow .2s,scale .12s;display:inline-grid;position:relative}.ap-orb-glass{pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff0d);border-radius:50% 50% 46% 46%/62% 62% 38% 38%;height:47%;position:absolute;top:5%;left:15%;right:15%}.ap-orb svg{width:44%;height:44%;filter:drop-shadow(0 0 calc(var(--u) * .8) #ffffffb3) drop-shadow(0 1px 0 #0009);position:relative}.ap-orb[data-paused] svg{margin-left:7%}.ap-orb:hover,.ap-orb:focus-visible{box-shadow:0 0 0 1px #000000e6, inset 0 0 0 1px #ffffffb3, inset 0 calc(var(--u) * -.8) calc(var(--u) * 2.4) var(--vx-glow), 0 calc(var(--u) * .5) calc(var(--u) * 1.4) #000000b3, 0 0 calc(var(--u) * 4.5) var(--vx-glow)}.ap-orb:active{scale:.94}.ap-softbar{padding:calc(var(--u) * 1.2) calc(var(--u) * 2);justify-content:space-between;align-items:center;display:flex}.ap-soft{padding:calc(var(--u) * .9) calc(var(--u) * 3.6);border-radius:calc(var(--u) * .9);font-size:calc(var(--u) * 4.2);color:#111;background:linear-gradient(#f2f2f2,#ebebeb 50%,#ddd 50%,#cfcfcf);border:1px solid #707070;font-weight:400;box-shadow:inset 0 0 0 1px #ffffffbf}.ap-soft:hover,.ap-soft:focus-visible{border-color:color-mix(in srgb, var(--ap-glow) 70%, #000);background:linear-gradient(color-mix(in srgb, var(--ap-glow) 8%, #fff), color-mix(in srgb, var(--ap-glow) 16%, #fff) 50%, color-mix(in srgb, var(--ap-glow) 30%, #fff) 50%, color-mix(in srgb, var(--ap-glow) 42%, #fff))}.ap-soft:active{border-color:color-mix(in srgb, var(--ap-glow) 55%, #000);background:linear-gradient(color-mix(in srgb, var(--ap-glow) 12%, #fff), color-mix(in srgb, var(--ap-glow) 26%, #fff) 50%, color-mix(in srgb, var(--ap-glow) 46%, #fff) 50%, color-mix(in srgb, var(--ap-glow) 62%, #fff));box-shadow:inset 0 1px 2px #00000059}.ap-chip{color:#e9f2fb;background:linear-gradient(#ffffff2e,#ffffff0a 50%,#0000 51%),#10161e8c;border-radius:6px;align-items:center;gap:7px;padding:6px 13px 6px 10px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38,0 1px 3px #00000080}.ap-chip svg{width:17px;height:17px}.ap-chip:hover,.ap-chip:focus-visible{background:linear-gradient(#ffffff4d, #ffffff14 50%, #0000 51%), color-mix(in srgb, var(--vx-glow) 35%, #10161e);box-shadow:inset 0 0 0 1px #fff6, 0 0 12px color-mix(in srgb, var(--vx-glow) 60%, transparent)}.ap-splash{z-index:2;place-content:center;justify-items:center;gap:calc(var(--u) * 1.5);background:radial-gradient(circle at 50% 42%, #fffffff2, var(--ap-accent) 38%, transparent 75%), var(--ap-screen-bg);color:#fff;text-shadow:0 1px 3px #00000073;pointer-events:none;animation:1.1s ease-out forwards ap-splash;display:grid;position:absolute;inset:0}.ap-splash-orb{width:calc(var(--u) * 22);aspect-ratio:1;background:radial-gradient(circle at 50% 22%, #fff 0 16%, transparent 38%), radial-gradient(circle at 50% 60%, var(--ap-accent), #00000059 90%);box-shadow:0 0 0 calc(var(--u) * .6) #ffffffd9, 0 0 calc(var(--u) * 10) #fffc;border-radius:50%;animation:1.1s cubic-bezier(.3,1.5,.5,1) both ap-orb}.ap-splash-word{font-size:calc(var(--u) * 11);letter-spacing:.02em;font-weight:800}.ap-splash-title{font-size:calc(var(--u) * 5.4);opacity:.9;font-weight:700}@keyframes ap-splash{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes ap-orb{0%{transform:scale(.2)rotate(-40deg)}60%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ap-phone{transition:none}.ap-grip span{animation:none!important}.ap-splash,.ap-splash-orb{animation-duration:10ms}.ap-splash{display:none}}.ap-gallery{z-index:3;background:linear-gradient(#141a22,#05070a);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.ap-gallery-list{gap:calc(var(--u) * 1);padding:calc(var(--u) * 1.8);flex-direction:column;display:flex;overflow:auto}.ap-gallery-item{align-items:center;gap:calc(var(--u) * 2.2);min-height:calc(var(--u) * 10);max-height:calc(var(--u) * 15);padding:calc(var(--u) * 1) calc(var(--u) * 2.2) calc(var(--u) * 1) calc(var(--u) * 1);border-radius:calc(var(--u) * 1.4);text-align:left;font-size:calc(var(--u) * 4.4);background:0 0;flex:1;grid-template-columns:auto 1fr auto;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #0000}.ap-gallery-item:hover{background:linear-gradient(#ffffff1a,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff24}.ap-gallery-item[data-active]{background:linear-gradient(color-mix(in srgb, var(--vx-glow) 38%, transparent), color-mix(in srgb, var(--vx-glow) 16%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vx-glow) 75%, #fff), inset 0 1px 0 #fff6, 0 0 calc(var(--u) * 2) color-mix(in srgb, var(--vx-glow) 35%, transparent)}.ap-gallery-time{font-size:calc(var(--u) * 3.4);font-variant-numeric:tabular-nums;color:var(--vx-dim)}.ap-gallery-item[aria-current] .ap-gallery-time{color:var(--vx-glow)}.ap-swatch{width:calc(var(--u) * 15);aspect-ratio:16/10;border-radius:calc(var(--u) * .8);background:#1d7be0 50%/cover no-repeat;box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #ffffff59}@property --slide{syntax:"<number>";inherits:true;initial-value:0}.ap-phone{--slide:0;transition:--slide .5s cubic-bezier(.3,1.4,.5,1)}.ap-phone[data-closed]{--slide:1}.ap-phone[data-scene]{transition:none}.ap-upper{translate:0 calc(var(--slide) * 41.98cqw)}.ap-lower{translate:0 calc(var(--slide) * -41.98cqw)}.ap-phone[data-closed] .ap-lower{visibility:hidden}.ap-keys{pointer-events:none;position:absolute;inset:0}.ap-keys .ap-key,.ap-keys .ap-grip{pointer-events:auto}.ap-grip{cursor:ns-resize;touch-action:none;width:40%;height:3.4%;font:inherit;background:0 0;border:0;border-radius:999px;padding:0;position:absolute;top:59.6%;left:30%}.ap-grip span{height:24%;box-shadow:0 0 calc(var(--u) * 2) #fffc, 0 1px 2px #0000004d;opacity:.55;background:linear-gradient(#ffffffe6,#ffffff59);border-radius:999px;transition:opacity .2s,transform .2s;position:absolute;top:38%;left:22%;right:22%}.ap-grip:hover span,.ap-grip:focus-visible span{opacity:1;transform:scaleX(1.15)}.ap-phone[data-closed] .ap-grip span{animation:1.6s ease-in-out infinite grip-hint}@keyframes grip-hint{50%{opacity:1;transform:translateY(calc(var(--u) * .8))}}.ap-key{touch-action:manipulation;background:0 0;border-radius:34%/46%;padding:0;position:absolute}.ap-key[data-round]{border-radius:50%}.ap-key-sprite{border-radius:inherit;background-image:var(--ap-pressed);opacity:0;transform-origin:50% 55%;pointer-events:none;background-repeat:no-repeat;transition:opacity .15s .12s,transform .3s cubic-bezier(.2,2.3,.4,1),filter .18s;position:absolute;inset:0}.ap-key:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 calc(var(--u) * 1.3) calc(var(--u) * 2.2) #0009, inset 0 calc(var(--u) * -.5) calc(var(--u) * .8) #ffffff40, 0 0 0 calc(var(--u) * .4) #00000047;transition:opacity .18s 60ms;position:absolute;inset:3%}.ap-key:active .ap-key-sprite,.ap-key[data-pressed] .ap-key-sprite{opacity:1;filter:brightness(.9)saturate(1.2);transition-duration:0s,45ms,45ms;transition-delay:0s;transform:scale(.85)translateY(7%)}.ap-key:active:after,.ap-key[data-pressed]:after{opacity:1;transition-duration:30ms;transition-delay:0s}.ap-phone:focus:not(:focus-visible){outline:none}.ap-phone :focus-visible{outline:max(2px, calc(var(--u) * .8)) solid #fff;outline-offset:2px;box-shadow:0 0 0 max(4px, calc(var(--u) * 1.6)) #00143cbf}.ap-key:focus-visible{outline-width:3px;box-shadow:0 0 0 6px #00143cbf}.ap-slider:focus-visible{border-radius:999px}.ap-error{z-index:3;color:#fff;text-align:center;background:#000000db;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.ap-error:not([data-open]){display:none}.ap-error-detail{opacity:.7;word-break:break-word;margin:0;font-size:.72em}@container aphost (width<=229px){.ap-phone{aspect-ratio:auto;--u:3px;background:#000}.ap-phone .ap-body,.ap-phone .ap-glass,.ap-phone .ap-keys,.ap-phone .ap-status{display:none}.ap-phone{--slide:0!important}.ap-phone .ap-screen{border-radius:0;grid-template-rows:auto auto auto;position:relative;translate:none;container-type:normal;width:100%!important;height:auto!important;top:auto!important;left:auto!important}.ap-phone .ap-video video{object-fit:contain}.ap-phone .ap-bar{padding-block:calc(var(--u) * 2)}}.ap-phone:fullscreen{aspect-ratio:auto;--u:clamp(3.3px, .18vw + 1.6px, 4.4px);background:#000;width:100vw;height:100vh;--slide:0!important;transform:none!important}.ap-phone:fullscreen .ap-body{display:none}.ap-phone:fullscreen .ap-glass{display:none}.ap-phone:fullscreen .ap-keys{display:none}.ap-phone:fullscreen .ap-screen>.ap-status{display:none}.ap-phone:fullscreen .ap-screen>.ap-softbar{display:none}.ap-phone:fullscreen .ap-screen{background:#000;border-radius:0;display:block;position:absolute;inset:0;translate:none;container-type:normal;width:100%!important;height:100%!important;top:0!important;left:0!important}.ap-phone:fullscreen .ap-ambient{filter:blur(80px)saturate(1.6)brightness(.7);opacity:.75;background:50%/cover no-repeat;display:block;position:absolute;inset:-10%}.ap-phone:fullscreen .ap-video{aspect-ratio:auto;background:0 0;position:absolute;inset:0}.ap-phone:fullscreen .ap-video video{object-fit:contain;filter:drop-shadow(0 0 40px #0009)}.ap-phone:fullscreen .ap-video video::cue{font-size:.7em}.ap-phone:fullscreen .ap-bigplay{width:104px}.ap-phone:fullscreen .ap-busy span{width:72px}.ap-phone:fullscreen .ap-osd-pill{border-radius:10px;gap:10px;padding:10px 18px;font-size:17px}.ap-phone:fullscreen .ap-osd-pill svg{width:22px;height:22px}.ap-phone:fullscreen .ap-osd-vol-fill{width:150px;height:7px}.ap-phone:fullscreen .ap-top{z-index:3;background:linear-gradient(#000000b8,#0000004d 60%,#0000);align-items:center;gap:14px;padding:18px 26px 46px;transition:opacity .3s,translate .3s;display:flex;position:absolute;inset:0 0 auto}.ap-top-gem{background:radial-gradient(ellipse 70% 45% at 50% 22%, #ffffffd9, transparent 70%), radial-gradient(circle at 50% 70%, var(--vx-glow), color-mix(in srgb, var(--vx-glow) 30%, #031024) 80%);width:30px;height:30px;box-shadow:0 0 0 1px #0009, inset 0 0 0 1px #ffffff80, 0 0 16px color-mix(in srgb, var(--vx-glow) 70%, transparent);border-radius:50%;flex:none}.ap-top-text{flex:1;min-width:0;line-height:1.15;display:grid}.ap-top-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--vx-dim);font-size:12px}.ap-top-title{text-shadow:0 1px 3px #0009;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:300;overflow:hidden}.ap-top-count{color:var(--vx-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.ap-phone:fullscreen .ap-bar{z-index:3;background:radial-gradient(ellipse 34% 90% at 50% 120%, color-mix(in srgb, var(--vx-glow) 40%, transparent), transparent 70%), linear-gradient(#ffffff29, #ffffff0a 42%, #0000 43%), #0c1016b3;-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border-radius:16px;gap:8px;width:min(980px,100% - 32px);padding:10px 20px 12px;transition:opacity .3s,translate .3s;position:absolute;bottom:26px;left:50%;translate:-50%;box-shadow:0 0 0 1px #000000a6,inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff59,0 18px 50px #0000008c}.ap-phone:fullscreen .ap-t{min-width:44px;font-size:13px}.ap-phone:fullscreen .ap-deck{order:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.ap-phone:fullscreen .ap-deck-l{order:0;min-width:0;padding:0;line-height:1.25;display:grid}.ap-phone:fullscreen .ap-deck-l .ap-deck-title{font-size:15px;font-weight:400}.ap-phone:fullscreen .ap-deck-l .ap-deck-sub{font-size:12px}:is(.ap-phone:fullscreen .ap-transport,.ap-phone:fullscreen .ap-deck-r){order:0}.ap-deck-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ap-deck-sub{color:var(--vx-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ap-phone:fullscreen .ap-deck-r{justify-content:flex-end;gap:4px}.ap-phone:fullscreen .ap-vol{flex:0 120px}.ap-phone:fullscreen .ap-preview-frame{max-width:208px;max-height:117px}.ap-phone:fullscreen .ap-bar:not([data-visible]):not(:has(:focus-visible)){opacity:0;pointer-events:none;translate:-50% 18px}.ap-phone:fullscreen .ap-top:not([data-visible]):not(:has(:focus-visible)){opacity:0;pointer-events:none;translate:0 -12px}.ap-phone:fullscreen:has(.ap-bar:not([data-visible])):not(:has(.ap-gallery)){cursor:none}.ap-phone:fullscreen .ap-gallery{z-index:5;-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);background:linear-gradient(#ffffff1a,#fff0 120px),#0a0e14d1;width:min(400px,92vw);animation:.28s cubic-bezier(.2,.9,.3,1) ap-flyout;inset:0 0 0 auto;box-shadow:-1px 0 #ffffff2e,-20px 0 60px #0009}@keyframes ap-flyout{0%{opacity:0;translate:40px}}.ap-phone:fullscreen .ap-gallery .ap-status{background:0 0;padding:16px 20px;font-size:16px;box-shadow:inset 0 -1px #ffffff1a}.ap-phone:fullscreen .ap-gallery .ap-status .ap-ico{display:none}.ap-phone:fullscreen .ap-gallery .ap-status-count{font-size:13px}.ap-phone:fullscreen .ap-gallery-list{gap:6px;padding:12px}.ap-phone:fullscreen .ap-gallery-item{border-radius:8px;flex:none;gap:14px;min-height:0;max-height:none;padding:8px 14px 8px 8px;font-size:15px}.ap-phone:fullscreen .ap-swatch{border-radius:4px;width:120px}.ap-phone:fullscreen .ap-gallery-time{font-size:12px}.ap-phone:fullscreen .ap-gallery .ap-softbar{background:0 0;justify-content:flex-end;gap:10px;padding:12px 16px;box-shadow:inset 0 1px #ffffff1a}.ap-phone:fullscreen .ap-soft{border-radius:3px;padding:5px 18px;font-size:13px}.ap-phone:fullscreen :focus-visible{outline-width:2px;box-shadow:0 0 0 4px #00143cbf}@media (prefers-reduced-motion:reduce){.ap-key-sprite{transition:none}.ap-busy span{animation-duration:3s}.ap-phone:fullscreen .ap-gallery{animation:none}}@media (forced-colors:active){.ap-track{border:1px solid canvastext}.ap-fill{background:highlight}.ap-key,.ap-orb,.ap-tb,.ap-ib{border:1px solid buttontext}}@media (pointer:coarse){.ap-phone:not(:fullscreen) .ap-tb{width:max(calc(var(--u) * 7), 30px);height:max(calc(var(--u) * 7), 30px)}.ap-phone:not(:fullscreen) .ap-ib{width:max(calc(var(--u) * 6.4), 30px);height:max(calc(var(--u) * 6.4), 30px)}.ap-phone:not(:fullscreen) .ap-rate{width:auto;min-width:max(calc(var(--u) * 7.4), 34px)}.ap-phone:not(:fullscreen) .ap-orb{width:max(calc(var(--u) * 12), 42px);height:max(calc(var(--u) * 12), 42px)}.ap-phone:not(:fullscreen) .ap-transport:before{height:max(calc(var(--u) * 8.4), 32px)}.ap-phone:not(:fullscreen) .ap-slider{height:max(calc(var(--u) * 5), 22px)}.ap-phone:not(:fullscreen) .ap-thumb{width:max(calc(var(--u) * 4), 14px);height:max(calc(var(--u) * 4), 14px)}.ap-phone:not(:fullscreen) .ap-soft{min-height:30px}.ap-phone:not(:fullscreen) .ap-bar{gap:2px;padding-block:2px}.ap-phone:not(:fullscreen) .ap-deck-l{display:none}:is(.ap-phone:fullscreen .ap-tb,.ap-phone:fullscreen .ap-ib){width:44px;height:44px}.ap-phone:fullscreen .ap-orb{width:60px;height:60px}.ap-phone:fullscreen .ap-slider{height:28px}}@media (width<=700px){.ap-phone:fullscreen .ap-bar{width:calc(100% - 16px);bottom:max(10px, env(safe-area-inset-bottom));border-radius:14px;padding:8px 10px 10px}.ap-phone:fullscreen .ap-deck{grid-template-columns:1fr;justify-items:center;gap:6px}:is(.ap-phone:fullscreen .ap-deck-l,.ap-phone:fullscreen .ap-top-count){display:none}.ap-phone:fullscreen .ap-deck-r{justify-content:center}.ap-phone:fullscreen .ap-vol{flex:0 100px}.ap-phone:fullscreen .ap-top{padding:max(12px, env(safe-area-inset-top)) 14px 34px;gap:10px}.ap-phone:fullscreen .ap-top-title{font-size:17px}.ap-phone:fullscreen .ap-chip span{display:none}.ap-phone:fullscreen .ap-chip{padding:8px}}@media (pointer:coarse) and (height<=560px) and (orientation:landscape){.ap-phone:not(:fullscreen) .ap-bar{padding-inline:calc(var(--u) * 2);grid-template-columns:auto 1fr;grid-template-areas:"seek seek""orb util";align-content:center;column-gap:6px;display:grid}.ap-phone:not(:fullscreen) .ap-seekrow{grid-area:seek}.ap-phone:not(:fullscreen) .ap-transport{grid-area:orb;padding:0}.ap-phone:not(:fullscreen) .ap-transport:before{display:none}.ap-phone:not(:fullscreen) .ap-transport .ap-tb{display:none}.ap-phone:not(:fullscreen) .ap-deck-r{grid-area:util}.ap-phone:not(:fullscreen) .ap-deck-r>:nth-child(n+3){display:none}.ap-phone:not(:fullscreen) .ap-t{min-width:0;font-size:10px}}@media (pointer:coarse){@container (width<=205px){.ap-phone:not(:fullscreen) .ap-deck-r>:nth-child(n+4){display:none}.ap-phone:not(:fullscreen) .ap-transport .ap-tb-seek{display:none}}.ap-phone:not(:fullscreen) .ap-bar{overflow:hidden}}.ap-dial{--step3:21deg;--rz:36cqw;z-index:3;background:radial-gradient(ellipse 70% 34% at 55% 50%, color-mix(in srgb, var(--vx-glow) 16%, transparent), transparent 75%), linear-gradient(#ffffff12, transparent 40%), linear-gradient(160deg, #080d14f0, #020408f7);-webkit-backdrop-filter:blur(8px)saturate(1.3);backdrop-filter:blur(8px)saturate(1.3);touch-action:none;cursor:ns-resize;grid-template-rows:auto minmax(0,1fr) auto auto;animation:.2s ease-out ap-dial-in;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}@keyframes ap-dial-in{0%{opacity:0}}.ap-dial-head{gap:1.8cqw}.ap-dial-knobico{aspect-ratio:1;width:4.4cqw;box-shadow:0 0 0 .5cqw #00000080, 0 0 1.6cqw color-mix(in srgb, var(--vx-glow) 70%, transparent);background:radial-gradient(circle at 50% 30%,#fff,#b9c6d3 45%,#5d6b79);border-radius:50%;flex:none}.ap-dial-wheel{perspective:95cqw;perspective-origin:55%;min-height:0;animation:.45s cubic-bezier(.2,1.35,.4,1) ap-wheel-in;position:relative}@keyframes ap-wheel-in{0%{opacity:0;translate:0 8cqw}}.ap-dial-arc{z-index:2;pointer-events:none;background:linear-gradient(#020408eb,#02040859 24%,#0000 40% 60%,#02040859 76%,#020408eb),linear-gradient(90deg,#ffffff0d,#0000 30%);position:absolute;inset:0}.ap-dial-arc:before,.ap-dial-arc:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--vx-glow) 70%, #fff) 12%, color-mix(in srgb, var(--vx-glow) 40%, transparent) 88%, transparent);height:.3cqw;box-shadow:0 0 1.6cqw color-mix(in srgb, var(--vx-glow) 60%, transparent);position:absolute;top:50%;left:11cqw;right:2cqw}.ap-dial-arc:before{translate:0 -7.6cqw}.ap-dial-arc:after{translate:0 7.3cqw}.ap-dial-ticks{pointer-events:none;width:7.6cqw;height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--rz) * -1)) rotateX(calc((var(--turn) + var(--nudge,0)) * var(--step3)));transition:transform .34s cubic-bezier(.25,1.35,.45,1);position:absolute;top:50%;left:1.6cqw}.ap-dial-ticks i{width:100%;height:calc(var(--rz) * .2102);translate:0 -50%;transform:rotateX(calc(var(--k) * 12deg)) translateZ(var(--rz));backface-visibility:hidden;box-shadow:inset 0 0 0 .25cqw #00000073, 0 0 1cqw color-mix(in srgb, var(--vx-glow) 25%, transparent);background:linear-gradient(#f2f6fa,#b8c4d0 35%,#6b7886 70%,#2b333c);border-radius:.6cqw;position:absolute;left:0}.ap-dial-ticks i:nth-child(5n+1){background:linear-gradient(color-mix(in srgb, var(--vx-glow) 40%, #fff), var(--vx-glow) 50%, color-mix(in srgb, var(--vx-glow) 50%, #000))}.ap-dial[data-axis=y] :is(.ap-dial-item,.ap-dial-ticks){transition-duration:70ms,.25s,.25s,.2s,.2s,.2s;transition-timing-function:linear}.ap-dial-item{box-sizing:border-box;width:84cqw;font:inherit;color:var(--vx-dim);text-align:left;cursor:pointer;transform-origin:50%;backface-visibility:hidden;transform:translateZ(calc(var(--rz) * -1)) rotateX(calc((var(--o) - var(--nudge,0)) * var(--step3) * -1)) translateZ(var(--rz));opacity:calc(1 - var(--a) * .22);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2.2cqw;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2.6cqw;margin:0;padding:1.8cqw 3cqw 1.8cqw 2cqw;transition:transform .34s cubic-bezier(.25,1.35,.45,1),opacity .25s,scale .25s,color .2s,background .2s,box-shadow .2s;display:grid;position:absolute;top:50%;left:12cqw;translate:0 -50%}.ap-dial-item[data-far]{opacity:0;pointer-events:none}.ap-dial-item:not([data-sel]):hover{color:var(--vx-ink)}.ap-dial-ico{aspect-ratio:1;border-radius:50%;place-items:center;width:8cqw;display:grid}.ap-dial-ico svg{width:66%;height:66%}.ap-dial-txt{min-width:0;line-height:1.2;display:grid}.ap-dial-label{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;font-size:5cqw;font-weight:600;overflow:hidden}.ap-dial-val,.ap-dial-bar,.ap-dial-lr{display:none}.ap-dial-item[data-sel]{color:var(--vx-ink);z-index:1;background:linear-gradient(#ffffff38, #ffffff0f 50%, #fff0 51%), linear-gradient(color-mix(in srgb, var(--vx-glow) 40%, transparent), color-mix(in srgb, var(--vx-glow) 14%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vx-glow) 80%, #fff), inset 0 1px 0 #ffffff73, 0 0 4cqw color-mix(in srgb, var(--vx-glow) 40%, transparent), 0 1cqw 3cqw #00000080}.ap-dial-item[data-sel] .ap-dial-ico{color:#fff;background:radial-gradient(ellipse 70% 42% at 50% 22%, #ffffffb3, #fff0 70%), radial-gradient(circle at 50% 110%, var(--vx-glow), color-mix(in srgb, var(--vx-glow) 30%, #06101c) 70%);width:10cqw;box-shadow:0 0 0 1px #0009, inset 0 0 0 1px #ffffff80, 0 0 2.4cqw color-mix(in srgb, var(--vx-glow) 70%, transparent)}.ap-dial-item[data-sel] .ap-dial-label{font-size:5.8cqw}.ap-dial-item[data-sel] .ap-dial-val{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--vx-glow) 55%, #fff);white-space:nowrap;text-overflow:ellipsis;font-size:3.7cqw;display:block;overflow:hidden}.ap-dial-item[data-sel] .ap-dial-bar{background:linear-gradient(#05080c,#2a323c);border-radius:999px;height:1.5cqw;margin-top:1.2cqw;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #000c,0 1px #ffffff26}.ap-dial-bar span{border-radius:inherit;background:linear-gradient(#fff, color-mix(in srgb, var(--vx-glow) 85%, #fff) 50%, var(--vx-glow) 51%, color-mix(in srgb, var(--vx-glow) 70%, #000));box-shadow:0 0 1.4cqw var(--vx-glow);transition:width .12s;position:absolute;inset:0 auto 0 0}.ap-dial-item[data-sel] .ap-dial-lr{color:var(--vx-glow);text-shadow:0 0 1.6cqw var(--vx-glow);gap:1cqw;font-size:6cqw;font-style:normal;line-height:1;display:flex}.ap-dial-lr i{font-style:normal;animation:1.4s ease-in-out infinite ap-nudge}.ap-dial-lr i:first-child{animation-direction:reverse}.ap-dial[data-axis=x] .ap-dial-item:not([data-sel],[data-far]){opacity:calc(.35 - var(--a) * .06)}.ap-dial[data-axis=x] .ap-dial-item[data-sel]{outline:.5cqw solid var(--vx-glow);outline-offset:.3cqw}.ap-dial[data-axis=x] .ap-dial-lr{transform:scale(1.25)}.ap-dial[data-axis=y] .ap-dial-lr{opacity:0}.ap-dial-lr{transition:opacity .15s,transform .15s}@keyframes ap-nudge{50%{translate:.8cqw}}.ap-dial-item:focus-visible{outline-offset:.6cqw;outline:max(2px,.7cqw) solid #fff}.ap-dial-hint{text-align:center;color:var(--vx-dim);text-shadow:0 1px 1px #000c;margin:0;padding:1.6cqw 3cqw;font-size:3.4cqw}.ap-dial .ap-soft:disabled{opacity:.45;cursor:default}.ap-key[data-dial] .ap-key-sprite{opacity:1;filter:brightness(1.08)saturate(1.2)}.ap-key[data-key=nav_ok],.ap-hit{-webkit-touch-callout:none}.ap-phone:fullscreen .ap-dial{z-index:5;width:min(440px,92vw);inset:0 auto 0 0;box-shadow:1px 0 #ffffff29,20px 0 60px #0009}.ap-phone:fullscreen .ap-dial .ap-status{background:0 0;padding:16px 20px;font-size:16px;box-shadow:inset 0 -1px #ffffff1a}.ap-phone:fullscreen .ap-dial .ap-softbar{background:0 0;justify-content:flex-end;gap:10px;padding:12px 16px;box-shadow:inset 0 1px #ffffff1a}.ap-phone:fullscreen .ap-dial-hint{font-size:13px}@media (prefers-reduced-motion:reduce){.ap-dial,.ap-dial-wheel,.ap-dial-lr i{animation:none}.ap-dial-item,.ap-dial-ticks{transition-duration:10ms}}@media (forced-colors:active){.ap-dial-item[data-sel]{outline:2px solid highlight}}.ap-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.ap-chapters{align-items:center;width:100%;height:100%;display:flex;position:relative}.ap-chapter{--gap-s:calc(var(--u) * .45);--gap-e:calc(var(--u) * .45);clip-path:inset(-100% calc(100% - var(--media-slider-chapter-end,100%) + var(--gap-e)) -100% calc(var(--media-slider-chapter-start,0%) + var(--gap-s)));align-items:center;display:flex;position:absolute;inset:0}.ap-chapter:first-of-type{--gap-s:0px}.ap-chapter:last-of-type{--gap-e:0px}.ap-moment{width:calc(var(--u) * 2.6);aspect-ratio:1;pointer-events:none;z-index:1;background:var(--ap-glow-hi);clip-path:polygon(50% 0,62% 36%,100% 38%,69% 60%,80% 98%,50% 76%,20% 98%,31% 60%,0 38%,38% 36%);filter:drop-shadow(0 0 2px #000);position:absolute;top:50%;translate:-50% -50%}.ap-phone:fullscreen .ap-moment{width:11px}.ap-osd-toast{animation:1.7s both ap-toast;top:auto;bottom:8%}@keyframes ap-toast{0%{opacity:0;scale:.9}12%,80%{opacity:1;scale:1}to{opacity:0}}.ap-cam{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#fff0 40% 62%);border:0;border-radius:50%;padding:0;transition:background .2s,box-shadow .2s;position:absolute}.ap-cam:hover,.ap-cam:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ap-glow) 70%, #fff);background:radial-gradient(circle,#ffffff2e 30%,#fff0 64%)}.ap-cam:active{scale:.92}.ap-side{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;border-radius:40%;padding:0;transition:box-shadow .15s,background .15s,translate 80ms;position:absolute}.ap-side:hover,.ap-side:focus-visible{background:linear-gradient(90deg, color-mix(in srgb, var(--ap-glow-hi,var(--ap-glow)) 80%, #fff), color-mix(in srgb, var(--ap-glow) 30%, transparent) 55%, transparent 90%);box-shadow:-3px 0 14px color-mix(in srgb, var(--ap-glow) 85%, transparent)}.ap-side:focus-visible{outline-offset:1px;outline:2px solid #fff}.ap-side:active{background:linear-gradient(90deg, color-mix(in srgb, var(--ap-glow) 75%, #fff), transparent 85%);translate:2px}.ap-flash{z-index:2;pointer-events:none;background:#fff;animation:.55s ease-out both ap-flash;position:absolute;inset:0}@keyframes ap-flash{0%{opacity:.95}to{opacity:0}}.ap-led{pointer-events:none;opacity:0;background:radial-gradient(circle at 45% 35%, #fff 0 18%, transparent 60%), var(--ap-video,var(--ap-glow));box-shadow:0 0 calc(var(--u) * 1.6) calc(var(--u) * .3) var(--ap-video,var(--ap-glow)), 0 0 calc(var(--u) * 5) var(--ap-video,var(--ap-glow));border-radius:50%;transition:opacity .6s,background-color .25s,box-shadow .25s;position:absolute}.ap-led[data-on]{opacity:calc(.55 + var(--ap-video-luma,.5) * .45)}.ap-battery-fill{fill:currentColor;transition:width .4s}.ap-battery[data-level=low]{color:#ffc23a}.ap-battery[data-level=empty]{color:#ff5a4a}.ap-gallery{grid-template-rows:auto auto auto minmax(0,1fr) auto}.ap-gallery[data-tab=photos]{grid-template-rows:auto auto minmax(0,1fr) auto}.ap-gallery[data-picking]{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.ap-tabs{align-items:stretch;gap:calc(var(--u) * 1);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.8) 0;border-bottom:1px solid #ffffff1f;display:flex}.ap-tab{padding:calc(var(--u) * 1) calc(var(--u) * 3);border-radius:calc(var(--u) * 1.2) calc(var(--u) * 1.2) 0 0;cursor:pointer;font:600 calc(var(--u) * 3.8) / 1.2 var(--vx-font);color:var(--vx-dim);background:0 0;border:0}.ap-tab[aria-selected=true]{color:#fff;background:linear-gradient(#ffffff2e, #ffffff0a 50%, #0000 51%), color-mix(in srgb, var(--vx-glow) 30%, #10161e);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -2px 0 var(--vx-glow)}.ap-tab:focus-visible{outline-offset:-2px}.ap-tab-hint{padding:0 calc(var(--u) * 1.2);border-radius:calc(var(--u) * .6);font:700 calc(var(--u) * 3) / 1.3 var(--vx-font);color:var(--vx-dim);border:1px solid #ffffff40;align-self:center;margin-left:auto}.ap-t9{align-items:center;gap:calc(var(--u) * 1.6);min-height:calc(var(--u) * 7);padding:calc(var(--u) * 1) calc(var(--u) * 2.4);font-size:calc(var(--u) * 3.4);color:var(--vx-dim);display:flex}.ap-t9-label{color:var(--vx-glow);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.ap-t9-keys{gap:calc(var(--u) * .8);display:flex}.ap-t9-keys kbd{min-width:calc(var(--u) * 5);padding:calc(var(--u) * .3) calc(var(--u) * .6);border-radius:calc(var(--u) * .8);font:700 calc(var(--u) * 3.6) / 1 var(--vx-font);color:#fff;background:linear-gradient(#ffffff40, #ffffff0f 50%, #0000 51%), color-mix(in srgb, var(--vx-glow) 40%, #10161e);justify-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff4d}.ap-t9-keys small{opacity:.8;letter-spacing:.05em;font-size:.55em;font-weight:600}.ap-t9-count{font-variant-numeric:tabular-nums;margin-left:auto}.ap-t9-hint{opacity:.85}.ap-gallery-title mark{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--vx-glow);text-decoration-color:var(--vx-glow);text-underline-offset:.18em;text-shadow:0 0 .6em var(--vx-glow);background:0 0;padding:0;text-decoration-thickness:.14em}.ap-t9-text{color:var(--vx-ink);letter-spacing:.02em;white-space:pre;font-weight:700}.ap-t9-caret{text-align:center;color:#06121e;background:var(--vx-glow);border-radius:.15em;min-width:.9em;margin-left:.04em;padding:0 .12em;animation:1s step-end infinite ap-caret;display:inline-block}@keyframes ap-caret{50%{background:color-mix(in srgb, var(--vx-glow) 55%, transparent);color:var(--vx-ink)}}.ap-t9-pick{align-items:center;gap:calc(var(--u) * 1.2);margin:0 calc(var(--u) * 2.4) calc(var(--u) * 1);padding:calc(var(--u) * 1) calc(var(--u) * 1.6);border-radius:calc(var(--u) * 1.6);box-shadow:0 0 0 1px color-mix(in srgb, var(--vx-glow) 55%, transparent), 0 calc(var(--u) * .6) calc(var(--u) * 2) #0006;background:linear-gradient(#ffffff24,#ffffff0a);animation:.16s ease-out both ap-pick-in;display:flex}@keyframes ap-pick-in{0%{opacity:0;translate:0 calc(var(--u) * -1)}}.ap-t9-pick-key{min-width:calc(var(--u) * 5);height:calc(var(--u) * 5);padding:0 calc(var(--u) * .8);font-family:inherit;font-weight:700;font-size:calc(var(--u) * 3.2);color:var(--vx-ink);border-radius:calc(var(--u) * 1);background:linear-gradient(#ffffff4d,#ffffff14);place-items:center;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff59}.ap-t9-letter{min-width:calc(var(--u) * 6);height:calc(var(--u) * 6);font-family:inherit;font-weight:700;font-size:calc(var(--u) * 4.2);color:var(--vx-dim);border-radius:calc(var(--u) * 1.2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;transition:background .12s,color .12s,scale .12s;display:grid}.ap-t9-letter[aria-selected=true]{color:#06121e;background:var(--vx-glow);box-shadow:0 0 calc(var(--u) * 2) var(--vx-glow);scale:1.12}.ap-t9-letter:hover:not([aria-selected=true]){color:var(--vx-ink);background:#ffffff1f}.ap-t9-pick-hint{font-size:calc(var(--u) * 2.6);color:var(--vx-dim);white-space:nowrap;margin-left:auto}.ap-photos{align-content:start;gap:calc(var(--u) * 1.4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-photo{border-radius:calc(var(--u) * .8);cursor:pointer;aspect-ratio:16/9;background:#000;border:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e}.ap-photo img{object-fit:cover;width:100%;height:100%;display:block}.ap-photo span{padding:0 calc(var(--u) * .8);border-radius:calc(var(--u) * .5);font:600 calc(var(--u) * 2.8) / 1.4 var(--vx-font);color:#fff;background:#0009;position:absolute;bottom:4%;right:3%}.ap-photo[data-active]{box-shadow:0 0 0 2px var(--vx-glow), 0 0 calc(var(--u) * 2) var(--vx-glow)}.ap-photos-empty{justify-items:center;gap:calc(var(--u) * 1.6);padding:calc(var(--u) * 6) calc(var(--u) * 4);text-align:center;font-size:calc(var(--u) * 3.6);color:var(--vx-dim);grid-column:1/-1;margin:auto 0;display:grid}.ap-photos-empty svg{width:calc(var(--u) * 10);color:var(--vx-glow)}.ap-photo-view{gap:calc(var(--u) * 1);padding:calc(var(--u) * 1.6);grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;display:grid}.ap-photo-view img{object-fit:contain;border-radius:calc(var(--u) * .6);background:#000;width:100%;height:100%;min-height:0}.ap-photo-view figcaption{text-align:center;font-size:calc(var(--u) * 3.4);color:var(--vx-dim)}a.ap-soft{text-decoration:none;display:inline-block}.ap-soft:disabled{opacity:.5;cursor:default}.ap-phone:fullscreen .ap-tab{padding:6px 14px;font-size:13px}.ap-phone:fullscreen .ap-t9{min-height:32px;font-size:12px}.ap-phone:fullscreen .ap-t9-keys kbd{min-width:22px;font-size:13px}.ap-phone:fullscreen .ap-t9-letter{min-width:30px;height:30px;font-size:18px}.ap-phone:fullscreen .ap-t9-pick-key{min-width:24px;height:24px;font-size:15px}.ap-phone:fullscreen .ap-t9-pick-hint{font-size:12px}.ap-phone:fullscreen .ap-photo span{font-size:11px}.ap-phone:fullscreen .ap-photos-empty{font-size:13px}.ap-phone:fullscreen .ap-photos-empty svg{width:40px}@media (prefers-reduced-motion:reduce){.ap-flash{animation-duration:.2s}.ap-osd-toast{animation:none}}.ap-charge-screen{z-index:2;place-content:center;justify-items:center;gap:calc(var(--u) * 2.4);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--ap-glow) 22%, #0b0f14), #05070a 75%);color:var(--ap-glow);animation:.3s ease-out both ap-charge-in;display:grid;position:absolute;inset:0}.ap-charge-screen[data-state=unplug]{animation:.9s ease-in both ap-charge-out}@keyframes ap-charge-in{0%{opacity:0}}@keyframes ap-charge-out{0%,55%{opacity:1}to{opacity:0}}.ap-charge-cell{width:calc(var(--u) * 34);filter:drop-shadow(0 0 calc(var(--u) * 2) color-mix(in srgb, var(--ap-glow) 60%, transparent))}.ap-charge-seg{fill:color-mix(in srgb, var(--ap-glow) 16%, transparent);transition:fill .2s}.ap-charge-seg[data-on]{fill:var(--ap-glow)}.ap-charge-screen[data-state=charging] .ap-charge-cell path{animation:.9s ease-in-out infinite ap-bolt}@keyframes ap-bolt{50%{opacity:.55}}.ap-charge-text{font-size:calc(var(--u) * 3.6);color:var(--vx-ink,#fff);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600}.ap-charger{aspect-ratio:1/7;pointer-events:none;z-index:1;width:9%;transform:translateY(calc(var(--slide) * -41.98cqw));clip-path:inset(0 -50% -400%);margin-top:-5%;margin-left:-4.5%;position:absolute;top:100%;left:50%}.ap-charger-body{grid-template-rows:16% 1fr;justify-items:center;transition:translate .55s cubic-bezier(.25,1.3,.45,1);display:grid;position:absolute;inset:0;translate:0 115%}.ap-charger[data-state=plug] .ap-charger-body,.ap-charger[data-state=charging] .ap-charger-body{translate:0}.ap-charger[data-state=unplug] .ap-charger-body{transition:translate .5s cubic-bezier(.55,0,.8,.3) .25s;translate:0 115%}.ap-charger-plug{background:linear-gradient(90deg, #fff0 8%, #ffffffd9 30%, #fff0 55%), linear-gradient(#fff, #d9e2ec 60%, color-mix(in srgb, var(--ap-glow) 30%, #c4cfdb));border-radius:22% 22% 30% 30%/18% 18% 40% 40%;width:100%;height:100%;box-shadow:0 .3cqw 1cqw #00143259,inset 0 -.4cqw #00000014}.ap-charger-cable{background:linear-gradient(90deg,#c9d3de,#fff 40%,#e3e9f0 70%,#b7c2ce);border-radius:0 0 999px 999px;width:30%;height:100%;box-shadow:0 0 .6cqw #00143240}.ap-charger:not([data-state]){visibility:hidden}@media (prefers-reduced-motion:reduce){.ap-charger-body{transition-duration:10ms!important}}.ap-phone:fullscreen .ap-charger{display:none}.ap-key-cap{pointer-events:none;opacity:0;background-image:var(--ap-normal);transform-origin:50%;background-repeat:no-repeat;border-radius:50%;transition:transform .42s cubic-bezier(.2,1.9,.4,1),opacity 0s linear .42s,filter .3s;position:absolute;inset:0}.ap-key-cap:after{content:"";background:radial-gradient(circle at calc(50% - var(--stx,0) * 30%) calc(40% - var(--sty,0) * 30%), #fff9, #fff0 48%), radial-gradient(circle at calc(50% + var(--stx,0) * 48%) calc(50% + var(--sty,0) * 48%), #0000006b, #0000 58%);mix-blend-mode:soft-light;border-radius:50%;position:absolute;inset:0}.ap-key[data-key=nav_ok]:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#0000009e 0 60%,#00000038 70%,#0000 72%);border-radius:50%;transition:opacity .2s .2s;position:absolute;inset:1%}.ap-key[data-stick]:before{opacity:1;transition-duration:60ms;transition-delay:0s}.ap-key[data-stick] .ap-key-cap{opacity:1;transform:translate(calc(var(--stx,0) * 9%), calc(var(--sty,0) * 9%)) scale(calc(1 - var(--sax,0) * .16), calc(1 - var(--say,0) * .16));filter:drop-shadow(calc(var(--stx,0) * -5px) calc(var(--sty,0) * -5px + 2px) 4px #0009);transition:transform 40ms linear,opacity,filter 40ms linear}.ap-key[data-stick] .ap-key-sprite,.ap-key[data-stick]:after{transition:none;opacity:0!important}@media (prefers-reduced-motion:reduce){.ap-key[data-stick] .ap-key-cap{transform:translate(calc(var(--stx,0) * 6%), calc(var(--sty,0) * 6%))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0a4fc4;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif}.page{--sky-a:#0a4fc4;--sky-b:#47b4ff;--glass:#08328275;isolation:isolate;color:#fff;background:linear-gradient(var(--sky-a), var(--sky-b));grid-template-rows:auto 1fr auto;justify-items:center;gap:12px;min-height:100svh;padding:14px 16px;display:grid;position:relative;overflow:hidden}.page[data-theme=flourish]{--sky-a:#4a1a5e;--sky-b:#ff9ad2;--glass:#5a145080}.page[data-theme=eco]{--sky-a:#1f7a34;--sky-b:#9bd94a;--glass:#0a501e85}.page[data-theme=aqua]{--sky-a:#04707e;--sky-b:#57d6d6;--glass:#00505f80}.page[data-theme=dorfic]{--sky-a:#5a1560;--sky-b:#ff7a1a;--glass:#460f3c85}.page[data-theme=aero]{--sky-a:#0a4fc4;--sky-b:#47b4ff;--glass:#08328275}.page-3d{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.page[data-3d] .page-bg{display:none}.page[data-3d] .ap-body{opacity:0}.page-bg,.page-bg-layer{position:absolute;inset:0}.page-bg{z-index:-1}.page-bg-layer{opacity:0;background-position:50%;background-size:cover;transition:opacity .7s}.page-bg-layer[data-on]{opacity:1}.page-bg:after{content:"";background:radial-gradient(60% 75% at 50% 52%,#fff3,#0000 70%);position:absolute;inset:0}.page{--accent:#1f86ff;--accent-deep:#0a3c9e;--accent-ink:#fff;--sx:0;--sy:0;--bob:0}.page[data-theme=flourish]{--accent:#ff4fa8;--accent-deep:#8a1a6a}.page[data-theme=eco]{--accent:#45c21f;--accent-deep:#145a0a}.page[data-theme=aqua]{--accent:#10c6d6;--accent-deep:#035866}.page[data-theme=dorfic]{--accent:#ff7a12;--accent-deep:#9a3600}.page[data-theme=aero]{--accent:#2a9bff;--accent-deep:#0b4fb0}.page-float{transform:perspective(1500px) translate3d(calc(var(--sx) * 10px), calc(var(--bob) * -.5px), 0) rotateX(calc(var(--sy) * 5deg)) rotateY(calc(var(--sx) * 7deg));transition:--accent .6s}.page{--panel-w:min(330px, calc(100vw - 32px))}.page-head{box-sizing:border-box;width:var(--panel-w);color:var(--accent-ink);background:linear-gradient(#ffffffd9, #ffffff40 48%, #fff0 50%), radial-gradient(ellipse 80% 70% at 50% 120%, #ffffff8c, transparent 70%), linear-gradient(var(--accent), var(--accent-deep));box-shadow:0 10px 28px color-mix(in srgb, var(--accent-deep) 55%, transparent), 0 2px 0 #fff6 inset, 0 -3px 10px #0000002e inset;text-shadow:0 1px 0 color-mix(in srgb, var(--accent-deep) 80%, black), 0 0 12px #ffffff59;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:14px;padding:9px 26px 10px 10px;display:flex}.page-gem{background:radial-gradient(circle at 50% 22%, #fffffff2 0 18%, transparent 36%), radial-gradient(circle at 50% 80%, #fff9, transparent 55%), radial-gradient(circle at 50% 55%, var(--accent), var(--accent-deep) 80%);border-radius:50%;flex:none;width:46px;height:46px;animation:6s ease-in-out infinite gem-spin;box-shadow:0 0 0 2px #ffffffd9,0 4px 10px #0000004d}@keyframes gem-spin{50%{filter:hue-rotate(18deg)brightness(1.1)}}.page-title{display:grid}.page-head h1{letter-spacing:.01em;margin:0;font-size:clamp(20px,3.2vmin,28px);line-height:1.1}.page-head p{opacity:.95;margin:1px 0 0;font-size:clamp(12.5px,1.75vmin,14.5px)}.page-dock{box-sizing:border-box;width:var(--panel-w);background:linear-gradient(#ffffff80, #ffffff14 50%, #fff0 51%, #ffffff2e), color-mix(in srgb, var(--accent-deep) 62%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);border:1px solid #ffffffbf;border-radius:22px 22px 14px 14px;justify-content:space-between;align-items:flex-end;gap:6px;padding:8px 14px 6px;display:flex;position:relative;box-shadow:0 12px 26px #00143c47,inset 0 1px #fffc}.dock-orb{min-width:76px;font:inherit;color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000008c;background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;padding:2px 6px 4px;display:grid}.dock-ball{color:#fff;background:radial-gradient(circle at 50% 20%, #fffffff2 0 16%, transparent 38%), radial-gradient(circle at 50% 85%, #ffffff8c, transparent 55%), radial-gradient(circle at 50% 55%, var(--accent), var(--accent-deep) 85%);border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .2s;display:grid;box-shadow:0 0 0 2px #ffffffd9,0 5px 12px #0000004d}.dock-ball svg{filter:drop-shadow(0 1px 1px #00000073);width:22px;height:22px}.dock-orb:hover .dock-ball{transform:translateY(-4px)scale(1.08)}.dock-orb:active .dock-ball{transition-duration:60ms;transform:translateY(3px)scale(.92);box-shadow:0 0 0 2px #ffffffd9,0 1px 3px #00000059,inset 0 4px 8px #00000059}.dock-orb[aria-pressed=false] .dock-ball{filter:grayscale(.9)brightness(.92)}.dock-label{font-size:12.5px;font-weight:700;line-height:1.15;display:grid}.dock-state{text-transform:uppercase;letter-spacing:.04em;opacity:.95;font-size:11px;font-weight:700}.dock-orb:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #00143ccc}@media (width<=520px){.page-head{gap:10px;padding-right:18px}.page-gem{width:36px;height:36px}.dock-orb{min-width:64px}.dock-ball{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.page-gem{animation:none}}@supports not (color:color-mix(in srgb, red, blue)){.page-dock{background:linear-gradient(#ffffff8c,#ffffff26)}}.page-player{--pw:min(100%, 440px, max(270px, calc((100svh - 250px) * 568 / 1303)));width:var(--pw);align-self:center;transition:width .55s cubic-bezier(.3,1.25,.5,1),margin .55s cubic-bezier(.3,1.25,.5,1)}.page[data-3d][data-closed] .page-player{--pw:min(100%, 470px, max(240px, calc((100svh - 250px) * 568 / 826)));margin-block:calc(var(--pw) * -.4198)}.page-foot{text-align:center;justify-items:center;gap:6px;display:grid}@media (prefers-reduced-motion:reduce){.page-bg-layer,.page-player{transition:none}}@media (width>=1000px) and (height>=560px){.page{grid-template:".player."1fr"head player.""foot player."".player."1fr/minmax(340px,1.15fr) auto minmax(330px,.8fr);gap:18px clamp(24px,4vw,72px);padding:20px 28px}.page-head{grid-area:head;place-self:end}.page-foot{text-align:left;grid-area:foot;place-self:start end;justify-items:start;max-width:420px}.page-player{--pw:min(430px, max(300px, calc((100svh - 110px) * 568 / 1303)));grid-area:player}.page[data-3d][data-closed] .page-player{--pw:min(560px, 38vw, max(320px, calc((100svh - 120px) * 568 / 826)))}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro{--i-a:#2aa4ff;--i-d:#0a4fb8;z-index:50;isolation:isolate;background:#0b7fc9;place-items:center;padding:24px;animation:.9s ease-out both intro-in;display:grid;position:fixed;inset:0;overflow:hidden auto}.intro[data-leaving]{pointer-events:none;animation:.65s cubic-bezier(.5,0,.2,1) forwards intro-out}@keyframes intro-in{0%{opacity:0}}@keyframes intro-out{to{opacity:0;filter:blur(10px)brightness(1.4);scale:1.12}}.intro-world{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.intro-photo{filter:saturate(1.15)brightness(1.04);background:url(/lab/aero-phone/bg/aqua.webp) 50% 42%/cover;animation:26s ease-in-out infinite alternate intro-drift;position:absolute;inset:-4%}@keyframes intro-drift{to{transform:scale(1.06)translate(-1.2%,.8%)}}.intro-caustics{mix-blend-mode:screen;opacity:.55;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 38%,#000 62%);mask-image:linear-gradient(#0000 38%,#000 62%)}.intro-caustics i{background:url(/lab/aero-phone/bg/caustics.webp) 0 0/420px 420px;animation:18s linear infinite caustic-a;position:absolute;inset:0}.intro-caustics i+i{opacity:.7;background-size:300px 300px;animation:13s linear infinite caustic-b}@keyframes caustic-a{to{background-position:420px 840px}}@keyframes caustic-b{to{background-position:-600px 300px}}.intro-rays{opacity:.32;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg, #ffffffe6 0 3deg, transparent 3deg 14deg);width:160vmax;height:160vmax;margin-left:-80vmax;animation:60s linear infinite rays;position:absolute;top:-60vmax;left:50%;-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 52%);mask-image:radial-gradient(circle,#000 8%,#0000 52%)}@keyframes rays{to{rotate:360deg}}.intro-glow{background:radial-gradient(55% 42% at 50% 44%,#ffffffb8,#ffffff40 45%,#0000 75%),linear-gradient(#0000 70%,#003c8c59);position:absolute;inset:0}.intro-fish{filter:drop-shadow(0 8px 10px #00285a59);width:clamp(64px,7vw,110px);position:absolute}.intro-fish-a{animation:19s linear infinite fish-swim,2.6s ease-in-out infinite fish-bob;top:74%}.intro-fish-b{width:clamp(48px,5vw,80px);animation:26s linear -11s infinite fish-swim,2.1s ease-in-out infinite fish-bob;top:84%}@keyframes fish-swim{0%{left:108%}to{left:-12%}}@keyframes fish-bob{50%{translate:0 -10px;rotate:3deg}}.intro-bubbles span{bottom:-60px;left:var(--bx);width:var(--bs);aspect-ratio:1;animation:bubble-up var(--bd) linear var(--bw) infinite;background:radial-gradient(circle at 32% 28%,#fff 0 14%,#ffffff26 32%,#ffffff0d 60%,#ffffff8c 72%,#0000 74%);border-radius:50%;position:absolute}@keyframes bubble-up{0%{opacity:0;translate:0}10%{opacity:1}50%{translate:14px -50vh}90%{opacity:.9}to{opacity:0;translate:-6px -105vh}}.intro-defs{position:absolute}.intro-windows{pointer-events:none;margin:0;padding:0;list-style:none;position:fixed;inset:0}.intro-windows li{width:clamp(150px,15vw,250px);translate:calc(-50% + var(--x)) calc(-50% + var(--y));rotate:var(--r);animation:win-float 6s ease-in-out var(--d) infinite;position:absolute;top:50%;left:50%}@keyframes win-float{50%{transform:translateY(-12px)rotate(1.5deg)}}.intro-window{cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff59;border:1.5px solid #fffffff2;border-radius:12px;width:100%;padding:0;transition:scale .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;display:block;overflow:hidden;box-shadow:0 18px 40px #00286459,0 0 0 4px #ffffff2e,inset 0 1px #fff}.intro-window:hover{scale:1.07;box-shadow:0 24px 50px #00286473,0 0 0 6px #fff6,inset 0 1px #fff}.intro-window:focus-visible{outline-offset:3px;outline:3px solid #fff}.intro-window-bar{color:#fff;text-align:left;text-shadow:0 1px 2px #001e5099;background:linear-gradient(#ffffffa6, #ffffff26 50%, transparent 51%), linear-gradient(var(--i-a), var(--i-d));align-items:center;gap:5px;padding:5px 8px;font-size:11.5px;font-weight:800;display:flex}.intro-window[data-theme=eco] .intro-window-bar{background:linear-gradient(#ffffffa6,#ffffff26 50%,#0000 51%),linear-gradient(#45c21f,#145a0a)}.intro-window[data-theme=aqua] .intro-window-bar{background:linear-gradient(#ffffffa6,#ffffff26 50%,#0000 51%),linear-gradient(#10c6d6,#035866)}.intro-window[data-theme=dorfic] .intro-window-bar{background:linear-gradient(#ffffffa6,#ffffff26 50%,#0000 51%),linear-gradient(#ff7a12,#9a3600)}.intro-window[data-theme=flourish] .intro-window-bar{background:linear-gradient(#ffffffa6,#ffffff26 50%,#0000 51%),linear-gradient(#ff4fa8,#8a1a6a)}.intro-window-bar span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.intro-window-bar i{background:radial-gradient(circle at 40% 30%,#fff,#fff6 60%);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000026}.intro-window-pic{aspect-ratio:16/10;background-position:50%;background-size:cover;display:block}.intro[data-leaving] .intro-windows li{animation:.6s cubic-bezier(.5,0,.3,1) forwards win-away}@keyframes win-away{to{translate:calc(-50% + var(--x) * 2.4) calc(-50% + var(--y) * 2.4);opacity:0}}.intro-card{text-align:center;color:#fff;justify-items:center;gap:10px;display:grid;position:relative}.intro-title{letter-spacing:-.01em;color:#fff;-webkit-text-stroke:1px #fff9;background:linear-gradient(#fff 0 46%,#bfe9ff 54%,#6cc4ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #0a5cc0)drop-shadow(0 10px 22px #00328273)drop-shadow(0 0 30px #fff9);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(54px,10vmin,112px);font-weight:900;line-height:1}.intro-reflect{pointer-events:none;-webkit-user-select:none;user-select:none;height:.5em;margin-top:-10px;font-size:clamp(54px,10vmin,112px);line-height:1;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#000000bf,#0000 90%);mask-image:linear-gradient(#000000bf,#0000 90%)}.intro-reflect .intro-title{filter:url(#intro-ripple)blur(.5px);opacity:.8;margin-top:-.2em;display:block;transform:scaleY(-1)}.intro-reflect+.intro-sub{margin-top:-.1em}.intro-sub{color:#fff;text-shadow:0 1px 3px #002864b3,0 0 14px #003c8c66;max-width:34ch;margin:0;font-size:clamp(15px,2.2vmin,19px);font-weight:700}.intro-card small{text-shadow:0 1px 3px #002864b3;font-size:12.5px;font-weight:700}.intro-enter{font:inherit;color:#fff;cursor:pointer;text-shadow:0 1px 2px #001e5a99;background:linear-gradient(#ffffffd9, #ffffff38 48%, #fff0 50%), radial-gradient(ellipse 80% 70% at 50% 120%, #a0f0ffcc, transparent 70%), linear-gradient(var(--i-a), var(--i-d));border:1.5px solid #fffffff2;border-radius:999px;align-items:center;gap:12px;margin-top:12px;padding:8px 30px 8px 8px;font-size:20px;font-weight:900;transition:scale .18s cubic-bezier(.3,1.6,.5,1);animation:2.4s ease-in-out infinite enter-pulse;display:inline-flex;box-shadow:0 12px 30px #003ca080,0 0 0 5px #ffffff40,inset 0 2px #fff9}@keyframes enter-pulse{50%{box-shadow:0 12px 30px #003ca080,0 0 0 12px #ffffff1f,inset 0 2px #fff9}}.intro-enter-orb{color:#fff;background:radial-gradient(circle at 50% 22%,#fffffff2 0 18%,#0000 40%),radial-gradient(circle at 50% 85%,#aaffbecc,#0000 60%),radial-gradient(circle at 50% 55%,#3fd13a,#0c7a1c 85%);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 0 2px #ffffffe6,0 4px 10px #0000004d}.intro-enter-orb svg{filter:drop-shadow(0 1px 1px #003c0099);width:24px;height:24px}.intro-enter:hover{scale:1.05}.intro-enter:active{translate:0 2px;scale:.95}.intro-enter:focus-visible{outline-offset:4px;outline:3px solid #fff}.intro-controls{justify-items:center;margin-top:6px;display:grid}.intro-controls summary{cursor:pointer;color:#fff;text-shadow:0 1px 2px #001e5099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffffb3;border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:800;list-style:none}.intro-controls summary::-webkit-details-marker{display:none}.intro-controls summary:after{content:" ▾"}.intro-controls[open] summary:after{content:" ▴"}.intro-controls summary:focus-visible{outline-offset:3px;outline:3px solid #fff}.intro-keys{text-align:left;text-shadow:none;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(#ffffff38,#ffffff0f 50%,#fff0 51%),#00285a80;border:1px solid #ffffff8c;border-radius:18px;grid-template-columns:repeat(3,auto);gap:8px 22px;margin:10px 0 0;padding:14px 20px;display:grid}.intro-keys div{align-items:center;gap:8px;display:flex}.intro-keys dt{gap:3px;min-width:52px;display:flex}.intro-keys dd{margin:0;font-size:13px;font-weight:600}.intro-keys kbd{text-align:center;color:#10325f;background:linear-gradient(#fff,#dfe9f5);border-radius:6px;min-width:24px;padding:2px 6px;font:700 12px/1.4 ui-rounded,system-ui,sans-serif;box-shadow:0 2px #8aa3c2,inset 0 1px #fff}.intro-hint{text-shadow:0 1px 3px #002864cc;max-width:60ch;margin:10px 0 0;font-size:12.5px}@media (width<=760px){.intro-windows li{width:31vw}.intro-windows li:first-child{--x:-31vw!important;--y:-35vh!important}.intro-windows li:nth-child(2){--x:31vw!important;--y:-33vh!important}.intro-windows li:nth-child(3){--x:-31vw!important;--y:34vh!important}.intro-windows li:nth-child(4){--x:31vw!important;--y:36vh!important}.intro-windows li:nth-child(5){width:28vw;--x:0vw!important;--y:30vh!important}.intro-window-bar{padding:3px 6px;font-size:9.5px}.intro-window-bar i{width:7px;height:7px}.intro-keys{grid-template-columns:repeat(2,auto);gap:7px 16px;padding:12px 14px}.intro-controls[open]~*{display:none}.intro:has(.intro-controls[open]) .intro-windows{opacity:0}}@media (height<=560px){.intro-windows{display:none}}.page[data-intro=gate] :is(.page-head,.page-foot,.page-player),.page[data-intro=leaving] :is(.page-head,.page-foot,.page-player){opacity:0}.page[data-intro=run] .page-player{animation:1.3s cubic-bezier(.2,1.25,.35,1) both phone-in}.page[data-3d][data-intro=run] .page-player{animation:.7s ease-out both phone-fade}@keyframes phone-fade{0%{opacity:0}}.page[data-intro=run] .page-head{animation:.8s cubic-bezier(.2,1.2,.35,1) .55s both slide-in}.page[data-intro=run] .page-foot{animation:.8s cubic-bezier(.2,1.2,.35,1) .8s both slide-in}@keyframes phone-in{0%{opacity:0;translate:0 70vh;scale:.8}40%{opacity:1}}@keyframes slide-in{0%{opacity:0;translate:-60px}}@media (prefers-reduced-motion:reduce){.intro,.intro *,.intro-windows li{animation:none!important}.intro-reflect .intro-title{filter:blur(.6px)}.page[data-intro] :is(.page-head,.page-foot,.page-player){animation:none!important}}.page:not([data-3d]) .ap-phone{--slide:0!important}.page:not([data-3d]) .ap-grip{display:none}@media (height<=560px) and (orientation:landscape) and (width<=999px),(height<=559px) and (width>=1000px){.page{grid-template:".player"1fr"head player""foot player"".player"1fr/1fr auto;gap:10px 24px;padding:10px 18px}.page-head{grid-area:head;place-self:end}.page-head p{display:none}.page-foot{grid-area:foot;place-self:start end}.page-player{--pw:max(170px, calc((100svh - 20px) * 568 / 1303));grid-area:player}.page[data-3d][data-closed] .page-player{--pw:max(220px, calc((100svh - 24px) * 568 / 826))}}@media (width>=1700px) and (height>=950px){.page-head,.page-foot{zoom:1.25}}@media (width>=2300px) and (height>=1250px){.page-head,.page-foot{zoom:1.5}}@media (pointer:coarse){.page-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffff80, #ffffff14 50%, #fff0 51%, #ffffff2e), color-mix(in srgb, var(--accent-deep) 84%, transparent)}}@media (width<=999px){.page[data-intro=done] .page-foot{transition:opacity .3s,translate .3s,visibility}.page[data-3d][data-intro=done]:not([data-closed]) .page-foot{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,translate .25s,visibility 0s .25s;translate:0 18px}}.rotate-hint{display:none}@media (orientation:landscape) and (height<=520px) and (pointer:coarse){.rotate-hint{z-index:80;text-align:center;color:#fff;background:radial-gradient(60% 70% at 50% 45%,#ffffff47,#0000 70%),linear-gradient(160deg,#1d8fe6,#0a4fb8);align-content:center;place-items:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}.rotate-hint svg{filter:drop-shadow(0 6px 14px #001e5a73);width:74px;height:74px;animation:2.4s cubic-bezier(.5,0,.3,1) infinite rotate-hint}.rotate-hint strong{text-shadow:0 2px #0a4fb8,0 0 16px #ffffff59;font-size:22px;font-weight:900}.rotate-hint span{opacity:.92;font-size:14px;font-weight:700}.page>:not(.rotate-hint){visibility:hidden}}@keyframes rotate-hint{0%,25%{rotate:-90deg}60%,to{rotate:0deg}}@media (prefers-reduced-motion:reduce){.rotate-hint svg{animation:none}}