.remote-panel,.remote-page{max-width:580px;margin:0 auto;padding:28px 22px;background:#111218;border:1px solid #292b35;border-radius:24px;color:#f7f7fa}.remote-panel h1,.remote-page h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 18px}.remote-panel p,.remote-page p{line-height:1.6;color:#c3c5d0}.remote-panel .primary,.remote-panel .quiet,.remote-page a{min-height:52px;margin:8px 6px 8px 0;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px}.remote-page{margin:6vh auto;display:flex;align-items:center;flex-direction:column;text-align:center}.remote-brand{width:92px;height:92px;border-radius:22px}.remote-qr{display:block;width:min(100%,300px);height:auto;aspect-ratio:1;margin:24px auto;border-radius:16px;background:#fff}.remote-panel ol{padding-left:24px;line-height:1.8;color:#c3c5d0}.remote-pair-actions{display:flex;flex-wrap:wrap;gap:6px}.remote-devices{display:grid;gap:12px;margin:20px 0}.remote-device{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:#20222d;color:#fff;border:1px solid #393c4c;border-radius:16px;padding:20px;min-height:76px}.remote-device span{color:#ff6976}.remote-pad{margin:20px auto;display:flex;flex-direction:column;align-items:center;gap:8px}.remote-pad>div{display:flex;gap:8px}.remote-pad button,.remote-controls button{background:#22242e;color:#fff;border:1px solid #393c4c;border-radius:18px;min-width:72px;min-height:68px;font:inherit;font-weight:700}.remote-pad .remote-ok{background:#e63247;border-color:#ff6976}.remote-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.remote-panel button:focus-visible,.remote-page a:focus-visible{outline:4px solid white;outline-offset:3px}.remote-panel button:active{transform:scale(.97)}@media (max-width:480px){.remote-panel{border-radius:20px;padding:20px 16px}.remote-page{margin:16px}.remote-pad button{min-width:76px;min-height:72px}}@media (prefers-reduced-motion:reduce){.remote-panel button:active{transform:none}}.remote-controls button{min-width:0;padding:8px;font-size:14px;overflow-wrap:anywhere}html,body,#root{min-height:100%;margin:0}body{background:#090a0e;color:#f6f6fa;font-family:Arial,sans-serif}*{box-sizing:border-box}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.primary,.quiet{border:1px solid #3b3e4c;border-radius:12px;background:#242631;color:#fff;text-decoration:none;padding:14px 22px;font-weight:700}.primary{background:#df2941;border-color:#df2941}.center{display:grid;place-content:center;min-height:60vh}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}.muted{color:#a9afbf}