/* Nezar Voice Demos v1.3.0 */
.nvd-wrap{--nvd-bg:#0f1115;--nvd-card:#161922;--nvd-text:#e6e7ee;--nvd-muted:#9aa1b5;--nvd-accent1:#7c3aed;--nvd-accent2:#22d3ee}
.nvd-head h2{font-size:28px;margin:0 0 4px}
.nvd-head p{color:var(--nvd-muted);margin:0 0 16px}

.nvd-row{position:relative}
.nvd-nav{position:absolute;top:44%;transform:translateY(-50%);z-index:3;border:none;width:38px;height:38px;border-radius:999px;background:#0e1117;box-shadow:0 0 0 1px rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}
.nvd-prev{left:-8px}
.nvd-next{right:-8px}

.nvd-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(280px,80vw);gap:18px;overflow:auto;padding:2px;scroll-snap-type:x mandatory}
.nvd-strip::-webkit-scrollbar{height:8px}
.nvd-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:8px}

.nvd-card{background:var(--nvd-card);border-radius:16px;overflow:hidden;scroll-snap-align:start;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .2s ease, box-shadow .3s ease}
.nvd-card.is-playing{transform:translateY(-2px);box-shadow:0 12px 28px rgba(124,58,237,.25)}
.nvd-cover{position:relative;aspect-ratio:1/1;display:block;background:#0e1117 center/cover no-repeat}
.nvd-play{position:absolute;inset:0;margin:auto;border:none;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.45);backdrop-filter:saturate(140%) blur(2px);box-shadow:0 0 0 3px rgba(255,255,255,.12) inset}
.nvd-icon{width:0;height:0;border-style:solid}
.nvd-icon-play{border-width:12px 0 12px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}
.nvd-card.is-playing .nvd-icon-play{display:none}
.nvd-card.is-playing .nvd-play::before,
.nvd-card.is-playing .nvd-play::after{content:"";display:block;width:14px;height:18px;background:#fff;margin:0 2px}
.nvd-card.is-playing .nvd-play{gap:2px}

.nvd-progress{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;font:12px/1.2 system-ui;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.nvd-bar{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.2);overflow:hidden}
.nvd-bar b{display:block;height:100%;width:0;background:linear-gradient(135deg,var(--nvd-accent1),var(--nvd-accent2));transition:width .15s linear}
.nvd-card.is-playing .nvd-bar b{animation:nvdPulse 1.2s ease-in-out infinite alternate}
@keyframes nvdPulse{from{filter:brightness(1)}to{filter:brightness(1.2)}}

.nvd-body{padding:14px}
.nvd-title{font-size:16px;margin:0 0 6px}
.nvd-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.nvd-chip{font-size:12px;color:var(--nvd-muted);background:#0e1117;border-radius:999px;padding:4px 10px;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}

.nvd-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;
 background:linear-gradient(135deg,var(--nvd-accent1),var(--nvd-accent2));box-shadow:0 8px 24px rgba(124,58,237,.35);}
.nvd-cta:hover{filter:brightness(1.06)}

@media (max-width:600px){
 .nvd-prev{left:-4px}.nvd-next{right:-4px}
 .nvd-strip{grid-auto-columns:min(82vw,320px)}
}