.demo-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
 padding:7px 10px;background:linear-gradient(90deg,#C2410C,#BE185D);color:#fff;font:800 15px/1.3 'Baloo Bhaijaan 2','Noto Naskh Arabic',sans-serif;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.demo-bar button{border:0;border-radius:999px;background:#fff;color:#BE185D;font:800 13px/1 'Baloo Bhaijaan 2','Noto Naskh Arabic',sans-serif;padding:7px 12px;cursor:pointer}
.planet.dlk .orb{filter:grayscale(.55) brightness(.85)}
.planet .dlock{position:absolute;bottom:-6px;left:-6px;width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.planet .orb{position:relative}
.dfree{color:#FDE047;font-weight:800}
.dsh{position:fixed;inset:0;z-index:9999;background:rgba(15,10,40,.62);display:flex;align-items:flex-end;justify-content:center;animation:dshf .25s ease}
.dsh-card{width:100%;max-width:520px;box-sizing:border-box;background:#fff;color:#1E1B4B;border-radius:26px 26px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom));text-align:center;animation:dshu .3s ease;max-height:92vh;overflow:auto}
.dsh-card h2{margin:4px 0 6px;font-size:23px;color:#BE185D}
.dsh-card p{margin:0 0 14px;font-size:18px;line-height:1.7;font-weight:700}
.dsh-m{display:flex;justify-content:center;max-height:110px}
.dsh-go{display:block;text-decoration:none;background:#0f7a06;color:#fff;font-size:21px;font-weight:800;padding:15px 12px;border-radius:18px;box-shadow:0 6px 16px rgba(22,163,74,.4);margin-bottom:10px}
.dsh-x{width:100%;border:2px solid #E5E7EB;background:#fff;color:#4B5563;font-size:17px;font-weight:800;padding:11px;border-radius:16px;cursor:pointer;font-family:inherit}
@keyframes dshf{from{opacity:0}to{opacity:1}}@keyframes dshu{from{transform:translateY(40px)}to{transform:none}}

/* v d4: contrast */
.dsh-x{color:#374151}
.dfree{color:#FDE047}