:root{--bg: #1c1d21;--tile: #25262b;--line: rgba(255, 255, 255, .08);--fg: #f8f8fa;--fg2: #e4e5ea;--fg3: #c6c8cf;--muted: #a6a7af;--muted2: #8e9097;--ok: #2e7d4f;--red: #ad242c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;cursor:default}body.is-playing{background:#000;cursor:none}strong{color:#fff;font-weight:800}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}#video{position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain;background:#000;opacity:0;transition:opacity .3s}body.is-playing #video{opacity:1}#stage{position:fixed;left:50%;top:50%;width:1280px;height:720px;transform-origin:center center;transform:translate(-50%,-50%)}.screen{position:absolute;inset:0;overflow:hidden}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.center.col{flex-direction:column}.center-x{align-items:center}.gap6{gap:6px}.gap14{gap:14px}.gap18{gap:18px}.gap20{gap:20px}.gap22{gap:22px}.gap26{gap:26px}.gap28{gap:28px}.gap30{gap:30px}.gap72{gap:72px}.maxw520{max-width:520px}.glow{position:absolute;inset:0;background:radial-gradient(900px 520px at 50% 38%,#ad242c33,#1c1d2100 70%)}.h-xl{margin:0;font-size:44px;line-height:52px;font-weight:800;letter-spacing:-.02em;text-align:center}.h-lg{margin:0;font-size:46px;line-height:54px;font-weight:800;letter-spacing:-.02em}.h-conn{margin:0;font-size:44px;line-height:50px;font-weight:800;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h-msg{margin:0;font-size:38px;line-height:46px;font-weight:800;letter-spacing:-.02em;text-align:center;max-width:980px}.lead{margin:0;font-size:20px;line-height:30px;color:var(--muted);text-align:center;max-width:820px}.lead strong{color:var(--fg2);font-weight:700}.hint{font-size:15px;color:var(--muted2)}.hint-14{font-size:14px;color:var(--muted2);text-align:center;max-width:420px}.hint-14.warn{color:#f0c36b;font-weight:700}.muted-17{font-size:17px;color:var(--muted);font-weight:600}.btn-primary{margin-top:14px;height:64px;padding:0 40px;border:0;border-radius:16px;background:#fff;color:#141416;font-family:inherit;font-size:22px;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-primary:focus-visible,.btn-primary:hover{transform:scale(1.04);box-shadow:0 0 0 4px #ffffff40;outline:none}.topbar{position:absolute;top:40px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between}.domain{font-size:16px;font-weight:700;color:var(--muted2)}.split{position:absolute;inset:140px 64px 64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}.step{display:flex;align-items:center;gap:16px}.tile{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--tile);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg)}.step-t{font-size:22px;line-height:30px;font-weight:600;color:var(--fg2)}.step-t .n{color:var(--muted2);font-weight:800;margin-right:8px}.wifi{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:17px;font-weight:600;line-height:24px}.wifi svg{flex-shrink:0}.wifi strong{color:var(--fg2);font-weight:700}.qr-card{padding:22px;border-radius:28px;background:#fff;box-shadow:0 24px 60px #00000073}.qr-box{width:300px;height:300px;display:flex;align-items:center;justify-content:center}.qr-box svg{width:300px;height:300px;display:block}.code-row{display:flex;align-items:center;gap:14px}.code{padding:8px 16px;border-radius:10px;background:var(--tile);border:1px solid var(--line);font-size:26px;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums}.backdrop{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:blur(24px) saturate(1.1);transform:scale(1.1)}.poster{width:240px;height:360px;flex-shrink:0;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#394150,#22262f);box-shadow:0 30px 70px #00000080,inset 0 0 0 1px #ffffff14}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.5}.from{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--muted)}.sub{font-size:20px;color:var(--fg3);font-weight:600}.crow{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:700;color:var(--fg)}.crow.todo{color:var(--muted2)}.dot{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot.ok{background:var(--ok);color:#fff}.dot.spin{border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .9s linear infinite}.dot.wait{border:3px solid rgba(255,255,255,.12)}.tile-lg{width:88px;height:88px;border-radius:26px;background:var(--tile);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg)}.cd-track{width:320px;height:6px;border-radius:999px;background:#ffffff24;margin-top:8px;position:relative;overflow:hidden}.cd-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:#fff;transition-property:width;transition-timing-function:linear}#hud{position:absolute;inset:0}#hud .shade{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(to top,#0a0a0ceb,#0a0a0c00);opacity:0;transition:opacity .35s}#hud .hud-logo{position:absolute;top:40px;left:64px;opacity:0;transition:opacity .35s}#hud .bar{position:absolute;left:64px;right:64px;bottom:48px;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}#hud.show .shade,#hud.show .hud-logo{opacity:1}#hud.show .bar{opacity:1;transform:none}.bar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.badge{font-size:16px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.t-title{font-size:32px;font-weight:800;letter-spacing:-.01em}.t-sub{font-size:18px;color:var(--fg3)}.pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#ffffff1a;font-size:15px;font-weight:700;color:var(--fg2);white-space:nowrap}.progress{display:flex;align-items:center;gap:18px}.time{font-size:16px;font-weight:700;color:var(--fg2);font-variant-numeric:tabular-nums;min-width:56px}.time.muted{color:var(--muted);text-align:right}.track{flex-grow:1;height:6px;border-radius:999px;background:#ffffff2e;position:relative;overflow:hidden}.fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:#fff;transition:width .9s linear}#hud .dim{position:absolute;inset:0;background:#00000073;opacity:0;transition:opacity .3s}#hud .center-icon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transition:opacity .25s;pointer-events:none}#hud .pause-icon svg{width:96px;height:96px;padding:26px;border-radius:999px;background:#14141699;box-sizing:content-box}#hud[data-state=paused] .dim,#hud[data-state=ended] .dim,#hud[data-state=paused] .pause-icon,#hud[data-state=buffering] .buffering,#hud[data-state=loading] .buffering{opacity:1}.buf-t{font-size:22px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.6)}.buf-hint{font-size:17px;color:var(--fg3);font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.6)}.ended-card{position:absolute;inset:0;display:none;text-shadow:0 2px 16px rgba(0,0,0,.7);flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.ended-card h2{margin:0;font-size:40px;font-weight:800}.ended-card p{margin:0;font-size:20px;color:var(--fg3)}#hud[data-state=ended] .ended-card{display:flex}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .9s linear infinite;display:inline-block}.spinner.lg{width:56px;height:56px;border-width:5px}.spinner.dark{border-color:#1414161f;border-top-color:#141416}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;top:32px;transform:translate(-50%);padding:14px 24px;border-radius:999px;background:#141416e0;border:1px solid var(--line);font-size:20px;font-weight:700;z-index:10}body.phone{overflow:auto;user-select:text}#phone{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px}.phone-wrap{max-width:440px;width:100%;display:flex;flex-direction:column;gap:16px}.phone-wrap h1{margin:8px 0 0;font-size:28px;line-height:34px;font-weight:800;letter-spacing:-.01em}.phone-wrap p{margin:0;font-size:17px;line-height:25px;color:var(--muted)}.phone-wrap ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:17px;line-height:24px;color:var(--fg2)}.phone-wrap .note{display:flex;gap:8px;align-items:center;color:var(--fg3);font-weight:600}.phone-wrap .note.small{font-size:15px;color:var(--muted2);font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:2.5s!important;transition-duration:0s!important}}