.device-auth-form {display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin:1.5rem 0 2rem}
.device-auth-form label {flex-basis:100%; color:#d1d5db}
.device-auth-form input {background:#0f0f11; border:1px solid #666; border-radius:.75rem; width:12rem; color:#fff; font:1.7rem monospace; letter-spacing:.25em; padding:.75rem}
.device-primary,.device-revoke,.device-refresh {padding:.75rem 1rem; border-radius:.75rem; background:#29292f; color:#fff}
.device-primary {background:#7e22ce}.device-auth-form [role=status] {flex-basis:100%; color:#d1d5db}
.device-row {display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem; margin:.75rem 0; background:#1a1a1e; border-radius:1rem}
.device-row h3 {font-weight:600; margin-bottom:.4rem}.device-row p {color:#9ca3af; font-size:.9rem}.device-notice {padding:1rem; color:#22d3ee}
html.yaplay-tv {font-size:18px; scroll-padding:3rem}
.yaplay-tv :focus {outline:4px solid #22d3ee!important; outline-offset:5px; box-shadow:0 0 0 8px #0f0f11!important}
.yaplay-tv button,.yaplay-tv a,.yaplay-tv input,.yaplay-tv select {min-height:44px}
.yaplay-tv body {padding-left:24px; padding-right:24px}
.yaplay-tv [data-tv-hide] {display:none!important}
#tv-session-status {position:fixed; z-index:99995; left:30px; right:30px; bottom:25px; background:rgba(26,26,30,.96); border:2px solid #a855f7; border-radius:18px; padding:20px 26px; box-shadow:0 8px 40px rgba(0,0,0,.6); color:#fff}
#tv-session-status[hidden] {display:none}
#tv-session-status h2 {font-size:1.3rem; font-weight:600; margin-bottom:8px}
#tv-session-status p {color:#d1d5db; margin-bottom:12px}
#tv-session-status .tv-actions {display:flex; flex-wrap:wrap}
#tv-session-status .tv-actions button {margin-right:12px; margin-bottom:8px}
#tv-session-status button,#tv-settings-button {background:#7e22ce; padding:12px 20px; border-radius:10px; color:#fff}
#tv-settings-button {position:fixed; right:28px; top:20px; z-index:9990; font-size:.85rem}
@media(max-width:700px) {.device-row {align-items:flex-start; flex-direction:column}}
.tv-account-help {position:fixed; left:12%; right:12%; top:25%; z-index:100010; padding:32px; background:#1a1a1e; border:2px solid #a855f7; border-radius:20px; box-shadow:0 0 0 100vmax rgba(0,0,0,.8); color:#fff}
.tv-account-help h2 {font-size:1.6rem; margin-bottom:16px}.tv-account-help p {margin-bottom:24px}
.tv-account-help button {padding:14px 24px; margin-right:16px; background:#7e22ce; border-radius:10px}