:root { --revc-bg:#0d0f12; --revc-fg:#e8eef6; --revc-border:#1f2430; --revc-accent:#1e293b; --revc-cta:#111827; }
.revc-safe{ padding-bottom:env(safe-area-inset-bottom); }
.revc-hidden{ display:none!important; }
.revc-toast{ position:fixed; right:14px; bottom:14px; background:var(--revc-bg); color:var(--revc-fg); border:1px solid var(--revc-border); border-radius:12px; padding:12px 14px; z-index:10000; }
.revc-theme{ --revc-bg:var(--revc-bg); --revc-fg:var(--auto-fg,#e8eef6); --revc-border:var(--auto-border,#1f2430); --revc-accent:var(--auto-accent,#1e293b); --revc-cta:var(--auto-cta,#111827); }
.revc-header-connect{ display:inline-flex; align-items:center; gap:10px; padding:12px 14px; background:var(--revc-bg); border:1px solid var(--revc-border); border-radius:12px; cursor:pointer; color:var(--revc-fg); font-size:15px; touch-action:manipulation; }
.revc-header-connected{ background:#12221b; border-color:#184b2b; }
.revc-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; z-index:9998; }
.revc-modal{ width:min(96vw,860px); background:var(--revc-bg); color:var(--revc-fg); border-radius:16px; padding:20px; box-shadow:0 10px 40px rgba(0,0,0,.5); z-index:9999; font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
.revc-modal header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.revc-modal h3{ margin:0; font-size:18px; }
.revc-x{ cursor:pointer; font-size:22px; opacity:.85; }
.revc-row{ display:flex; gap:12px; margin-top:14px; flex-wrap:wrap; }
.revc-btn{ flex:1 1 45%; padding:14px 16px; border-radius:12px; border:1px solid var(--revc-border); background:var(--revc-cta); color:var(--revc-fg); cursor:pointer; text-align:center; font-weight:700; font-size:15px; touch-action:manipulation; }
.revc-btn:hover{ filter:brightness(1.06); }
.revc-cta{ background:var(--revc-accent); }
.revc-muted{ opacity:.85; font-size:13px; margin-top:12px; }
.revc-section{ border-top:1px solid var(--revc-border); margin-top:16px; padding-top:12px; }
.revc-input{ width:100%; padding:14px; border-radius:12px; background:var(--revc-bg); border:1px solid var(--revc-border); color:var(--revc-fg); font-size:16px; }
.revc-badge{ display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border:1px solid var(--revc-border); border-radius:999px; font-size:13px; }
.revc-inline{ display:flex; align-items:center; gap:8px; }
.revc-right{ margin-left:auto; }
.revc-iframe-wrap{ width:100%; height:75vh; border:1px solid var(--revc-border); border-radius:12px; overflow:hidden; }
.revc-iframe{ width:100%; height:100%; border:0; }
.revc-fab-wrap{ position:fixed; left:14px; bottom:14px; display:flex; flex-direction:column; gap:8px; z-index:9997; }
.revc-fab{ padding:12px 14px; border-radius:12px; border:1px solid var(--revc-border); background:var(--revc-bg); color:var(--revc-fg); cursor:pointer; font-weight:700; }
@media (max-width:420px){ .revc-iframe-wrap{height:78vh;} .revc-modal{width:min(96vw,860px); padding:16px;} .revc-btn{flex:1 1 100%;} }
@media (max-width:360px){ .revc-fab-wrap{ display:none; } }