:root {
  --rx-gold: #d9b878;
  --rx-gold-soft: rgba(217, 184, 120, .16);
  --rx-aqua: #78d7df;
  --rx-violet: #9c8fe8;
  --rx-glass: rgba(13, 15, 16, .82);
  --rx-panel: rgba(17, 19, 20, .92);
  --rx-line: rgba(255,255,255,.11);
  --rx-muted: #918f89;
}

.rx-top-action {
  height: 30px;
  padding: 0 13px;
  border: 1px solid rgba(217,184,120,.32);
  border-radius: 999px;
  background: rgba(217,184,120,.07);
  color: #d8c7a6;
  font: 600 8px/1 Arial, sans-serif;
  letter-spacing: .14em;
  cursor: pointer;
}
.rx-top-action::before { content:""; display:inline-block; width:5px; height:5px; margin-right:7px; border-radius:50%; background:var(--rx-gold); box-shadow:0 0 10px rgba(217,184,120,.7); }

.rail.rx-expanded .nav-group { gap: 5px; }
.rail.rx-expanded .nav-btn { width: 48px; height: 48px; border-radius: 15px; }
.rail.rx-expanded .nav-btn svg { width: 20px; height: 20px; }

.rx-map-launchers {
  position:absolute;
  z-index:18;
  left:18px;
  bottom:18px;
  display:flex;
  gap:8px;
}
.rx-map-launchers button,
.rx-btn {
  height: 39px;
  padding:0 15px;
  border:1px solid rgba(217,184,120,.34);
  border-radius:999px;
  background:rgba(8,10,11,.78);
  color:#ddd7ca;
  font-size:9px;
  letter-spacing:.05em;
  backdrop-filter:blur(14px);
  cursor:pointer;
}
.rx-map-launchers button:hover,.rx-btn:hover { border-color:rgba(217,184,120,.64); background:rgba(217,184,120,.11); }
.rx-btn.primary { color:#1b1710; background:linear-gradient(135deg,#e2c88e,#b99150); border-color:transparent; }
.rx-btn.ghost { border-color:var(--rx-line); color:#aaa7a0; }
.rx-btn.danger { border-color:rgba(231,105,97,.4); color:#efa39e; }

.rx-overlay {
  position:fixed;
  z-index:120;
  inset:0;
  display:none;
  color:#ece8df;
}
.rx-overlay.show { display:block; animation:rx-fade .32s ease both; }
.rx-overlay::before { content:""; position:absolute; inset:0; background:rgba(3,4,5,.48); backdrop-filter:blur(7px) saturate(.8); }
.rx-overlay::after { content:""; position:absolute; left:-20%; right:-20%; top:18%; height:1px; background:linear-gradient(90deg,transparent,rgba(217,184,120,.9),transparent); box-shadow:0 0 18px rgba(217,184,120,.55); animation:rx-scan .7s ease both; pointer-events:none; }
@keyframes rx-fade { from{opacity:0} to{opacity:1} }
@keyframes rx-scan { from{transform:translateY(-18vh);opacity:0} 35%{opacity:1} to{transform:translateY(60vh);opacity:0} }

.rx-hud-shell {
  position:absolute;
  z-index:2;
  inset:86px 48px 42px 126px;
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr;
  grid-template-rows:98px minmax(0,1fr) 118px;
  gap:12px;
  perspective:1400px;
}
.rx-hud-head { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border:1px solid var(--rx-line); border-radius:20px; background:rgba(12,14,15,.72); backdrop-filter:blur(24px); }
.rx-kicker { color:var(--rx-gold); font-size:8px; letter-spacing:.16em; text-transform:uppercase; }
.rx-hud-head h2,.rx-layer-head h2,.rx-work-title h1 { margin:7px 0 0; font:400 27px/1.05 Georgia,"Times New Roman",serif; }
.rx-hud-head p { margin:5px 0 0; color:#8f8c85; font-size:9px; }
.rx-hud-actions { display:flex; gap:8px; }
.rx-widget {
  position:relative;
  overflow:hidden;
  border:1px solid var(--rx-line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(31,33,34,.76),rgba(9,11,12,.82));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(22px);
  touch-action:none;
  transition:border-color .2s ease, transform .2s ease, opacity .2s ease;
}
.rx-widget.dragging { border-color:rgba(217,184,120,.55); transform:scale(1.015); }
.rx-widget.hidden-widget { opacity:0; transform:translateX(120px) scale(.88); pointer-events:none; }
.rx-widget-inner { padding:17px 18px; }
.rx-widget small { color:#77756f; font-size:8px; letter-spacing:.11em; }
.rx-widget strong { display:block; margin-top:8px; font-size:20px; font-weight:520; }
.rx-widget p { margin:5px 0 0; color:#97948e; font-size:9px; line-height:1.5; }
.rx-weather { grid-column:1; grid-row:2; background:linear-gradient(145deg,rgba(63,54,39,.45),rgba(13,15,16,.86)); }
.rx-weather-main { display:flex; align-items:flex-end; justify-content:space-between; }
.rx-weather-temp { font:400 70px/1 Georgia,serif; color:#efe4cf; }
.rx-weather-temp i { font:normal 20px/1 Arial; color:#aaa49a; }
.rx-weather-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:23px; }
.rx-weather-stats div,.rx-mini-card { padding:11px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:rgba(255,255,255,.025); }
.rx-weather-stats b { display:block; margin-top:5px; font-size:11px; font-weight:500; }
.rx-calendar { grid-column:2; grid-row:2; }
.rx-calendar-list { display:grid; gap:9px; margin-top:13px; }
.rx-calendar-item { display:grid; grid-template-columns:45px 1fr; gap:11px; padding:11px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.065); }
.rx-calendar-item time { color:var(--rx-gold); font-size:9px; }
.rx-calendar-item b { font-size:10px; font-weight:500; }
.rx-calendar-item span { display:block; margin-top:4px; color:#77746f; font-size:8px; }
.rx-scenes { grid-column:3; grid-row:2; }
.rx-scene-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.rx-scene-chip { min-height:74px; padding:11px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(255,255,255,.025); color:#d7d3cb; text-align:left; cursor:pointer; }
.rx-scene-chip b { display:block; margin-bottom:5px; font-size:10px; }.rx-scene-chip span{color:#7f7c76;font-size:8px}
.rx-scene-chip.active { border-color:rgba(217,184,120,.42); background:rgba(217,184,120,.09); }
.rx-departure-mini { grid-column:1/3; grid-row:3; display:grid; grid-template-columns:1fr auto; align-items:center; }
.rx-departure-mini .rx-widget-inner { display:grid; grid-template-columns:1fr repeat(3,110px); gap:14px; align-items:center; }
.rx-departure-mini strong { margin:3px 0 0; font-size:17px; }.rx-departure-mini .rx-stat span{display:block;color:#77746f;font-size:7px}.rx-departure-mini .rx-stat b{display:block;margin-top:4px;color:#e0d8c9;font-size:12px;font-weight:500}
.rx-departure-open { margin-right:16px; }
.rx-alerts { grid-column:3; grid-row:3; }
.rx-chip-drawer { position:absolute; z-index:4; left:50%; bottom:24px; transform:translate(-50%,20px); display:flex; gap:8px; padding:10px; border:1px solid var(--rx-line); border-radius:999px; background:rgba(11,13,14,.9); opacity:0; pointer-events:none; transition:.2s ease; }
.rx-chip-drawer.show { transform:translate(-50%,0); opacity:1; pointer-events:auto; }
.rx-chip-drawer button { height:31px; padding:0 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(255,255,255,.04); color:#bdb8ae; font-size:8px; cursor:pointer; }

.rx-panel-modal { position:absolute; z-index:3; inset:62px 82px 42px 130px; display:grid; grid-template-rows:auto minmax(0,1fr); border:1px solid var(--rx-line); border-radius:24px; background:rgba(10,12,13,.94); box-shadow:0 30px 90px rgba(0,0,0,.5); overflow:hidden; }
.rx-layer-head { min-height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; border-bottom:1px solid rgba(255,255,255,.07); }
.rx-layer-actions { display:flex; gap:8px; }

.rx-departure-body { min-height:0; display:grid; grid-template-columns:330px minmax(0,1fr) 300px; gap:13px; padding:13px; }
.rx-departure-search,.rx-route-preview,.rx-route-summary { min-height:0; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.025); padding:17px; }
.rx-searchbox { display:flex; gap:8px; height:42px; }
.rx-searchbox input { min-width:0; flex:1; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(0,0,0,.2); color:#eee9df; padding:0 12px; outline:none; }
.rx-destination-list { display:grid; gap:7px; margin-top:16px; }
.rx-destination { padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); color:#cfcac0; text-align:left; cursor:pointer; }
.rx-destination b { display:block;font-size:10px}.rx-destination span{display:block;margin-top:4px;color:#78756f;font-size:8px}.rx-destination.active{border-color:rgba(217,184,120,.45);background:rgba(217,184,120,.08)}
.rx-route-preview { position:relative; overflow:hidden; background:radial-gradient(circle at 70% 20%,rgba(69,86,78,.2),transparent 32%),linear-gradient(140deg,#131717,#0d1011); }
.rx-route-grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:44px 44px; transform:rotate(-8deg) scale(1.2); }
.rx-route-preview svg { position:absolute; inset:9%; width:82%; height:82%; overflow:visible; }
.rx-route-preview path.route-base { fill:none; stroke:rgba(255,255,255,.12); stroke-width:13; stroke-linecap:round; }
.rx-route-preview path.route-live { fill:none; stroke:url(#rxRouteGradient); stroke-width:5; stroke-linecap:round; stroke-dasharray:8 5; animation:rx-route 5s linear infinite; }
@keyframes rx-route { to{stroke-dashoffset:-80} }
.rx-map-tag { position:absolute; padding:8px 10px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(9,11,12,.82); font-size:8px; }
.rx-map-tag.home { left:13%; bottom:14%; }.rx-map-tag.dest{right:12%;top:15%;color:#e2c98f}
.rx-summary-hero { padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.07); }
.rx-summary-hero strong { font:400 48px/1 Georgia,serif; }.rx-summary-hero strong i{font:normal 13px Arial;color:#88847e}
.rx-summary-hero p{margin:7px 0 0;color:#a6a199;font-size:9px}
.rx-route-data { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:13px; }
.rx-route-data div { padding:10px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.02); }
.rx-route-data span{display:block;color:#77746e;font-size:7px}.rx-route-data b{display:block;margin-top:5px;font-size:11px;font-weight:500}
.rx-congestion { margin-top:13px; padding:11px; border-left:2px solid #d9a660; background:rgba(217,166,96,.07); color:#a9a39a; font-size:8px; line-height:1.5; }
.rx-transfer-actions { display:grid; gap:8px; margin-top:13px; }
.rx-transfer-actions .rx-btn { width:100%; }
.rx-qr { display:none; place-items:center; position:absolute; inset:0; z-index:5; background:rgba(6,7,8,.9); backdrop-filter:blur(12px); }
.rx-qr.show{display:grid}.rx-qr-card{width:270px;padding:22px;border:1px solid var(--rx-line);border-radius:20px;background:#121415;text-align:center}.rx-qr-grid{width:160px;height:160px;margin:14px auto;background:#eee;display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);padding:8px}.rx-qr-grid i{background:#111}.rx-qr-card p{color:#8f8c85;font-size:8px;line-height:1.5}

.rx-map-layer { position:absolute; z-index:70; inset:0; display:none; background:rgba(7,8,9,.94); }
.rx-map-layer.show { display:grid; grid-template-rows:82px minmax(0,1fr); animation:rx-fade .25s ease; }
.rx-node-body { display:grid; grid-template-columns:minmax(0,1fr) 292px; gap:12px; padding:12px; min-height:0; }
.rx-node-stage { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:20px; background:radial-gradient(circle at 52% 45%,rgba(217,184,120,.06),transparent 35%),#0c0f10; touch-action:none; }
.rx-zone { position:absolute; display:grid; place-items:center; border:1px dashed rgba(255,255,255,.13); border-radius:26px; color:#66645f; font-size:8px; letter-spacing:.12em; transition:.25s ease; }
.rx-zone[data-zone="sofa"]{left:8%;top:13%;width:38%;height:45%}.rx-zone[data-zone="table"]{right:8%;top:10%;width:32%;height:33%}.rx-zone[data-zone="kitchen"]{right:9%;bottom:8%;width:36%;height:34%}.rx-zone.hot{border-color:rgba(217,184,120,.62);box-shadow:inset 0 0 40px rgba(217,184,120,.09),0 0 30px rgba(217,184,120,.08);color:#c9ae79}.rx-zone.sound-hot{border-color:rgba(111,202,216,.6);box-shadow:inset 0 0 40px rgba(92,180,209,.09);color:#8ed7df}.rx-zone::after{content:"";position:absolute;inset:8%;border-radius:inherit;border:1px solid transparent;pointer-events:none}.rx-zone.ripple::after{animation:rx-ripple .65s ease-out}.rx-zone.sound-hot.ripple::after{border-color:rgba(120,215,223,.6)}.rx-zone.hot.ripple::after{border-color:rgba(217,184,120,.6)}
@keyframes rx-ripple{from{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}
.rx-node { position:absolute; width:86px; height:86px; border:0; border-radius:50%; cursor:grab; touch-action:none; transform:translate(-50%,-50%) scale(var(--node-scale,1)); }
.rx-node:active{cursor:grabbing}.rx-node.light{background:radial-gradient(circle at 35% 32%,#fff5ce 0 6%,#e3b85f 18%,rgba(210,139,45,.45) 48%,rgba(221,155,57,0) 70%);box-shadow:0 0 45px rgba(222,161,66,.52),inset 0 0 20px #fff1ba}.rx-node.sound{background:radial-gradient(circle at 35% 30%,rgba(224,252,255,.92),rgba(100,218,226,.55) 23%,rgba(116,85,214,.36) 50%,rgba(89,113,217,0) 72%);box-shadow:0 0 45px rgba(86,182,214,.42),inset 0 0 24px rgba(202,244,255,.4)}.rx-node.sound::after{content:"";position:absolute;inset:23%;border:1px solid rgba(220,251,255,.55);border-radius:50%;animation:rx-pulse 1.25s ease-in-out infinite}.rx-node.light::after{content:"";position:absolute;inset:18%;border-radius:50%;box-shadow:0 0 0 8px rgba(255,220,144,.08),0 0 0 16px rgba(255,220,144,.04)}
@keyframes rx-pulse{50%{transform:scale(1.38);opacity:.24}}
.rx-node-panel { border:1px solid rgba(255,255,255,.075); border-radius:20px; background:rgba(255,255,255,.025); padding:17px; overflow:auto; }
.rx-node-readout { display:grid; gap:8px; margin-top:14px; }.rx-node-readout div{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px}.rx-node-readout span{display:block;color:#77746f;font-size:7px}.rx-node-readout b{display:block;margin-top:5px;font-size:11px;font-weight:500}.rx-node-hint{margin-top:14px;color:#7d7973;font-size:8px;line-height:1.7}

.rx-fit-body { display:grid; grid-template-columns:230px minmax(0,1fr) 285px; gap:12px; padding:12px; min-height:0; }
.rx-fit-products,.rx-fit-report { border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.025); padding:15px; }
.rx-product-list{display:grid;gap:8px;margin-top:13px}.rx-product{padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);color:#d6d1c8;text-align:left;cursor:pointer}.rx-product b{display:block;font-size:10px}.rx-product span{display:block;margin-top:4px;color:#77746f;font-size:8px}.rx-product.active{border-color:rgba(217,184,120,.45);background:rgba(217,184,120,.08)}
.rx-fit-plan { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:#0f1213; touch-action:none; }
.rx-fit-plan::before{content:"";position:absolute;inset:8%;border:7px solid #343634;background:linear-gradient(90deg,transparent 49.6%,#343634 49.6% 50.4%,transparent 50.4%),linear-gradient(transparent 58%,#343634 58% 59%,transparent 59%)}
.rx-fit-zone{position:absolute;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#68655f;font-size:8px;display:grid;place-items:center}.rx-fit-zone.living{left:11%;top:13%;width:34%;height:38%}.rx-fit-zone.dining{right:11%;top:13%;width:34%;height:38%}.rx-fit-zone.kitchen{right:11%;bottom:12%;width:34%;height:31%}
.rx-fit-item{position:absolute;left:25%;top:28%;width:145px;height:68px;border:2px solid #d1b06f;border-radius:15px;background:rgba(217,184,120,.16);display:grid;place-items:center;color:#e1c88f;font-size:9px;cursor:grab;touch-action:none;transform:translate(-50%,-50%)}.rx-fit-item.invalid{border-color:#e6766e;background:rgba(230,118,110,.12);color:#f0aaa5}.rx-fit-item.approved{animation:rx-approved .7s ease}@keyframes rx-approved{50%{box-shadow:0 0 0 28px rgba(217,184,120,0),0 0 30px rgba(217,184,120,.4)}from{box-shadow:0 0 0 0 rgba(217,184,120,.3)}}
.rx-fit-path{position:absolute;left:9%;bottom:8%;width:62%;height:38%;border-left:3px solid rgba(217,184,120,.6);border-bottom:3px solid rgba(217,184,120,.6);border-radius:0 0 0 22px;opacity:.75}.rx-fit-path::after{content:"반입 경로";position:absolute;right:-36px;top:-9px;color:#ad966a;font-size:7px}
.rx-report-state{padding:14px;border-radius:13px;border:1px solid rgba(140,191,155,.3);background:rgba(85,130,96,.08)}.rx-report-state.invalid{border-color:rgba(230,118,110,.4);background:rgba(135,47,41,.1)}.rx-report-state strong{font-size:15px}.rx-report-state p{margin:6px 0 0;color:#8b8881;font-size:8px;line-height:1.5}.rx-check-list{display:grid;gap:7px;margin-top:12px}.rx-check-list div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px;color:#8f8c85}.rx-check-list b{color:#b7d1bd;font-weight:500}.rx-check-list b.warn{color:#e6968e}

.rx-workspace { display:grid; grid-template-rows:78px 50px minmax(0,1fr); gap:10px; }
.rx-work-head,.rx-work-toolbar { display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(14,16,17,.9);padding:0 18px }.rx-work-title h1{font-size:24px}.rx-work-tabs,.rx-tool-group{display:flex;gap:7px}.rx-work-tabs button,.rx-tool-group button{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#99968f;font-size:8px;cursor:pointer}.rx-work-tabs button.active,.rx-tool-group button.active{border-color:rgba(217,184,120,.43);background:rgba(217,184,120,.09);color:#e0c98f}
.rx-board { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:20px; background:radial-gradient(circle at 35% 25%,rgba(217,184,120,.05),transparent 24%),#0d1011; touch-action:none; }
.rx-board-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;opacity:.18;pointer-events:none}
.rx-card{position:absolute;min-width:170px;min-height:110px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(20,22,23,.95);box-shadow:0 14px 35px rgba(0,0,0,.25);overflow:hidden;touch-action:none;cursor:grab}.rx-card.selected{border-color:rgba(217,184,120,.65);box-shadow:0 0 0 2px rgba(217,184,120,.12),0 18px 45px rgba(0,0,0,.35)}.rx-card-head{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.06);color:#aaa69f;font-size:8px}.rx-card-head i{width:6px;height:6px;border-radius:50%;background:#8cbf9b}.rx-card-body{padding:12px;color:#d9d4ca;font-size:9px;line-height:1.5}.rx-card-body img{width:100%;height:100%;object-fit:cover}.rx-card-image .rx-card-body{padding:0;height:calc(100% - 34px)}.rx-card-resize{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize}.rx-card-resize::after{content:"";position:absolute;right:5px;bottom:5px;width:7px;height:7px;border-right:1px solid #8e8b84;border-bottom:1px solid #8e8b84}
.rx-sketch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rx-board.sketch-mode .rx-sketch{pointer-events:auto;cursor:crosshair}.rx-compare-panel{display:none;position:absolute;inset:0;background:rgba(11,13,14,.97);padding:18px;overflow:auto}.rx-compare-panel.show{display:block}.rx-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.rx-compare-grid>div{border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);padding:12px}.rx-compare-grid h3{margin:0 0 10px;font-size:10px}.rx-compare-row{display:grid;grid-template-columns:84px 1fr;padding:7px 0;border-top:1px solid rgba(255,255,255,.055);font-size:8px;color:#9d9992}.rx-compare-row b{color:#ddd6c9;font-weight:500}.rx-ai-summary{margin-top:12px;padding:14px;border:1px solid rgba(217,184,120,.25);border-radius:13px;background:rgba(217,184,120,.06);color:#a8a299;font-size:9px;line-height:1.65}

.rx-connect { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:12px; }
.rx-presence-stage { position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,#181b1c,#090b0c) }.rx-presence-stage::before{content:"";position:absolute;inset:0;background:url('./assets/family_picnic.webp') center/cover;opacity:.22;filter:grayscale(.4)}.rx-presence-copy{position:absolute;z-index:2;left:28px;top:26px}.rx-presence-copy h1{margin:8px 0;font:400 34px Georgia,serif}.rx-presence-copy p{margin:0;color:#8d8a84;font-size:9px}.rx-privacy-shield{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:rgba(7,8,9,.78);backdrop-filter:blur(11px);transition:.35s ease}.rx-privacy-shield.hidden{opacity:0;pointer-events:none}.rx-call-card{width:310px;padding:23px;border:1px solid var(--rx-line);border-radius:22px;background:rgba(18,20,21,.94);text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.45)}.rx-avatar{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6d5d48,#2a2824);color:#ead7ae;font:400 26px Georgia}.rx-call-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.rx-connect-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.rx-connect-panel{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.025);padding:15px}.rx-device-list{display:grid;gap:8px;margin-top:12px}.rx-device{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;display:flex;align-items:center;justify-content:space-between}.rx-device b{font-size:9px}.rx-device span{color:#8fc29b;font-size:7px}.rx-call-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rx-call-controls button{height:42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.03);color:#bcb8af;font-size:8px;cursor:pointer}.rx-call-controls button.off{color:#ef9993;border-color:rgba(230,105,98,.32)}.rx-echo-canvas{position:absolute;z-index:4;inset:0;width:100%;height:100%;touch-action:none;pointer-events:none}.rx-presence-stage.connected .rx-echo-canvas{pointer-events:auto}.rx-live-badge{position:absolute;z-index:4;right:20px;top:20px;padding:8px 11px;border-radius:999px;background:rgba(11,13,14,.7);border:1px solid rgba(140,191,155,.3);color:#a6cfb1;font-size:8px;opacity:0}.rx-presence-stage.connected .rx-live-badge{opacity:1}
.rx-presence-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;background:#090b0c}.rx-presence-stage.media-live .rx-presence-video.remote{opacity:.72}.rx-presence-video.local{inset:auto 18px 18px auto;width:154px;height:96px;border:1px solid rgba(255,255,255,.16);border-radius:13px;z-index:5;opacity:0;box-shadow:0 12px 32px rgba(0,0,0,.35)}.rx-presence-stage.media-live .rx-presence-video.local{opacity:1}

.rx-toast { position:fixed; z-index:180; left:50%; bottom:34px; transform:translate(-50%,20px); padding:12px 18px; border:1px solid rgba(217,184,120,.35); border-radius:999px; background:rgba(14,16,17,.94); color:#ddd7cc; font-size:9px; opacity:0; pointer-events:none; transition:.2s ease; }.rx-toast.show{opacity:1;transform:translate(-50%,0)}

html[data-theme="light"] .rx-work-head,html[data-theme="light"] .rx-work-toolbar,html[data-theme="light"] .rx-widget,html[data-theme="light"] .rx-panel-modal{background:rgba(249,246,239,.94);color:#38342f;border-color:rgba(69,54,34,.14)}
html[data-theme="light"] .rx-widget p,html[data-theme="light"] .rx-hud-head p{color:#706b63}

@media (max-width:1240px),(max-height:720px){
  .rx-hud-shell{inset:76px 28px 24px 106px;grid-template-rows:76px minmax(0,1fr) 96px;gap:8px}.rx-hud-head{padding:0 15px}.rx-hud-head h2{font-size:21px}.rx-widget-inner{padding:12px}.rx-weather-temp{font-size:52px}.rx-weather-stats{margin-top:12px}.rx-scene-chip{min-height:56px}.rx-departure-mini .rx-widget-inner{grid-template-columns:1fr repeat(3,82px);gap:8px}.rx-panel-modal{inset:40px 34px 24px 106px}.rx-layer-head{min-height:70px}.rx-layer-head h2{font-size:22px}.rx-departure-body{grid-template-columns:255px minmax(0,1fr) 250px}.rx-connect{grid-template-columns:minmax(0,1fr) 285px}.rx-workspace{grid-template-rows:62px 44px minmax(0,1fr)}
}