*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07090d;color:#f1f4f7;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.4}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #94b9ee;outline-offset:5px}#stage{position:fixed;inset:0;overflow:hidden}.site-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0c1016;pointer-events:none;will-change:transform}.welcome{position:fixed;inset:0;z-index:5;overflow:auto;background:radial-gradient(ellipse at 90% 15%,#26303b 0%,#0e131b 38%,#080b10 70%);display:flex;align-items:center;justify-content:center;padding:36px}.welcome[hidden]{display:none}.welcome-inner{width:min(100%,1050px)}.eyebrow{font-size:12px;letter-spacing:.23em;color:#9eacc0}h1{font-size:clamp(36px,4vw,68px);line-height:1.2;letter-spacing:-.05em;margin:30px 0}h1 span{color:#8b98aa}.brands{display:flex;align-items:center;gap:26px;font-size:14px;letter-spacing:.08em;margin:28px 0}.brands i{font-style:normal;color:#667b98}.intro{font-size:18px;line-height:1.8;color:#adb7c6}#start{border:0;background:#e7f0fd;color:#101722;padding:18px 30px;border-radius:100px;font-size:18px;font-weight:700;margin:18px 0 5px}#loading{color:#7f91a9;font-size:13px}.instructions{border-top:1px solid #ffffff1c;margin-top:30px;padding-top:20px;display:flex;flex-wrap:wrap;gap:20px 55px;color:#95a2b5;font-size:13px;line-height:1.7}.instructions p{margin:0}.instructions strong{display:block;color:#d6dde7;font-size:14px}.instructions small{flex-basis:100%;color:#708098}.controls{position:fixed;z-index:8;left:28px;right:28px;bottom:24px;max-width:1250px;margin:auto;padding:18px 22px;background:#101620ee;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 15px 60px #0007;display:grid;grid-template-columns:1fr auto;gap:12px 20px;transition:opacity .4s,transform .4s}.welcome:not([hidden])~.controls{display:none}.controls.quiet{opacity:0;transform:translateY(20px);pointer-events:none}body.quiet{cursor:none}.now{display:flex;flex-direction:column;gap:6px;min-width:0}.now span{font-size:13px;letter-spacing:.1em}.now small{color:#9eacc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.control-buttons{display:flex;gap:8px;align-items:center}.control-buttons button,select{border:1px solid #ffffff26;border-radius:9px;background:#1c2635;color:#e8eef6;padding:10px 12px;font-size:13px}.speed-label{display:flex;gap:8px;align-items:center;color:#9eacc0;font-size:12px}.seek-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#progress{grid-column:1/-1;width:100%;accent-color:#afc9ec;cursor:pointer;margin:0}.keyboard{grid-column:1/-1;color:#8290a3;font-size:11px;text-align:center}#notice{position:fixed;z-index:9;top:24px;left:50%;transform:translateX(-50%);background:#172333ed;padding:12px 20px;border-radius:100px;color:#dce7f5;font-size:14px;text-align:center;max-width:90%}.retry{position:fixed;z-index:10;top:80px;left:50%;transform:translateX(-50%);background:#dbe8fa;color:#142238;border:0;border-radius:100px;padding:12px 20px}.retry[hidden],#notice[hidden]{display:none}@media(max-width:900px){.control-buttons{flex-wrap:wrap;justify-content:flex-end}.controls{left:12px;right:12px;padding:14px;grid-template-columns:1fr}.brands{flex-wrap:wrap;gap:12px}.instructions{gap:14px}.welcome{padding:28px}.now small{max-width:100%}}@media(prefers-reduced-motion:reduce){.controls{transition:none}}