:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#080d19;font-family:system-ui,sans-serif}.media-stage{width:100%;height:100svh;position:relative;overflow:hidden;isolation:isolate;outline:none}.media-stage:focus-visible{outline:1px solid #789fe0;outline-offset:-2px}.media-stage-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.media-stage-layer{position:absolute;display:block;pointer-events:none;max-width:none}.media-stage-status{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(8,13,25,.28),rgba(8,13,25,.58));color:#b9c8de;z-index:100;font-size:14px;letter-spacing:2px;pointer-events:none}.media-stage-status[hidden]{display:none}@media(prefers-reduced-motion:reduce){.media-stage-layer{transition:none!important}}
.display-header{position:absolute;z-index:10;top:clamp(32px,8svh,88px);left:0;width:100%;padding:0 20px;text-align:center;color:#fff;pointer-events:none}.display-header h1{margin:0;font-size:clamp(24px,3.2vw,40px);font-weight:600;line-height:1.3;letter-spacing:.01em}.display-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;pointer-events:auto}.display-action{height:56px;min-width:144px;padding:0 30px;border-radius:8px;font:600 18px/1 system-ui,sans-serif;cursor:pointer;transition:filter .2s,background .2s,box-shadow .2s}.display-action.primary{border:1px solid transparent;color:#fff;background:linear-gradient(225deg,#3be7fe -11.69%,rgba(59,184,254,0) 22.91%),linear-gradient(42deg,#3be7fe -19.17%,rgba(59,184,254,0) 27.1%),linear-gradient(312deg,#217aff 35%,#4434ff 104.66%);box-shadow:0 12px 24px rgba(58,137,254,.24)}.display-action.secondary{border:1px solid #3a89fe;color:#629bff;background:rgba(8,19,44,.3);backdrop-filter:blur(6px)}.display-action:hover{filter:brightness(1.16)}.display-action:focus-visible{outline:2px solid #a2c4ff;outline-offset:4px}.has-display-header .media-stage-scene{top:62%;max-width:calc((100svh - 260px)*16/9)!important}@media(max-width:600px){.display-header{top:48px}.display-actions{gap:12px;margin-top:24px}.display-action{min-width:128px;height:48px;padding:0 20px;font-size:16px}.has-display-header .media-stage-scene{top:56%}}