#secret-dealer-launcher {
  position: fixed;
  z-index: 70;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(122px, calc(env(safe-area-inset-bottom) + 112px));
  border: 1px solid rgba(94, 234, 212, .46);
  border-radius: 999px;
  background: #134e4a;
  color: #f0fdfa;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
  padding: 10px 14px;
  font: 700 13px/1.2 system-ui, sans-serif;
  cursor: pointer;
}
#secret-dealer-root[hidden] { display: none; }
#secret-dealer-root { position: relative; z-index: 400; font-family: system-ui, sans-serif; }
.secret-backdrop { position: fixed; inset: 0; padding: 12px 12px max(12px, env(safe-area-inset-bottom)); background: rgba(2, 6, 23, .92); display: flex; align-items: center; justify-content: center; }
.secret-panel { box-sizing: border-box; width: min(540px, 100%); max-height: 95dvh; overflow-y: auto; overscroll-behavior: contain; border-radius: 18px; border: 1px solid #475569; background: #0f172a; color: #e2e8f0; padding: clamp(14px, 4vw, 24px); box-shadow: 0 20px 90px #000b; }
.secret-panel header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.secret-panel h2 { font-size: clamp(20px, 5vw, 26px); margin: 0; color: #f8fafc; }
.secret-panel h3 { font-size: 19px; color: #f8fafc; overflow-wrap: anywhere; }
.secret-panel p { line-height: 1.55; overflow-wrap: anywhere; }
.secret-panel label { display: block; font-weight: 700; font-size: 14px; margin: 14px 0; }
.secret-panel textarea { box-sizing: border-box; display: block; width: 100%; margin-top: 5px; resize: vertical; border: 1px solid #64748b; border-radius: 9px; background: #020617; color: #f8fafc; padding: 10px; font: 15px/1.5 system-ui, sans-serif; }
.secret-panel button { border: 1px solid #64748b; border-radius: 9px; padding: 11px 14px; background: #1e293b; color: #f8fafc; font: 700 14px/1.4 system-ui, sans-serif; cursor: pointer; }
.secret-panel button[disabled] { opacity: .4; cursor: not-allowed; }
.secret-panel button.secret-primary { background: #0f766e; border-color: #2dd4bf; }
.secret-panel button.secret-danger { color: #fecaca; border-color: #b91c1c; }
.secret-panel button:focus-visible, #secret-dealer-launcher:focus-visible, .secret-panel textarea:focus-visible { outline: 3px solid #5eead4; outline-offset: 3px; }
.secret-private { display: grid; gap: 14px; text-align: center; justify-items: stretch; padding: 20px 4px; min-height: 210px; }
.secret-private output { display: block; overflow-wrap: anywhere; border: 2px solid #5eead4; border-radius: 12px; background: #042f2e; color: #fff; padding: 22px 10px; font-size: clamp(22px, 6vw, 35px); font-weight: 800; }
.secret-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.secret-actions button { flex: 1 1 110px; }
.secret-host { margin: 14px 0; padding: 12px; border: 1px solid #334155; border-radius: 12px; }
.secret-step { font-size: 18px; font-weight: 700; }
.secret-help, .secret-panel footer { color: #94a3b8; font-size: 12px; }
.secret-error { border-left: 3px solid #fb7185; padding: 8px; color: #fecdd3; }
.secret-panel footer { border-top: 1px solid #334155; margin-top: 18px; padding-top: 12px; line-height: 1.5; }
@media (max-width: 380px) { #secret-dealer-launcher { font-size: 12px; padding: 9px 10px; } .secret-panel { padding: 14px; } }