:root{color-scheme:dark;--bg:#111310;--panel:#191c18;--line:#2c3028;--text:#eeeFE8;--muted:#989d91;--accent:#edaf79;--green:#b7c4a4;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.65}button:not(:disabled):active,button.pressed{transform:scale(.95);filter:brightness(1.35)}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,transform .12s,opacity .16s}button:not(:disabled):hover{filter:brightness(1.15)}a{color:inherit;text-decoration:none}.shell{max-width:1450px;margin:auto;padding:0 54px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:29px;letter-spacing:-1.4px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accent);font-family:Georgia,serif;font-size:35px;font-style:italic;line-height:1;color:#191c18;padding-bottom:7px}.brand-divider{width:1px;height:23px;background:#363a32;margin:0 7px 0 13px}.brand-sub{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted)}.quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#afb4a7;font-size:12px;padding:8px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:43px 0 34px}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:2px;font-weight:600}h1{font-size:34px;font-weight:500;letter-spacing:-1.2px;margin:13px 0 11px}p{color:var(--muted);line-height:1.6;margin:0}h2{font-size:13px;font-weight:550;margin:0}h3{font-weight:500}.local-badge{font-size:10px;color:#adb69f;display:flex;align-items:center;gap:8px;padding-bottom:6px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#777e70;display:inline-block;flex-shrink:0}.local-badge .tiny-dot{background:#a2b58c}.workspace{display:grid;grid-template-columns:minmax(230px, .86fr) minmax(320px,1.17fr) minmax(275px,1fr);gap:23px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:23px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-top>.icon{width:17px;height:17px;color:#8c9383}.small-label{color:#787f70;font-size:10px}.tv-illustration{height:133px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:13px}.tv-screen{width:144px;height:87px;border:3px solid #4a5140;border-radius:7px;background:radial-gradient(ellipse at 60% 100%,#3c4530 0%,#262d21 55%,#20251c);display:grid;place-items:center;box-shadow:0 14px 35px #080b0644;transform:rotate(-5deg)}.tv-wordmark{font-size:27px;font-weight:500;letter-spacing:-1.5px;position:relative;color:#b6c0a2}.tv-wordmark>span{font-weight:300}.tv-wordmark i{display:block;border-bottom:2px solid #b6c0a2;width:26px;height:7px;border-radius:50%;margin-left:18px;transform:rotate(-7deg)}.tv-stand{height:10px;width:80px;border-bottom:3px solid #454d3b;transform:rotate(-5deg);border-radius:50%}.device-panel h3{font-size:20px;margin:18px 0 7px;letter-spacing:-.4px}.device-panel>p{font-size:12px}.connection-state{margin:17px 0 22px;display:inline-flex;align-items:center;gap:7px;border:1px solid #373c31;border-radius:6px;padding:6px 9px;font-size:10px;color:#acb29f}.connection-state.connected{border-color:#516342;color:#c3dfac}.connection-state.connected .tiny-dot{background:#b7d995}.connection-state.busy .tiny-dot{background:var(--accent)}label{font-size:9px;letter-spacing:1.4px;color:#929b85;display:block;margin-bottom:10px}input,textarea{background:#12150f;border:1px solid #373d30;border-radius:8px;color:var(--text);width:100%;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #edaf7918}input::placeholder,textarea::placeholder{color:#646c5b}input{font-family:Consolas,monospace;font-size:13px}.primary{background:var(--accent);color:#2e241b;border-radius:8px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px;margin-top:11px;font-size:12px;font-weight:600}.primary .icon{width:16px;height:16px}.device-footnote{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;display:flex;gap:10px;align-items:center;color:#8f9881;font-size:10px;line-height:1.6}.device-footnote .icon{width:17px}.form-message:not(:empty){font-size:11px;color:var(--accent);margin-top:13px}.disconnect{width:100%;margin-top:7px}.tip-card{display:flex;gap:12px;padding:24px 5px}.tip-icon .icon{color:var(--green);width:20px}.tip-card h3{font-size:12px;margin:2px 0 7px}.tip-card p{font-size:11px;max-width:225px}.key-hints{display:flex;align-items:center;gap:4px;margin-top:13px;color:#828a76;font-size:10px}kbd{font:10px "Segoe UI",sans-serif;min-width:22px;text-align:center;padding:4px;border:1px solid #3b4133;border-bottom-width:2px;border-radius:4px;color:#a9b29c}.remote-panel{background:linear-gradient(150deg,#20251b,#191d16 70%);padding:23px 25px 17px;overflow:hidden}.remote-mode{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.8px;color:#87957b}.remote-mode .tiny-dot{width:4px;height:4px;background:#7b8c6b}.remote-body{max-width:282px;margin:25px auto 0}.remote-top{display:flex;justify-content:space-between;align-items:center;padding:0 7px}.remote-wordmark{font-size:17px;font-weight:500;letter-spacing:-.5px;color:#8e9980;display:flex;gap:7px;align-items:center}.remote-wordmark i{height:4px;width:4px;background:#9eaa8e;border-radius:50%}.round-button{border-radius:50%;width:39px;height:39px;background:#303728;display:grid;place-items:center;color:#b4bea6}.round-button .icon{width:17px;height:17px}.dpad{width:256px;height:256px;border-radius:50%;position:relative;margin:23px auto 22px;background:linear-gradient(135deg,#39432e,#252d20);box-shadow:0 12px 22px #090d0777,inset 0 1px 1px #73815c55;border:1px solid #414d33;touch-action:manipulation}.direction{position:absolute;background:transparent;display:grid;place-items:center;color:#bbc8a9;width:75px;height:69px}.direction .icon{width:24px;height:24px}.up{left:90px;top:1px;border-radius:50% 50% 12px 12px}.down{left:90px;bottom:1px;border-radius:12px 12px 50% 50%}.left{left:0;top:92px;border-radius:50% 12px 12px 50%}.right{right:0;top:92px;border-radius:12px 50% 50% 12px}.select-button{position:absolute;left:77px;top:77px;width:100px;height:100px;border-radius:50%;color:#2a3023;font-size:18px;font-weight:650;background:linear-gradient(145deg,#c5d2ae,#a7b68d);box-shadow:0 5px 14px #11180ca3,inset 0 1px 1px #e6efd6;border:5px solid #20291b;letter-spacing:1px}.button-row{display:flex;align-items:center;justify-content:space-between;padding:0 15px}.button-row button{background:transparent;width:57px;height:54px;color:#c1cbb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:10px}.button-row small{font-size:9px;color:#929e85}.button-row .icon{width:22px;height:22px}.remote-rule{height:1px;background:#353d2e;margin:21px 9px 16px}.playback-row{padding:0 12px}.playback-row .play-button{border-radius:50%;background:#37422b;width:53px;height:53px;box-shadow:inset 0 1px 1px #6b7b4e33}.volume-bar{border:1px solid #3e4933;border-radius:30px;display:flex;align-items:center;justify-content:space-between;margin:23px 13px 14px;height:44px;background:#242d1d}.volume-bar>span{font-size:10px;color:#a3b092;display:flex;gap:8px;align-items:center}.volume-bar>span .icon{width:15px;height:15px}.volume-bar button{background:transparent;height:42px;width:52px;border-radius:30px;color:#c0ccaf}.volume-bar button .icon{width:16px}.remote-bottom{display:flex;align-items:center;justify-content:center;gap:17px}.remote-bottom .quiet{font-size:10px;color:#a3af94}.remote-bottom .icon{width:14px;height:14px}.bottom-dot{width:3px;height:3px;border-radius:50%;background:#4a5640}.remote-note{font-size:9px;text-align:center;color:#738166;margin-top:23px}.section-description{font-size:11px;margin-top:11px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.app-tile{background:#22261f;border:1px solid #363d2e;border-radius:9px;padding:0;overflow:hidden;text-align:left;min-width:0}.app-tile>b{height:78px;display:flex;align-items:center;justify-content:center;position:relative;background:#20231e}.app-tile>span{border-top:1px solid #333b2c;display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:9px;color:#a6b098}.app-tile>span .icon{width:12px;height:12px}.netflix b{font-family:Impact,"Arial Narrow",sans-serif;font-size:19px;letter-spacing:.5px;color:#e95a55}.prime b{font-size:16px;letter-spacing:-.6px;color:#83bdd9;padding-bottom:10px}.prime-smile{position:absolute;font-size:37px;left:44%;top:29px;line-height:20px;font-family:Arial}.youtube b{font-size:15px;letter-spacing:-.7px;color:#dddcd4}.youtube-logo{background:#d85348;width:22px;height:16px;border-radius:5px;margin-right:3px;display:grid;place-items:center;color:#f7ebe2;font-size:8px}.disney b{font-family:Georgia,serif;font-style:italic;font-size:24px;letter-spacing:-2px;color:#b5c3da}.disney b>span{font-size:22px;font-style:normal;margin-left:4px}.subtle-note{font-size:9px;color:#7f8b72;margin-top:15px}.keyboard-panel{margin-top:22px}.keyboard-panel h2{font-size:12px}.keyboard-panel textarea{resize:vertical;min-height:88px;max-height:200px;font-size:12px;line-height:1.7;margin-top:18px}.text-actions{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.text-actions .quiet{padding-left:0;font-size:10px}.text-actions .icon{width:15px;height:15px}.send-button{background:#3b4630;color:#c9d9b5;font-size:10px;padding:9px 11px;border-radius:6px;display:flex;gap:8px;align-items:center}.compatibility-note{display:flex;gap:9px;margin:20px 6px}.compatibility-note>.icon{width:14px;height:14px;color:#7e8a72;margin-top:2px}.compatibility-note p{font-size:10px;color:#7e8a72}footer{margin-top:38px;padding:23px 0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#767e6e;font-size:10px}footer>span:first-child{display:flex;align-items:center;gap:8px}.footer-spark{color:var(--accent);font-size:19px}.footer-dot{margin:0 10px;color:#4d5744}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#d4dfc4;color:#26301d;padding:14px 20px;border-radius:10px;box-shadow:0 7px 40px #0007;font-size:13px;z-index:5}.toast.error{background:#edba8f;color:#382617}dialog{background:#1c2118;border:1px solid #475339;border-radius:19px;color:var(--text);width:540px;max-width:calc(100% - 30px);padding:30px}dialog::backdrop{background:#080b08bd;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:24px;letter-spacing:-.5px;margin-top:10px}.setup-steps{padding-left:23px;margin:25px 0}.setup-steps li{padding:0 0 16px 9px;color:var(--accent)}.setup-steps b{font-size:13px;color:var(--text);font-weight:550}.setup-steps p{font-size:12px;margin-top:5px}.setup-notice{padding:14px;background:#293220;border-radius:10px;display:flex;gap:10px}.setup-notice p{font-size:11px;color:#b7c5a7}.setup-notice .icon{width:17px;color:var(--green)}code{font-size:10px}.docs-link{font-size:12px;display:inline-flex;align-items:center;gap:8px;color:var(--accent);margin-top:20px}.docs-link .icon{width:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1450px){.shell{padding:0 65px}.workspace{gap:28px}.panel{padding:27px}.remote-panel{padding:27px}.remote-body{margin-top:30px}.remote-note{margin-top:29px}.device-panel{padding-bottom:27px}}@media(max-width:1120px){.shell{padding:0 28px}.workspace{gap:16px;grid-template-columns:minmax(210px,.9fr) minmax(300px,1.15fr) minmax(245px,1fr)}.panel{padding:19px}.remote-mode{font-size:6px;letter-spacing:.3px}.app-tile>span{padding:9px 7px}.youtube b{font-size:13px}.local-badge{display:none}}@media(max-width:900px){.workspace{grid-template-columns:minmax(245px,1fr) minmax(310px,1.2fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.keyboard-panel{margin-top:0}.compatibility-note{grid-column:1/-1;margin:0}.tip-card{padding-top:25px}.remote-mode{font-size:7px}.page-heading{padding:32px 0}.remote-panel{padding-bottom:22px}}@media(max-width:580px){.shell{padding:0 18px}header{height:76px}.brand{font-size:25px;gap:9px}.brand-sub{font-size:8px;letter-spacing:1px}.brand-divider{margin:0 3px 0 5px}.brand-icon{width:29px;height:29px;font-size:30px}header .quiet>span:last-child{display:none}h1{font-size:28px;letter-spacing:-.9px}.eyebrow{font-size:8px}.page-heading{padding:29px 0 26px}.page-heading p{font-size:12px}.workspace{display:flex;flex-direction:column;gap:20px}.left-column,.right-column,.remote-panel{width:100%}.left-column{display:contents}.device-panel{width:100%;display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:20px}.device-panel .section-top{grid-column:1/-1}.tv-illustration{display:none}.device-panel h3{font-size:18px;margin:18px 0 4px;grid-column:1}.device-panel>p{grid-column:1/-1}.connection-state{grid-column:2;grid-row:2;align-self:center;margin:14px 0 0;font-size:9px}.device-panel form{grid-column:1/-1;margin-top:19px;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.device-panel label{grid-column:1/-1}.primary{margin:0;font-size:10px;padding:11px}.device-footnote{grid-column:1/-1;margin-top:17px;padding-top:14px}.device-panel .disconnect{grid-column:1/-1}.tip-card{display:none}.remote-panel{padding:22px}.remote-body{max-width:290px;margin-top:20px}.dpad{margin-top:18px}.remote-note{margin-top:17px}.right-column{display:flex;flex-direction:column;gap:18px}.keyboard-panel{margin:0}.app-tile>b{height:86px}.app-tile>span{padding:12px;font-size:11px}.apps-panel,.keyboard-panel{padding:22px}.compatibility-note{margin:0 5px}footer{flex-direction:column;align-items:center;gap:10px;margin-top:28px;text-align:center;font-size:9px}dialog{padding:23px}.dialog-header h2{font-size:22px}.toast{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.device-list{display:grid;gap:9px;margin-top:13px}.device-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:15px;text-align:left;border:1px solid #526345;border-radius:9px;background:#2d3824}.device-choice strong{font-size:13px;font-weight:550}.device-choice span{font-size:10px;color:var(--accent)}.manual-connection{margin-top:19px}.manual-connection summary{font-size:11px;color:#a8b898;cursor:pointer}.manual-connection>p{font-size:11px;margin:12px 0}.manual-connection form{margin-top:13px}#pair-code{text-align:center;font-size:30px;letter-spacing:12px;padding-left:24px}#pair-form{margin-top:10px}#cancel-pair{width:100%;margin-top:9px;font-size:10px}.device-panel #discover-button{margin-top:0}@media(max-width:580px){#discovery-panel,#pair-form{grid-column:1/-1;width:100%;margin-top:18px}.device-panel #pair-form{display:block}.device-panel #pair-form .primary{margin-top:10px}.device-panel .manual-connection form{display:grid}.device-panel #device-description{grid-column:1/-1}.device-panel .connection-state{max-width:125px}}

.access-main{max-width:470px;margin:65px auto}.access-panel{margin-top:28px}.access-panel form{margin-top:22px}