.install-gate{z-index:1000;overscroll-behavior:contain;background:var(--bg);color:var(--fg);padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease), visibility 0s linear var(--dur-slow);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}html[data-gate] .install-gate{opacity:1;visibility:visible;transition:opacity var(--dur-slow) var(--ease), visibility 0s}html[data-gate] body{overflow:hidden}html[data-gate] body>:not(.install-gate){visibility:hidden}.gate-only{display:none}html[data-gate=ios-safari] .gate-for-ios-safari,html[data-gate=ios-chrome] .gate-for-ios-chrome,html[data-gate=ios-other] .gate-for-ios-other,html[data-gate=android] .gate-for-android,html[data-gate=inapp] .gate-for-inapp{gap:14px;display:grid}.gate-carry{animation:arrive var(--dur) var(--ease) backwards;justify-items:start;gap:6px;display:grid}.gate-carry p{margin:0}.gate-stable{animation:arrive var(--dur) var(--ease) backwards;font-size:1.05rem}.gate-carry .code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.gate-confirmed{text-align:center;margin:0}.gate-advice{justify-items:start;gap:8px;margin:0}.gate-advice p{margin:0}.gate-card{text-align:left;justify-items:stretch;gap:18px;width:100%;max-width:420px;display:grid}html[data-gate] .gate-card{animation:gate-in var(--dur-slow) var(--ease) both}@keyframes gate-in{0%{opacity:0;transform:translateY(12px)}}.gate-logo{box-shadow:0 6px 20px var(--shadow);border-radius:16px;justify-self:center}.gate-title{font-family:var(--f-display);text-align:center;margin:0;font-size:1.5rem;line-height:1.2}.gate-lead{color:var(--muted);text-align:center;margin:0}.gate-small{color:var(--muted);margin:0;font-size:.88rem}.gate-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gate-step{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.gate-step p{margin:3px 0 0;line-height:1.9}.gate-num{background:var(--accent);width:28px;height:28px;color:var(--accent-fg);border-radius:50%;place-items:center;font-weight:700;display:grid}.gate-chip{background:var(--surface-2);white-space:nowrap;vertical-align:middle;border-radius:8px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-weight:600;line-height:1.6;display:inline-flex}.gate-appicon{border-radius:6px;width:20px;height:20px}.gate-bar{background:var(--surface-2);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:1.1rem;display:flex}.gate-bar b{width:38px;height:38px;color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);animation:gate-pulse 1.8s var(--ease) infinite;border-radius:50%;place-items:center;display:grid}.gate-url{background:var(--surface);border-radius:999px;flex:1;padding:6px 12px;font-size:.85rem}@keyframes gate-pulse{50%{box-shadow:0 0 0 7px color-mix(in oklab, var(--accent-soft) 30%, transparent)}}.gate-video{border-radius:var(--r);background:var(--surface-2);justify-self:center;width:auto;max-width:100%;height:auto;max-height:72svh;display:block}@starting-style{.gate-video{opacity:0}}.gate-video-box{justify-self:center;max-width:100%;display:grid;position:relative}.gate-video-frame{max-width:100%;display:grid}.gate-video-box:is([data-state=failed],[data-state=image]) .gate-video-frame{display:none}.gate-anim{aspect-ratio:var(--ratio);background:var(--surface-2) center / cover no-repeat;height:auto}.gate-poster{height:auto}.gate-play{min-height:56px;box-shadow:0 8px 28px var(--shadow);animation:arrive var(--dur) var(--ease) backwards;border-radius:999px;padding:14px 26px;font-size:1.15rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.gate-video{transition:opacity var(--dur-slow) var(--ease)}.gate-go{width:100%;padding:14px 16px;font-size:1rem}.gate-actions{gap:8px;display:grid}.gate-actions .btn{width:100%;padding:12px 16px}.gate-help{border-top:1px solid var(--line);padding-top:10px}.gate-help p{color:var(--muted);margin:8px 0 0}.gate-done{margin:0}@media (prefers-reduced-motion:reduce){.install-gate,html[data-gate] .install-gate{transition:none}html[data-gate] .gate-card,.gate-bar b,.gate-carry,.gate-stable,.gate-video-hint{animation:none}}.gate-video-box>:not(.gate-play){grid-area:1/1}.gate-video-box>.gate-video-frame .gate-video{aspect-ratio:var(--ratio)}.gate-video-box[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.gate-video-box .gate-anim{transition:opacity var(--dur-slow) var(--ease), display var(--dur-slow) allow-discrete}.gate-video-box[data-state=controls] .gate-anim{opacity:0;pointer-events:none;display:none}.gate-video-hint{text-align:center;color:var(--muted);animation:arrive var(--dur) var(--ease) backwards;margin:-4px 0 0;font-size:.85rem}.gate-older{margin-top:8px}