.ra, .ra-launcher {
    --ra-bg: linear-gradient(145deg,rgba(11,35,64,.98),rgba(4,35,46,.98));
    --ra-text:#edf6ff; --ra-muted:#b2c9dc; --ra-line:rgba(120,208,228,.28);
    --ra-input:rgba(0,14,34,.64); --ra-accent:#7bebe0;
    color:var(--ra-text); font-family:inherit;
}
.ra { background:var(--ra-bg); border:1px solid var(--ra-line); border-radius:20px; padding:22px; box-shadow:0 22px 65px rgba(0,10,24,.28); }
.ra * { box-sizing:border-box; }
.ra h1,.ra h2,.ra h3,.ra p { color:inherit; }
.ra h1 { font-size:1.7rem; } .ra h2 { font-size:1.25rem; margin:0; } .ra h3 { font-size:1.05rem; }
.ra p { margin:10px 0; } .ra small,.ra-hint { color:var(--ra-muted); font-size:.85rem; }
.ra-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.ra-header small { display:block; letter-spacing:.08em; margin-bottom:4px; }
.ra-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.ra-floating { position:fixed; top:110px; right:22px; z-index:24000; width:min(550px,calc(100vw - 28px)); max-height:calc(100dvh - 136px); overflow:auto; resize:both; min-width:300px; min-height:210px; backdrop-filter:blur(18px); }
.ra-hidden { display:none !important; }
.ra-input { display:block; width:100%; margin-top:8px; padding:12px; border-radius:12px; border:1px solid var(--ra-line); background:var(--ra-input); color:var(--ra-text); resize:vertical; }
.ra-input:focus { outline:2px solid var(--ra-accent); outline-offset:2px; }
.ra-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:14px 0; }
.ra-button,.ra-launcher { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:12px; padding:10px 15px; border:1px solid var(--ra-line); background:linear-gradient(135deg,rgba(36,78,113,.6),rgba(14,60,74,.7)); color:var(--ra-text); cursor:pointer; font-size:.88rem; font-weight:600; transition:background .18s,box-shadow .18s,border-color .18s,color .18s; text-decoration:none; }
.ra-button:hover,.ra-launcher:hover { color:var(--ra-text); box-shadow:0 0 18px rgba(50,215,202,.2); border-color:var(--ra-accent); }
.ra-button:focus-visible,.ra-launcher:focus-visible { outline:2px solid var(--ra-accent); outline-offset:3px; }
.ra-button:disabled { opacity:.5; cursor:not-allowed; }
.ra-primary { background:linear-gradient(135deg,#195e8d,#087775); }
.ra-danger { background:linear-gradient(135deg,#7d2840,#542641); border-color:#e798a8; color:#fff; }
.ra-quiet { padding:4px 12px; font-size:1.4rem; }
.ra-icon-button { width:38px; height:38px; padding:0; font-size:1.15rem; }
.ra-switch::before { content:""; flex-shrink:0; width:31px; height:18px; border:1px solid var(--ra-line); border-radius:12px; background:radial-gradient(circle at 8px 50%,#c4d2de 0 5px,transparent 6px),rgba(0,0,0,.25); }
.ra-switch[aria-checked="true"]::before { background:radial-gradient(circle at 22px 50%,#fff 0 5px,transparent 6px),#137e85; border-color:#77e6dc; }
.ra-launcher { position:relative; min-height:36px; min-width:40px; padding:8px 10px; }
.ra-launcher i { margin:0!important; font-size:1.1rem; transform-origin:center; }
.ra-launcher__indicator { position:absolute; top:3px; right:3px; width:9px; height:9px; border:2px solid var(--ra-text); border-radius:50%; background:#4be0a5; opacity:0; pointer-events:none; }
.ra-error { padding:12px; border:1px solid #e29aaa; border-radius:10px; background:rgba(158,39,63,.15); overflow-wrap:anywhere; }
.ra-issue { white-space:pre-wrap; overflow-wrap:anywhere; }
.ra-facts { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:.85rem; padding:12px 0; }
.ra-preview { width:100%; max-height:180px; background:#030912; border-radius:10px; }
.ra-status,.ra-count { display:inline-block; border:1px solid var(--ra-line); background:rgba(31,158,159,.15); padding:5px 10px; border-radius:20px; color:var(--ra-accent); }
.ra-workspace { width:100%; min-width:0; margin:20px 0; }
.ra-workspace-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,300px); gap:20px; }
.ra-remote-video { width:100%; min-height:280px; max-height:70vh; background:#030912; border-radius:14px; object-fit:contain; }
.ra-context { border:1px solid var(--ra-line); border-radius:14px; padding:15px; overflow-wrap:anywhere; }
.ra-context dl { margin:0; }.ra-context dt { color:var(--ra-muted); font-size:.78rem; font-weight:400; margin-top:10px; }.ra-context dd { font-size:.9rem; margin:2px 0; }
.ra-queue { margin-top:24px; }.ra-queue-card { display:grid; grid-template-columns:1fr 2fr 1fr 1fr; align-items:start; gap:16px; padding:16px 0; border-top:1px solid var(--ra-line); overflow-wrap:anywhere; }.ra-queue-card p { font-size:.86rem; color:var(--ra-muted); }.ra-queue-card details { font-size:.85rem; }
:is([data-theme="light"],.light-mode,.theme-light) .ra,
:is([data-theme="light"],.light-mode,.theme-light) .ra-launcher {
    --ra-bg:linear-gradient(145deg,rgba(248,252,255,.99),rgba(223,241,245,.99)); --ra-text:#153047; --ra-muted:#415d72;
    --ra-line:rgba(37,95,119,.3); --ra-input:rgba(255,255,255,.9); --ra-accent:#086b72;
}
:is([data-theme="light"],.light-mode,.theme-light) :is(.ra-button,.ra-launcher) { background:linear-gradient(135deg,#e1eff9,#d6efec); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-primary { background:linear-gradient(135deg,#195e8d,#087775); color:#fff; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-danger { background:linear-gradient(135deg,#842e43,#65334e); color:#fff; }
.ra-media-toggle { justify-content:flex-start; min-width:164px; }
.ra-media-toggle > .bi { flex:0 0 1.1rem; color:#ffd17b; font-size:1.08rem; }
.ra-media-toggle__state { margin-left:auto; min-width:2.65rem; padding:2px 8px; border:1px solid rgba(255,209,123,.56); border-radius:999px; background:rgba(93,57,3,.38); color:#ffe3ab; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-align:center; text-transform:uppercase; }
.ra-media-toggle[aria-checked="true"] { border-color:#5be1aa; background:linear-gradient(135deg,#096c68,#08714e); color:#f4fff9; box-shadow:0 0 0 2px rgba(72,224,166,.14),0 0 17px rgba(64,222,166,.24); }
.ra-media-toggle[aria-checked="true"] > .bi { color:#8affc8; }
.ra-media-toggle[aria-checked="true"] .ra-media-toggle__state { border-color:#8df4c7; background:rgba(4,54,38,.5); color:#c9ffe6; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-media-toggle > .bi { color:#8a5700; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-media-toggle .ra-media-toggle__state { border-color:#9b6707; background:#fff0c7; color:#684100; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-media-toggle[aria-checked="true"] { border-color:#087b5a; background:linear-gradient(135deg,#d2f7e8,#b8ecd8); color:#064d3b; box-shadow:0 0 0 2px rgba(6,125,89,.14),0 0 15px rgba(6,125,89,.22); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-media-toggle[aria-checked="true"] > .bi { color:#087553; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-media-toggle[aria-checked="true"] .ra-media-toggle__state { border-color:#087b5a; background:#087b5a; color:#fff; }
.ra-connection { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:10px 0 14px; padding:10px 12px; border:1px solid var(--ra-line); border-radius:12px; background:rgba(4,18,36,.34); color:var(--ra-muted); font-size:.84rem; }
.ra-connection__dot { flex:0 0 10px; width:10px; height:10px; border-radius:50%; background:#9eb0bf; box-shadow:0 0 0 3px rgba(158,176,191,.13); }
.ra-connection__quality { padding:2px 8px; border:1px solid currentColor; border-radius:999px; font-size:.7rem; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.ra-connection__countdown { flex-basis:100%; padding-left:18px; color:var(--ra-muted); font-size:.78rem; }
.ra-connection__retry { margin-left:auto; padding:5px 10px; font-size:.76rem; }
.ra-connection[data-state="waiting"] .ra-connection__dot { background:#79bdea; box-shadow:0 0 0 3px rgba(121,189,234,.14); }
.ra-connection[data-state="connecting"] .ra-connection__dot,
.ra-connection[data-state="reconnecting"] .ra-connection__dot { background:#ffd36e; box-shadow:0 0 0 3px rgba(255,211,110,.15); animation:ra-connection-pulse 1.35s ease-out infinite; }
.ra-connection[data-state="connected"] { border-color:rgba(91,225,170,.52); color:#caffea; background:rgba(5,81,58,.24); }
.ra-connection[data-state="connected"] .ra-connection__dot { background:#4be0a5; box-shadow:0 0 0 3px rgba(75,224,165,.16); }
.ra-connection[data-state="connected"][data-quality="fair"] { border-color:rgba(255,211,110,.58); color:#ffe3a0; background:rgba(101,72,7,.25); }
.ra-connection[data-state="connected"][data-quality="fair"] .ra-connection__dot { background:#ffd36e; }
.ra-connection[data-state="connected"][data-quality="poor"],
.ra-connection[data-state="failed"] { border-color:rgba(241,130,147,.65); color:#ffd3da; background:rgba(112,28,49,.27); }
.ra-connection[data-state="connected"][data-quality="poor"] .ra-connection__dot,
.ra-connection[data-state="failed"] .ra-connection__dot { background:#f18293; box-shadow:0 0 0 3px rgba(241,130,147,.16); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-connection { background:rgba(255,255,255,.58); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-connection[data-state="connected"] { color:#07563f; background:#e1f7ed; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-connection[data-state="connected"][data-quality="fair"] { color:#684400; background:#fff3d2; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-connection[data-state="connected"][data-quality="poor"],
:is([data-theme="light"],.light-mode,.theme-light) .ra-connection[data-state="failed"] { color:#7b1f34; background:#ffe9ed; }
.ra-launcher.ra-launcher--active { color:#f4fffb; border-color:#61edba; background:linear-gradient(135deg,#096b68,#08734e); box-shadow:0 0 0 2px rgba(80,232,177,.22),0 0 20px rgba(62,224,175,.46); }
.ra-launcher--active .ra-launcher__indicator { opacity:1; animation:ra-live-indicator 1.55s ease-out infinite; }
.ra-launcher--active i { animation:ra-live-headset 1.55s ease-in-out infinite; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-launcher.ra-launcher--active { color:#064b3b; border-color:#07845f; background:linear-gradient(135deg,#d6f8ea,#b9eedb); box-shadow:0 0 0 2px rgba(6,125,89,.18),0 0 18px rgba(6,125,89,.3); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-launcher__indicator { border-color:#f7fffb; background:#087d59; }
.ra-queue-indicator--waiting { color:#fff7df; border-color:#f2c65c; background:linear-gradient(135deg,#75500b,#735d13); box-shadow:0 0 0 2px rgba(242,198,92,.16),0 0 16px rgba(242,198,92,.24); }
.ra-queue-indicator--waiting .ra-count { color:#201600; border-color:#ffe5a0; background:#ffd66f; font-weight:800; }
.ra-queue-indicator--new { animation:ra-request-arrived .72s ease-in-out 4; }
.ra-queue-indicator--new i { animation:ra-request-headset .72s ease-in-out 4; transform-origin:50% 15%; }
:is([data-theme="light"],.light-mode,.theme-light) .ra-queue-indicator--waiting { color:#573600; border-color:#a56800; background:linear-gradient(135deg,#fff1c9,#ffe19a); box-shadow:0 0 0 2px rgba(154,96,0,.15),0 0 15px rgba(154,96,0,.25); }
:is([data-theme="light"],.light-mode,.theme-light) .ra-queue-indicator--waiting .ra-count { color:#fff; border-color:#7a4800; background:#925800; }
@keyframes ra-live-indicator { 0% { box-shadow:0 0 0 0 rgba(75,224,165,.65); } 75%,100% { box-shadow:0 0 0 8px rgba(75,224,165,0); } }
@keyframes ra-live-headset { 0%,100% { transform:scale(1); } 50% { transform:scale(1.12); } }
@keyframes ra-connection-pulse { 0% { box-shadow:0 0 0 0 rgba(255,211,110,.55); } 75%,100% { box-shadow:0 0 0 7px rgba(255,211,110,0); } }
@keyframes ra-request-arrived { 0%,100% { transform:translateY(0); } 35% { transform:translateY(-3px); box-shadow:0 0 0 4px rgba(255,210,100,.26),0 0 28px rgba(255,210,100,.55); } }
@keyframes ra-request-headset { 0%,100% { transform:rotate(0) scale(1); } 30% { transform:rotate(-9deg) scale(1.12); } 65% { transform:rotate(9deg) scale(1.12); } }
@media(max-width:850px) { .ra-workspace-columns { grid-template-columns:1fr; }.ra-queue-card { grid-template-columns:1fr 1fr; }.ra-floating { top:85px; right:14px; max-height:calc(100dvh - 100px); } }
@media(prefers-reduced-motion:reduce) { .ra-button,.ra-launcher { transition:none; }.ra-launcher--active .ra-launcher__indicator,.ra-launcher--active i,.ra-connection__dot,.ra-queue-indicator--new,.ra-queue-indicator--new i { animation:none; } }