:root{
  --rag-bg:#07111f;
  --rag-panel:#0f172a;
  --rag-panel-2:#111c34;
  --rag-text:#f8fafc;
  --rag-muted:#a5b4fc;
  --rag-soft:#cbd5e1;
  --rag-accent:#60a5fa;
  --rag-accent-2:#7c3aed;
  --rag-success:#22c55e;
  --rag-danger:#f97316;
}

.replyo-rag-lock,
.replyo-rag-lock body{overflow:hidden !important;height:100% !important;touch-action:none !important;}
.replyo-rag-blur body > *:not(#replyo-rag-overlay):not(script):not(style):not(link):not(meta):not(title){filter:blur(6px);pointer-events:none;user-select:none;}

.replyo-rag-shell{position:fixed;inset:0;z-index:2147482999;background:radial-gradient(circle at top,#172554 0,#0b1120 45%,#050816 100%);display:none;align-items:center;justify-content:center;padding:24px}
.replyo-rag-shell__panel{width:min(100%,520px);background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:28px 24px;box-shadow:0 25px 80px rgba(0,0,0,.45);backdrop-filter:blur(18px);text-align:center;color:#fff}
.replyo-rag-shell__badge{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(96,165,250,.14);border:1px solid rgba(96,165,250,.25);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:18px}
.replyo-rag-shell__pulse{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;background:radial-gradient(circle,#60a5fa 0,#2563eb 35%,rgba(37,99,235,.12) 70%,transparent 71%);animation:ragPulse 1.8s ease-in-out infinite}
.replyo-rag-shell__panel h2{margin:0 0 12px;font-size:28px;line-height:1.2}
.replyo-rag-shell__panel p{margin:0 auto 18px;max-width:420px;color:#cbd5e1;line-height:1.65}
.replyo-rag-shell__steps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.replyo-rag-shell__steps span{padding:8px 12px;border-radius:999px;background:rgba(148,163,184,.12);font-size:12px;color:#dbeafe;border:1px solid rgba(148,163,184,.18)}

#replyo-rag-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#replyo-rag-overlay.replyo-rag-visible{display:flex}
.replyo-rag-panel{position:relative;width:min(100%,720px);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(10,15,30,.98));border:1px solid rgba(148,163,184,.18);border-radius:30px;box-shadow:0 35px 90px rgba(2,6,23,.62);overflow:hidden;color:var(--rag-text)}
.replyo-rag-panel::before{content:"";position:absolute;inset:auto auto 100% -12%;width:170px;height:170px;background:radial-gradient(circle,rgba(96,165,250,.35),transparent 68%);transform:translateY(60%)}
.replyo-rag-panel__top{display:flex;gap:18px;padding:26px 24px 10px;align-items:flex-start}
.replyo-rag-icon{flex:0 0 64px;width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(37,99,235,.35)}
.replyo-rag-icon svg{width:32px;height:32px;fill:#fff}
.replyo-rag-headline{flex:1 1 auto}
.replyo-rag-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(249,115,22,.12);color:#fdba74;border:1px solid rgba(249,115,22,.18);font-weight:700;font-size:12px;letter-spacing:.03em;margin-bottom:14px}
.replyo-rag-title{font-size:clamp(28px,4vw,40px);line-height:1.08;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}
.replyo-rag-message{margin:0;color:var(--rag-soft);font-size:16px;line-height:1.7}
.replyo-rag-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;padding:16px 24px 0}
.replyo-rag-card{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:18px}
.replyo-rag-card h3{margin:0 0 12px;font-size:15px;color:#e2e8f0}
.replyo-rag-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.replyo-rag-list li{display:flex;gap:12px;align-items:flex-start;color:#dbeafe;line-height:1.55}
.replyo-rag-list li i{display:inline-flex;width:24px;height:24px;border-radius:50%;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.16);color:#86efac;align-items:center;justify-content:center;font-style:normal;font-weight:700;flex:0 0 24px}
.replyo-rag-state{display:grid;gap:12px}
.replyo-rag-chip{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.12);font-size:14px;color:#e5e7eb}
.replyo-rag-chip strong{color:#fff}
.replyo-rag-actions{padding:18px 24px 24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.replyo-rag-btn{appearance:none;border:none;cursor:pointer;border-radius:18px;padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
.replyo-rag-btn:hover{transform:translateY(-1px)}
.replyo-rag-btn--primary{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.28)}
.replyo-rag-status{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:14px}
.replyo-rag-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 8px rgba(245,158,11,.1);animation:ragBlink 1.5s infinite}
.replyo-rag-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 24px 22px;color:#94a3b8;font-size:13px}
.replyo-rag-brand{font-weight:700;color:#dbeafe}
.replyo-rag-safe{color:#86efac}
.replyo-rag-danger{color:#fdba74}
@keyframes ragPulse{0%,100%{transform:scale(.95);opacity:.85}50%{transform:scale(1.08);opacity:1}}
@keyframes ragBlink{0%,100%{opacity:1}50%{opacity:.4}}

@media (max-width: 768px){
  .replyo-rag-panel__top{padding:22px 18px 8px;gap:14px}
  .replyo-rag-grid{grid-template-columns:1fr;padding:14px 18px 0}
  .replyo-rag-actions{padding:16px 18px 18px}
  .replyo-rag-footer{padding:0 18px 18px;flex-direction:column;align-items:flex-start}
  .replyo-rag-title{font-size:30px}
  .replyo-rag-icon{width:56px;height:56px;border-radius:18px}
}