:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1019;color:#e8ecf2}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}.remote-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.55rem .8rem;border-bottom:1px solid #303b4b;font-size:.8rem;background:#151b27}.remote-bar strong{white-space:nowrap}.remote-bar small{font-weight:400;color:#dec477;margin-left:.25rem}.remote-bar [role=status]{flex:1;min-width:120px;color:#bdc9d8}button{color:#eee5c3;background:#343127;border:1px solid #9a894e;border-radius:.5rem;padding:.55rem .8rem;font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#remote-setup{max-width:620px;margin:2rem auto;padding:0 1.25rem;line-height:1.55}h1{font-size:1.7rem;line-height:1.2}.quiet{color:#aab6c8;font-size:.9rem}.remember{display:flex;align-items:center;gap:.7rem}input{width:1.25rem;height:1.25rem}#remote-error{color:#ffbdb2}#remote-client{border:0;width:100%;min-height:0;flex:1;background:#0c1019}[hidden]{display:none!important}@media(max-width:450px){.remote-bar{font-size:.73rem}#remote-status{order:3;flex-basis:100%}#remote-forget{margin-left:auto}#remote-setup{margin-top:1rem}}