/* Phone-shaped local remote; content stays readable at short viewport heights. */
.everside-tv-remote{width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #ffffff23;border-radius:32px;background:#10151d;color:#f7faff;overflow:auto;overscroll-behavior:contain;box-shadow:0 32px 110px #000b,0 1px 0 #ffffff14 inset;font-family:var(--sans,'Exo 2',sans-serif);color-scheme:dark;scrollbar-width:thin}
.everside-tv-remote::backdrop{background:#03070cbb;backdrop-filter:blur(12px)}
.everside-tv-remote[open]{animation:tvr-arrive .2s cubic-bezier(.2,.8,.2,1) both}
.everside-tv-remote *{box-sizing:border-box}
.everside-tv-remote [hidden]{display:none!important}
.tvr-shell{padding:20px 24px 15px;background:radial-gradient(ellipse at 50% -12%,#2a344747,transparent 55%)}
.tvr-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tvr-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.7px}
.tvr-brand b{font-size:10px;font-weight:600;letter-spacing:1.2px;margin-left:5px;padding:4px 5px;border:1px solid #ffffff24;border-radius:4px;vertical-align:middle}
.tvr-brand-mark{display:grid;gap:3px;flex:none}
.tvr-brand-mark i{width:5px;height:5px;background:#ff3b48}.tvr-brand-mark i:nth-child(2){background:#00e676}.tvr-brand-mark i:nth-child(3){background:#3882ff}
.everside-tv-remote button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s cubic-bezier(.2,.8,.2,1),background .14s ease,border-color .14s ease}
.everside-tv-remote button:active:not(:disabled){transform:scale(.96)}
.everside-tv-remote button:focus-visible,.tvr-digits:focus-visible{outline:2px solid #58a5ff;outline-offset:4px}
.everside-tv-remote button:disabled{cursor:wait;opacity:.45}
.everside-tv-remote svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tvr-icon-button{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-right:-9px;border:0;border-radius:50%;background:transparent;color:#bac3d0!important}
.tvr-icon-button:hover{background:#ffffff0d}
.tvr-preview-label{margin:3px 0 21px;color:#a9b4c4;font-size:11px;letter-spacing:.15px}
.tvr-preview-label span{padding:0 4px;color:#5f7084}
.tvr-screen{padding:15px 19px 14px;min-height:152px;border:1px solid #ffffff16;border-radius:19px;background:radial-gradient(ellipse at 100% 0,#3882ff13,transparent 80%),#080d14;box-shadow:0 2px 14px #0004 inset;transition:border-color .16s ease}
.tvr-screen.is-error{border-color:#ff596866}
.tvr-screen-label{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono,'IBM Plex Mono',monospace);letter-spacing:2px;color:#9aa8bc}
.tvr-screen-bars{display:flex;gap:3px;align-items:flex-end;height:9px}
.tvr-screen-bars i{display:block;width:3px;height:4px;background:#3882ff}.tvr-screen-bars i:nth-child(2){height:6px}.tvr-screen-bars i:nth-child(3){height:9px}
.tvr-digits{display:block;max-width:100%;width:100%;height:83px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#f7faff;font:600 70px/1 var(--mono,'IBM Plex Mono',monospace);font-variant-numeric:tabular-nums;letter-spacing:-6px;caret-color:transparent;cursor:default}
.tvr-channel-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#c4ccda}
.tvr-feedback{display:flex;align-items:center;justify-content:center;min-height:39px;margin:0 0 5px;padding:4px 0;color:#a9b4c4;text-align:center;font-size:11px;line-height:1.5}
.tvr-screen.is-error+.tvr-feedback{color:#ff9eaa}
.tvr-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tvr-keypad button{display:grid;place-items:center;height:56px;min-width:44px;border:1px solid #ffffff15;border-radius:17px;background:linear-gradient(#ffffff06,#ffffff00),#1c232e;box-shadow:0 1px 0 #ffffff08 inset,0 3px 6px #0002;font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}
.tvr-keypad button:hover{background:#283243;border-color:#ffffff2d}
.tvr-keypad .tvr-secondary-key{font-size:11px;color:#acb8ca;border-color:transparent;background:transparent;box-shadow:none}
.tvr-keypad .tvr-secondary-key:hover{background:#ffffff08}
.tvr-tuning{display:grid;grid-template-columns:67px 1fr 67px;gap:8px;margin-top:14px}
.tvr-tuning button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:47px;border:1px solid #ffffff1a;border-radius:15px;background:#1c2531;font-size:11px;font-weight:600}
.tvr-tuning button span{font-size:18px;font-weight:400}.tvr-tuning button:hover{background:#293548}
.tvr-tuning .tvr-tune{background:#f2f6fc;color:#0b111a;border-color:#fff7;font-weight:800;font-size:13px;box-shadow:0 2px 14px #d9e9ff0d}
.tvr-tuning .tvr-tune:hover{background:#fff}
.tvr-current{margin:12px 0 16px;min-height:16px;color:#9cabc0;text-align:center;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tvr-foot{border-top:1px solid #ffffff0c}
.tvr-foot>button{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:0;border:0;background:none;text-align:left;font-size:11px;color:#c8d2e1}
.tvr-foot>button>span{padding:3px 5px;border:1px solid #ffffff1a;border-radius:4px;color:#8a9bb3;font:8px var(--mono,'IBM Plex Mono',monospace);letter-spacing:.3px}
.tvr-foot>button svg{width:15px;height:15px;margin-left:auto;color:#6e819e}
.tvr-foot>p{margin:0;text-align:center;font-size:9px;color:#8495ac}
.tvr-back{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:#a5b4c9!important;font-size:12px!important}
.tvr-pair-illustration{display:flex;align-items:center;justify-content:center;height:141px;gap:14px;margin:6px 0 8px}
.tvr-illustrated-phone{display:grid;grid-template-columns:repeat(3,7px);justify-content:center;align-content:center;gap:5px;width:62px;height:106px;border:1px solid #c2d3ee55;border-radius:13px;background:linear-gradient(145deg,#26344b,#101724);transform:rotate(-8deg);box-shadow:0 15px 26px #0004}
.tvr-illustrated-phone span{grid-column:1/-1;padding:0 0 7px;font:21px var(--mono,'IBM Plex Mono',monospace);text-align:center;color:#fff}.tvr-illustrated-phone i{width:7px;height:7px;border-radius:2px;background:#b5cbe333}
.tvr-illustrated-link{display:flex;gap:5px}.tvr-illustrated-link i{width:3px;height:3px;border-radius:50%;background:#5c92cf}
.tvr-illustrated-tv{position:relative;display:grid;place-items:center;width:138px;height:89px;border:1px solid #b7d0f449;border-radius:9px;background:radial-gradient(ellipse at 85% 30%,#3877d040,transparent 75%),#0c1420;box-shadow:0 15px 25px #0004;transform:rotate(3deg)}
.tvr-illustrated-tv:after{content:'';position:absolute;left:50%;bottom:-13px;width:41px;height:12px;border-bottom:2px solid #516077;background:linear-gradient(to right,transparent 47%,#516077 47% 53%,transparent 53%);transform:translateX(-50%)}
.tvr-illustrated-tv span{font:10px var(--mono,'IBM Plex Mono',monospace);color:#c6daf2}.tvr-illustrated-tv b{display:block;font-size:31px;font-weight:500}
.tvr-eyebrow{margin:0 0 10px;color:#7faeea;font:9px var(--mono,'IBM Plex Mono',monospace);letter-spacing:1.8px}
.tvr-pairing h2{margin:0;font-size:31px;line-height:1.12;letter-spacing:-1px;font-weight:600}
.tvr-pair-intro{margin:12px 0 21px;color:#a9b9ce;font-size:12px;line-height:1.65;max-width:28ch}
.tvr-pairing ol{display:grid;gap:17px;margin:0;padding:0;list-style:none}
.tvr-pairing li{display:flex;align-items:flex-start;gap:13px}.tvr-pairing li>span{padding:2px 0;color:#7a9abf;font:11px var(--mono,'IBM Plex Mono',monospace)}
.tvr-pairing li strong{font-size:12px;font-weight:600}.tvr-pairing li p{margin:4px 0 0;color:#93a5bd;font-size:11px;line-height:1.5}
.tvr-concept-note{margin:22px 0 2px;padding:13px 0 0;border-top:1px solid #ffffff15;color:#899bb2;font-size:10px;line-height:1.6}
@keyframes tvr-arrive{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-height:760px){.tvr-shell{padding-top:13px;padding-bottom:12px}.tvr-preview-label{margin-bottom:13px}.tvr-screen{min-height:132px;padding-top:12px}.tvr-digits{height:70px;font-size:62px}.tvr-keypad button{height:48px}.tvr-keypad{gap:8px}.tvr-feedback{min-height:33px}.tvr-current{margin:9px 0 11px}}
@media(max-width:400px){.everside-tv-remote{border-radius:26px}.tvr-shell{padding-right:20px;padding-left:20px}.tvr-tuning{grid-template-columns:60px 1fr 60px}}
@media(prefers-reduced-motion:reduce){.everside-tv-remote[open]{animation:none}.everside-tv-remote button,.tvr-screen{transition:none}.everside-tv-remote button:active:not(:disabled){transform:none}.everside-tv-remote::backdrop{backdrop-filter:none}}
body.still .everside-tv-remote[open]{animation:none}body.still .everside-tv-remote button,body.still .tvr-screen{transition:none}body.still .everside-tv-remote button:active:not(:disabled){transform:none}