html,body,#root{margin:0;height:100%;background:#000;color:#fff;font-family:system-ui,sans-serif}.start{height:100%;display:flex;align-items:center;justify-content:center}.start button{font-size:18px;padding:16px 32px;border:0;border-radius:999px;background:#fff;color:#000;font-weight:600}.start button:disabled{opacity:.5}.ar{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.hint{position:fixed;left:0;right:0;bottom:32px;text-align:center;pointer-events:none;text-shadow:0 1px 4px #000}.error{position:fixed;top:16px;left:16px;right:16px;padding:12px;background:#b00020;border-radius:8px}.col{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 24px;text-align:center}.bar{width:240px;height:6px;border-radius:3px;background:#fff3;overflow:hidden}.bar div{height:100%;background:#fff;transition:width .2s}.topbar{position:fixed;top:16px;right:16px;z-index:10;display:flex;gap:8px}.topbar button{border:0;border-radius:999px;padding:8px 14px;background:#0009;color:#fff;font-size:14px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center}.viewer video{max-width:100%;max-height:100%}.picker{position:fixed;left:0;right:0;bottom:24px;z-index:10;display:flex;justify-content:center;gap:8px}.picker button{width:36px;height:36px;border-radius:50%;border:1px solid #fff;background:#0009;color:#fff}.picker button.on{background:#fff;color:#000}.landing{min-height:100%;box-sizing:border-box;padding:32px 16px 48px;max-width:560px;margin:0 auto;text-align:center}.landing h1{font-size:22px;margin:0 0 12px}.landing .sub{margin:0 0 28px;opacity:.7;font-size:14px;line-height:1.5}.guides{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.guide{flex:1 1 220px;max-width:260px;text-align:left}.guide .phone{display:block;width:230px;max-width:100%;margin:0 auto 12px}.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion: reduce){.pulse{animation:none;opacity:0}}.guide h3{margin:0 0 8px;font-size:16px;text-align:center}.guide ol{margin:0;padding-left:20px;font-size:14px;line-height:1.5;opacity:.9}.guide li+li{margin-top:6px}html,body,#root{overflow-y:auto}
