*{box-sizing:border-box}body{margin:0;color:#654250;background:#fff7fa;font-family:system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{margin:3px 0 14px;font-size:26px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:.14em;color:#ac718c;margin:0}a{color:#925473;font-size:13px;text-decoration:none}.stage{position:relative;height:min(72vh,820px);min-height:400px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 0,#f9e9f1 75%);border:1px solid #efdce6}iframe{border:0;width:100%;height:100%}#status{position:absolute;bottom:10px;left:20px;pointer-events:none;font-size:12px;color:#94687e}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 0}button{background:white;border:1px solid #e5c4d4;border-radius:20px;padding:10px 17px;color:#71455c;font:inherit;font-size:13px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#f5d9e6}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b8648b;outline-offset:3px}footer{font-size:12px;color:#9d7d8f;text-align:center}footer a{margin-left:12px}@media(max-width:600px){main{padding:14px}header{align-items:flex-start}h1{font-size:23px}.stage{height:65vh;min-height:350px}nav{gap:7px}button{padding:9px 13px}}