.tv-setup{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,5vw,96px);padding:clamp(32px,6vw,100px) clamp(24px,6vw,100px) 110px;background:#f7f3ea;color:#221b32}.tv-copy{display:grid;gap:22px}.tv-copy .brand{margin-bottom:20px}.tv-copy h1{font-size:clamp(36px,4.7vw,76px);line-height:1.06;letter-spacing:-.045em;margin:0}.tv-copy h1 span{color:#6550bd}.tv-copy p{margin:0;font-size:clamp(18px,2vw,28px)}.tv-copy .tv-hint{font-size:clamp(16px,1.4vw,20px);max-width:35ch}.tv-hint{color:#635d70;line-height:1.55}.tv-code-card{justify-self:center;width:min(100%,470px);display:grid;justify-items:center;gap:12px;padding:clamp(20px,3vw,40px);background:white;color:#221b32;border:2px solid #ddd4ef;border-radius:28px;text-align:center;box-shadow:8px 10px 0 #e2d9f0}.tv-code-card .qr{width:min(100%,360px);height:auto;aspect-ratio:1}.tv-code-card p{margin:0;overflow-wrap:anywhere}.tv-screen-code{font-size:clamp(28px,3vw,44px);letter-spacing:.12em;font-variant-numeric:tabular-nums}.tv-controls{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:24px;z-index:80;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 48px)}.tv-controls>p,.tv-reset-confirm{background:#fff;color:#221b32;padding:12px 18px;border:1px solid #ddd4ef;border-radius:14px}.tv-controls-live{left:auto;right:16px;bottom:max(12px,env(safe-area-inset-bottom))}.tv-controls-live>.btn{font-size:12px;min-height:36px;padding:6px 10px;opacity:.78}.tv-controls-live .btn:focus-visible,.tv-controls-live .btn:hover{opacity:1}.tv-reset-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.tv-reset-confirm p{flex-basis:100%;margin:0}.tv-phone{min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom));display:grid;place-items:center;background:#f7f3ea}.tv-phone-card{width:min(100%,480px);border:1px solid #ddd4ef;border-radius:24px;padding:clamp(20px,5vw,36px);background:white;display:grid;gap:16px;color:#221b32}.tv-phone-card h1,.tv-phone-card p{margin:0}.tv-phone-card h1{font-size:32px;line-height:1.1}.tv-phone-card form{display:grid;gap:12px}.tv-phone-card label{font-weight:700;margin-top:8px}.tv-phone-card input,.tv-phone-card select{width:100%;min-width:0;min-height:48px;padding:12px;background:white;color:#221b32;border:1px solid #a89ab8;border-radius:10px;font-size:16px}.tv-phone-card input{font-size:24px;letter-spacing:.08em;text-transform:uppercase}.tv-phone-card small{line-height:1.45;color:#635d70}.tv-phone-card .btn{width:100%;min-height:48px;justify-content:center}.tv-phone-divider{text-align:center;color:#635d70;font-size:14px;padding-top:8px}.tv-error{color:#a32c38}.tv-host-status{font-size:13px;padding:10px 16px;color:#40364f;background:#f0eaf8;border-radius:12px;margin:10px 0}.tv-host-status>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tv-host-status small{max-width:48ch}.tv-host-status .btn{margin-left:auto;font-size:12px;min-height:36px;padding:6px 10px}.tv-host-status p{margin:6px 0 0}.tv-controls :focus-visible,.tv-phone-card :focus-visible{outline:3px solid #6550bd;outline-offset:3px}@media (max-width:760px){.tv-setup{grid-template-columns:1fr;gap:24px;padding:28px 20px 120px}.tv-copy{gap:12px;text-align:center;justify-items:center}.tv-copy .brand{margin-bottom:0}.tv-copy>svg{display:none}.tv-code-card{width:min(100%,360px)}.tv-controls{left:12px;max-width:calc(100% - 24px)}}.tv-help{max-width:900px;margin:0 auto;padding:clamp(32px,6vw,80px) clamp(20px,4vw,40px);color:#221b32}.tv-help-hero{text-align:center;margin-bottom:48px}.tv-help-back{display:inline-block;margin-bottom:24px;color:#6550bd;text-decoration:none;font-weight:600}.tv-help-back:hover{text-decoration:underline}.tv-help-hero .brand{justify-self:center;margin-bottom:16px}.tv-help-title{font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;color:#fff}.tv-help-title span{color:#6550bd}.tv-help-subtitle{font-size:clamp(16px,2vw,22px);color:#ddd;max-width:60ch;margin:0 auto 32px}.tv-help-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tv-help-actions .btn{min-height:48px;padding:12px 24px;display:inline-flex;align-items:center;gap:8px}.tv-help-section{margin-bottom:48px}.tv-help-section-title{font-size:clamp(24px,3vw,32px);margin:0 0 24px;letter-spacing:-.02em;color:#fff}.tv-help-steps{display:grid;gap:24px}.tv-help-step{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:start;padding:20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:4px 6px 0 rgba(0,0,0,.3)}.tv-help-step-number{width:36px;height:36px;display:grid;place-items:center;background:#6550bd;color:white;font-weight:700;font-size:18px;border-radius:50%}.tv-help-step-icon{display:grid;place-items:center;width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:12px;color:#fff}.tv-help-step-content h3{margin:0 0 4px;font-size:18px;color:#fff}.tv-help-step-description{margin:0 0 8px;font-size:15px;color:#ddd}.tv-help-step-detail{margin:0;font-size:14px;color:#aaa;line-height:1.5}.tv-help-tips{display:grid;gap:16px}.tv-help-tip{display:flex;gap:16px;align-items:flex-start;padding:16px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px}.tv-help-tip-icon{display:grid;place-items:center;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:10px;color:#fff;flex-shrink:0}.tv-help-tip h3{margin:0 0 4px;font-size:16px;color:#fff}.tv-help-tip p{margin:0;font-size:14px;color:#ddd}.tv-help-faqs{display:grid;gap:16px}.tv-help-faq{padding:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px}.tv-help-faq h3{margin:0 0 8px;font-size:16px;color:#fff}.tv-help-faq p{margin:0;font-size:14px;color:#ddd;line-height:1.6}.tv-help-ready{text-align:center;padding:40px 20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:20px}.tv-help-ready h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px;color:#fff}.tv-help-ready p{margin:0 0 24px;color:#ddd}.tv-help-ready-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tv-help-ready-actions .btn{min-height:48px;padding:12px 24px;display:inline-flex;align-items:center;gap:8px}@media (max-width:600px){.tv-help-step{grid-template-columns:auto 1fr}.tv-help-step-icon{display:none}}