/* ===== Extracted from: site_inline_popup_dana/index.html ===== */
:root {
  --dana-bg: var(--panel, var(--bg, #0f172a));
  --dana-text: var(--text, #e5e7eb);
  --dana-muted: var(--muted, #9fb0c8);
  --dana-border: var(--border, #27324a);
  --dana-overlay: rgba(0, 0, 0, 0.62);
  --dana-radius: var(--radius, 16px);
  --dana-shadow: 0 18px 60px rgba(0,0,0,.55);
  --dana-accent: var(--brand, #f5c542);
  --dana-accent-weak: color-mix(in lab, var(--dana-accent) 30%, white);
}
body.d1-no-scroll { overflow: hidden; }
.d1-modal[hidden]{display:none!important}
.d1-modal{position:fixed;inset:0;z-index:2147483000;font-family:inherit}
.d1-backdrop{position:absolute;inset:0;background:var(--dana-overlay);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}
.d1-dialog{position:relative;width:min(92vw,560px);margin:9vh auto 0;background:var(--dana-bg);color:var(--dana-text);border:1px solid var(--dana-border);border-radius:var(--dana-radius);box-shadow:var(--dana-shadow);transform:translateY(10px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;outline:none;overflow:clip}
.d1-dialog::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--dana-accent),var(--dana-accent-weak));opacity:.9}
.d1-open .d1-backdrop{opacity:1}
.d1-open .d1-dialog{transform:translateY(0) scale(1);opacity:1}
.d1-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid var(--dana-border);background:color-mix(in lab,var(--dana-bg) 88%, black);color:var(--dana-text);font-size:22px;line-height:1;cursor:pointer}
.d1-close:hover{border-color:var(--dana-accent);box-shadow:0 0 0 2px color-mix(in lab,var(--dana-accent) 30%, transparent)}
.d1-close:focus{outline:2px solid var(--dana-accent);outline-offset:2px}
.d1-content{padding:26px 22px 22px;text-align:center}
.d1-content h2{margin:6px 0 6px;font-size:20px;letter-spacing:.3px;color:var(--dana-text)}
.d1-content h2 strong{color:var(--dana-accent);font-weight:700}
.d1-content p{color:var(--dana-muted);margin:2px 0 12px}
.d1-img{display:block;margin:12px auto 8px;width:min(80vw,360px);max-width:100%;height:auto;border-radius:12px;border:1px dashed var(--dana-border);background:color-mix(in lab,var(--dana-bg) 94%, black)}
.d1-cap{font-size:12px;color:var(--dana-muted);margin-top:6px}
@media (prefers-reduced-motion: reduce){.d1-backdrop,.d1-dialog{transition:none!important}}
@media (max-width:480px){.d1-dialog{margin-top:7vh;width:min(94vw,560px)}.d1-content{padding:20px 16px 16px}}

/* ===== Extracted from: site_inline_popup_dana/subs.html ===== */
:root {
  --dana-bg: var(--panel, var(--bg, #0f172a));
  --dana-text: var(--text, #e5e7eb);
  --dana-muted: var(--muted, #9fb0c8);
  --dana-border: var(--border, #27324a);
  --dana-overlay: rgba(0, 0, 0, 0.62);
  --dana-radius: var(--radius, 16px);
  --dana-shadow: 0 18px 60px rgba(0,0,0,.55);
  --dana-accent: var(--brand, #f5c542);
  --dana-accent-weak: color-mix(in lab, var(--dana-accent) 30%, white);
}
body.d1-no-scroll { overflow: hidden; }
.d1-modal[hidden]{display:none!important}
.d1-modal{position:fixed;inset:0;z-index:2147483000;font-family:inherit}
.d1-backdrop{position:absolute;inset:0;background:var(--dana-overlay);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}
.d1-dialog{position:relative;width:min(92vw,560px);margin:9vh auto 0;background:var(--dana-bg);color:var(--dana-text);border:1px solid var(--dana-border);border-radius:var(--dana-radius);box-shadow:var(--dana-shadow);transform:translateY(10px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;outline:none;overflow:clip}
.d1-dialog::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--dana-accent),var(--dana-accent-weak));opacity:.9}
.d1-open .d1-backdrop{opacity:1}
.d1-open .d1-dialog{transform:translateY(0) scale(1);opacity:1}
.d1-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid var(--dana-border);background:color-mix(in lab,var(--dana-bg) 88%, black);color:var(--dana-text);font-size:22px;line-height:1;cursor:pointer}
.d1-close:hover{border-color:var(--dana-accent);box-shadow:0 0 0 2px color-mix(in lab,var(--dana-accent) 30%, transparent)}
.d1-close:focus{outline:2px solid var(--dana-accent);outline-offset:2px}
.d1-content{padding:26px 22px 22px;text-align:center}
.d1-content h2{margin:6px 0 6px;font-size:20px;letter-spacing:.3px;color:var(--dana-text)}
.d1-content h2 strong{color:var(--dana-accent);font-weight:700}
.d1-content p{color:var(--dana-muted);margin:2px 0 12px}
.d1-img{display:block;margin:12px auto 8px;width:min(80vw,360px);max-width:100%;height:auto;border-radius:12px;border:1px dashed var(--dana-border);background:color-mix(in lab,var(--dana-bg) 94%, black)}
.d1-cap{font-size:12px;color:var(--dana-muted);margin-top:6px}
@media (prefers-reduced-motion: reduce){.d1-backdrop,.d1-dialog{transition:none!important}}
@media (max-width:480px){.d1-dialog{margin-top:7vh;width:min(94vw,560px)}.d1-content{padding:20px 16px 16px}}