#btn-reality { color:#9ed9d0; }
#reality-dialog { box-sizing:border-box; color:#eee8de; background:#201e27; border:1px solid #716778; border-radius:22px; width:min(440px,calc(100vw - 24px)); max-height:calc(100dvh - 28px); padding:22px; overflow:auto; box-shadow:0 24px 90px #000a; }
#reality-dialog::backdrop { background:#100f1a80; }
#reality-dialog button { font:inherit; cursor:pointer; }
#reality-dialog button:focus-visible { outline:3px solid #a3e3d5; outline-offset:3px; }
.remote-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.remote-brand { font:10px monospace; letter-spacing:.12em; color:#b4aabe; }
.remote-close { background:transparent; border:1px solid #635b6b; color:#eee8de; border-radius:50%; width:44px; height:44px; font-size:26px!important; flex-shrink:0; }
#reality-title { font-size:34px; letter-spacing:-.04em; margin:2px 0 4px; }
.remote-intro { color:#b4aabe; margin:0 0 18px; font-size:14px; }
.remote-display { padding:16px; border:2px solid #454453; border-radius:8px; background:#101e22; color:#b4e8d4; box-shadow:inset 0 2px 10px #0008; min-height:83px; }
#remote-channel { font:14px monospace; letter-spacing:.06em; }
#remote-description { font-size:12px; color:#a9c0bb; margin:7px 0 0; line-height:1.5; }
.remote-channels { display:grid; gap:7px; margin:16px 0; }
.remote-channels button { display:flex; gap:14px; align-items:center; text-align:left; min-height:57px; padding:10px 13px; border:1px solid #504a5a; border-radius:9px; background:#2c2935; color:#eee8de; }
.remote-channels button[aria-pressed=true] { background:#334745; border-color:#8cbdab; }
.channel-number { color:#c0b4cc; font:13px monospace; }
.remote-channels b { font-size:14px; display:block; }
.remote-channels small { display:block; font-size:11px; color:#b8b1c2; margin-top:3px; }
.channel-dot { margin-left:auto; width:6px; height:6px; border-radius:2px; background:#635c70; flex-shrink:0; }
[aria-pressed=true]>.channel-dot { background:#b4e8d4; }
.remote-bottom { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.remote-bottom button,.remote-return { min-height:44px; border:1px solid #756477; background:#49374c; border-radius:8px; color:#f5e9eb; padding:8px; }
.remote-audio { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; margin:17px 0; }
.remote-audio input { width:20px; height:20px; accent-color:#9ad3b7; }
.remote-audio small { width:100%; padding-left:28px; color:#b4aabe; font-size:11px; }
.remote-return { width:100%; background:transparent; }
#reality-dialog button:disabled, #reality-dialog button[aria-disabled="true"] { cursor:wait; opacity:.65; }
@media(max-height:600px) { #reality-dialog { padding:14px; } .remote-channels { grid-template-columns:1fr 1fr; } .remote-channels button { padding:8px; gap:6px; } .remote-display { min-height:60px; padding:10px; } }