:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #ffffff);--fg: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #707579);--btn: var(--tg-theme-button-color, #2ea6ff);--btn-fg: var(--tg-theme-button-text-color, #ffffff);--ok-bg: #e6f7ec;--ok-fg: #157347;--err-bg: #fde8e8;--err-fg: #b02a37}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}#app{max-width:640px;margin:0 auto;padding:16px}h1{font-size:20px;margin:8px 0 16px}.video-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#000;border-radius:12px;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:cover}.hint{color:var(--hint);font-size:14px;margin-top:12px;text-align:center}.card{border-radius:12px;padding:16px;margin-top:16px;background:var(--ok-bg);color:var(--ok-fg)}.card.error{background:var(--err-bg);color:var(--err-fg)}.card h2{margin:0 0 12px;font-size:18px}.card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px}.card dt{font-weight:600;opacity:.8}.card dd{margin:0}button.primary{width:100%;margin-top:16px;padding:12px;font-size:16px;border:none;border-radius:10px;background:var(--btn);color:var(--btn-fg);cursor:pointer}.notice{text-align:center;padding:48px 16px;color:var(--hint)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}