.dkm-root{--bg:#0f0b1a;--card:#181226;--card2:#211936;--line:#33274f;--txt:#f3eefc;--mut:#a79cc0;--pink:#ff4d8d;--vio:#8b5cf6;font-family:"Segoe UI","Noto Nastaliq Urdu","Noto Naskh Arabic",system-ui,sans-serif;color:var(--txt)}
.dkm-root *{box-sizing:border-box}
.dkm-card{position:relative;overflow:hidden;max-width:520px;margin:20px auto;padding:24px 20px;border-radius:24px;background:radial-gradient(120% 80% at 50% 0%,#2a1747 0%,var(--card) 55%,var(--bg) 100%);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.dkm-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dkm-bg span{position:absolute;bottom:-30px;color:var(--pink);opacity:.18;animation:dkm-float linear infinite}
@keyframes dkm-float{to{transform:translateY(-640px) rotate(25deg);opacity:0}}
.dkm-in{position:relative;z-index:1}
.dkm-card h2{margin:0 0 4px;font-size:26px;text-align:center;background:linear-gradient(90deg,var(--pink),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.dkm-sub{margin:0 0 14px;text-align:center;color:var(--mut);font-size:14px}
.dkm-langs{display:flex;justify-content:center;gap:6px;margin-bottom:16px}
.dkm-langs button{background:var(--card2);color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13px;cursor:pointer}
.dkm-langs button.on{color:#fff;border-color:var(--pink);background:#3a1d4d}
.dkm-row{display:grid;grid-template-columns:1fr 110px;gap:8px;margin-bottom:12px}
.dkm-card label{display:block;font-size:13px;color:var(--mut);margin-bottom:4px}
.dkm-card input,.dkm-card select{width:100%;padding:11px 12px;font-size:16px;color:var(--txt);background:var(--card2);border:1px solid var(--line);border-radius:12px;outline:none}
.dkm-card input:focus,.dkm-card select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,77,141,.18)}
.dkm-card select option{background:var(--card2)}
.dkm-btn{width:100%;margin-top:6px;padding:13px;font-size:17px;font-weight:600;color:#fff;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(90deg,var(--pink),var(--vio));transition:transform .15s}
.dkm-btn:hover{transform:translateY(-1px)}
.dkm-err{color:#ff8aa8;font-size:13px;min-height:18px;margin:6px 0 0;text-align:center}
.dkm-res{margin-top:18px;text-align:center;animation:dkm-pop .5s ease}
@keyframes dkm-pop{from{opacity:0;transform:scale(.94)}}
.dkm-heartwrap{position:relative;width:190px;margin:0 auto}
.dkm-heartwrap svg{width:100%;display:block;filter:drop-shadow(0 0 18px rgba(255,77,141,.45));animation:dkm-beat 1.2s ease-in-out infinite}
@keyframes dkm-beat{50%{transform:scale(1.05)}}
.dkm-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;padding-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.dkm-names{margin:10px 0 4px;font-size:18px;font-weight:600;word-break:break-word}
.dkm-line{margin:6px 0;font-size:15px;line-height:1.7}
.dkm-relnote{color:var(--mut);font-size:13px}
.dkm-cats{margin:14px 0;text-align:start}
.dkm-cat{display:grid;grid-template-columns:96px 1fr 38px;gap:8px;align-items:center;margin:7px 0;font-size:13px;color:var(--mut)}
.dkm-bar{height:8px;border-radius:99px;background:var(--card2);overflow:hidden}
.dkm-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--vio),var(--pink));transition:width 1.1s ease}
.dkm-flames{display:inline-block;margin:6px 0 12px;padding:7px 14px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:14px}
.dkm-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dkm-acts button,.dkm-small{padding:10px;font-size:13px;color:var(--txt);background:var(--card2);border:1px solid var(--line);border-radius:12px;cursor:pointer}
.dkm-acts button:hover,.dkm-small:hover{border-color:var(--pink)}
.dkm-acts .wa{background:#12301f;border-color:#1f6b3d}
.dkm-ok{font-size:12px;color:#7ee2a8;min-height:16px;margin-top:6px}
.dkm-hist{margin-top:18px}
.dkm-hist h4{margin:0 0 6px;font-size:13px;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.dkm-hist .dkm-small{padding:3px 10px;font-size:12px}
.dkm-hi{display:flex;justify-content:space-between;width:100%;margin:4px 0;padding:8px 12px;font-size:13px;color:var(--txt);background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:start}
.dkm-note{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--mut);text-align:center}
@media (max-width:420px){.dkm-row{grid-template-columns:1fr 96px}.dkm-cat{grid-template-columns:84px 1fr 34px}}
@media (prefers-reduced-motion:reduce){.dkm-bg span,.dkm-heartwrap svg,.dkm-res{animation:none}.dkm-bar i{transition:none}}