:root{
  --mkca-bg:#0b0b0d; --mkca-fg:#f5f5f7; --mkca-muted:#a4a8ae; --mkca-accent:#6d5312; --mkca-card:#15161a;
  --mkca-wheel-h: calc(var(--mkca-row-h) * 3);
  --mkca-row-h:46px; --mkca-gap:16px;
}

.mkca{color:var(--mkca-fg);background:transparent;font-family:inherit,Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
.mkca-wrap{max-width:980px;margin:24px auto;padding:10px}
.mkca-title{margin:0 0 6px;font-size:20px;color:black;}
.mkca-lead{margin:0 0 16px;color:var(--mkca-muted);color:#444;}

.mkca-pickers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--mkca-gap)}
.mkca-wheel{position:relative;background:var(--mkca-card);border-radius:16px;padding:0 8px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.mkca-label{position:absolute;top:-10px;right:12px;background:#0b0b0d;padding:2px 10px;border-radius:10px;font-size:12px;color:var(--mkca-muted)}
.mkca-midline{position:absolute;top:calc(50% - var(--mkca-row-h)/2);left:8px;right:8px;height:var(--mkca-row-h);
  border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.mkca-window{
  height:var(--mkca-wheel-h);
  overflow:auto; padding-block: calc((var(--mkca-wheel-h) - var(--mkca-row-h)) / 2);
  mask-image:linear-gradient(to bottom, transparent 4%, #000 18%, #000 82%, transparent 96%);
  cursor:grab; touch-action:pan-y;
}
/* مخفی کردن اسکرول‌بار */
.mkca-window::-webkit-scrollbar{display:none}
.mkca-window{scrollbar-width:none;-ms-overflow-style:none}
.mkca-window.dragging{cursor:grabbing;user-select:none}

.mkca-opt{height:var(--mkca-row-h);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--mkca-muted)}
.mkca-opt[aria-current="true"]{color:var(--mkca-fg);font-weight:700;transform:scale(1.02)}

.mkca-actions{display:flex;gap:12px;align-items:center;margin:16px 0 8px}
.mkca-btn{background:var(--mkca-accent);color:white;border:none;border-radius:12px;padding:4px 48px;font-weight:800;font-size:15px;cursor:pointer;margin:auto;}
.mkca-hint{color:var(--mkca-muted);font-size:13px}
.mkca-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--mkca-gap);margin-top:14px}
.mkca-card{background:var(--mkca-card);border-radius:16px;padding:16px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.mkca-card h4{margin:0 0 6px;font-size:16px}
.mkca-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mkca-chip{font-size:12px;border:1px solid rgba(255,255,255,.14);padding:3px 8px;border-radius:999px;color:var(--mkca-muted)}
.mkca-brandtip{margin-top:6px;font-size:12px;color:#b7c6ff}

/* Progress */
.mkca-overlay{position:fixed;inset:0;background:rgba(15,16,20,.75);display:none;align-items:center;justify-content:center;z-index:9999}
.mkca-box{background:#0f1116;border-radius:14px;padding:20px 24px;min-width:280px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.mkca-txt{font-size:13px;color:var(--mkca-muted);margin-bottom:10px}
.mkca-bar{height:8px;background:#22252b;border-radius:999px;overflow:hidden}
.mkca-bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6ecbff,#9ee2ff);border-radius:999px}

@media (max-width:800px){ .mkca-pickers{grid-template-columns:1fr} }