.tv-connect-entry { display:flex; align-items:center; gap:14px; width:100%; padding:18px; margin:20px 0; background:var(--green-soft); border:1px solid #b2f0ce24; border-radius:var(--r-lg); }
.tv-connect-entry > .icon:first-child { color:var(--green); width:27px; height:27px; }
.tv-connect-entry span { flex:1; min-width:0; }
.tv-connect-entry b,.tv-connect-entry small { display:block; }
.tv-connect-entry b { font-size:14px; }.tv-connect-entry small { margin-top:3px; color:var(--muted); font-size:12px; }
.tv-connect-entry > .icon:last-child { width:18px; height:18px; color:var(--muted); }
.tv-connect-dialog { position:fixed; width:min(440px,calc(100% - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:28px; overflow:auto; background:var(--surface); color:var(--text); border:1px solid #ffffff15; border-radius:var(--r-xl); box-shadow:0 24px 90px #0009; }
.tv-connect-dialog::backdrop { background:#000b; backdrop-filter:blur(5px); }
.tv-dialog-close { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:36px; height:36px; color:var(--muted); font-size:27px; border-radius:12px; }
.tv-dialog-label { display:block; margin-bottom:12px; color:var(--green); font-size:10px; letter-spacing:1.8px; }
.tv-connect-dialog h2 { margin-right:12px; font-size:24px; line-height:1.2; letter-spacing:-.6px; }
.tv-description { color:var(--muted); margin:12px 0 20px; font-size:13px; }
.tv-instructions { padding-left:22px; margin:0 0 24px; font-size:13px; color:var(--muted); }
.tv-instructions li { padding-left:4px; margin:10px 0; }.tv-instructions li::marker { color:var(--green); }
.tv-instructions b { color:var(--text); }
.tv-connect-dialog label { display:block; text-align:center; font-size:12px; color:var(--muted); margin-bottom:10px; }
.tv-connect-dialog input { display:block; width:100%; min-height:66px; padding:12px 12px 12px 20px; border:1px solid #ffffff18; border-radius:16px; background:var(--bg); color:var(--green); text-align:center; font-size:32px; font-weight:600; letter-spacing:8px; font-variant-numeric:tabular-nums; }
.tv-connect-dialog input::placeholder { color:#727b7580; }
.tv-feedback { min-height:20px; margin:12px 0 16px; text-align:center; color:var(--muted); font-size:12px; }.tv-feedback.is-error { color:#ffb8b8; }
.tv-connect-dialog .primary-button { width:100%; min-height:48px; justify-content:center; }
.tv-submit:disabled { cursor:default; }
.tv-footnote { margin-top:18px; color:var(--faint); font-size:11px; text-align:center; }
.tv-success { text-align:center; margin-top:24px; }.tv-success-icon { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 16px; background:var(--green-soft); color:var(--green); border-radius:50%; font-size:28px; }
.tv-success h3 { font-size:19px; }.tv-success p { color:var(--muted); font-size:13px; margin:10px 0 22px; }
.tv-again { width:100%; min-height:44px; text-align:center; color:var(--muted); font-size:12px; margin-top:6px; }
@media (max-width:360px) { .tv-connect-dialog { padding:24px 20px; }.tv-connect-dialog h2 { font-size:22px; } }
@media (prefers-reduced-motion:reduce) { .tv-connect-dialog::backdrop { backdrop-filter:none; } }