@font-face{font-family:vazir;src:url(../media/Vazirmatn_Regular-s.p.0dcb8kz605k8s.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:vazir;src:url(../media/Vazirmatn_SemiBold-s.p.324a-bwgua3id.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:vazir;src:url(../media/Vazirmatn_Bold-s.p.3_l2lbvbvgs-_.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:vazir Fallback;src:local(Arial);ascent-override:101.52%;descent-override:53.18%;line-gap-override:0.0%;size-adjust:101.0%}.vazir_396e07ef-module__lo5XWG__className{font-family:vazir,vazir Fallback}
:root{--bg:#0b0714;--surface:#161027;--surface-2:#211838;--line:#ffffff14;--text:#f4f0ff;--muted:#a99fc4;--accent:#ff5fb0;--accent-2:#8b5cff;--ok:#2ee6a6;--warn:#ffc857;--bad:#ff5a78;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{letter-spacing:normal;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #2a1245 0%, transparent 60%), var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.35}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:0 0 .75rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{max-width:980px;margin:0 auto;padding:1.25rem 1rem 6.5rem}.nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0714d9;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--accent);margin-inline-end:auto;font-weight:700}.tabs{gap:.25rem;display:flex}.tab{color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.92rem;display:flex}.tab.active{background:var(--surface-2);color:var(--text)}@media (max-width:720px){.nav{top:auto;bottom:0;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0;position:fixed;inset-inline:0}.brand{display:none}.tabs{justify-content:space-around;width:100%}.tab{border-radius:12px;flex-direction:column;gap:0;padding:.3rem .5rem;font-size:.72rem}.tab span:first-child{font-size:1.2rem}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.success{color:var(--ok)}.hint{color:var(--muted);text-align:center;margin-top:.75rem;font-size:.85rem}.section-title{justify-content:space-between;align-items:baseline;margin:1.5rem 0 .75rem;display:flex}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.btn:hover{background:#2b2046}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--accent), #e23e8c);color:#fff;border-color:#0000;box-shadow:0 8px 24px #ff5fb040}.btn.big{min-width:12rem;padding:.9rem 1.6rem;font-size:1.05rem}.btn.ghost{background:0 0}.btn.danger{color:var(--bad)}.field{gap:.3rem;display:grid}.field span{color:var(--muted);font-size:.88rem}.input{border:1px solid var(--line);background:#0f0a1d;border-radius:12px;outline:none;width:100%;padding:.7rem .9rem}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:8rem;line-height:1.9}.chip{background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.82rem;display:inline-flex}.chip.muted{color:var(--muted)}.chip.ok,.verdict.ok{color:var(--ok);background:#2ee6a626}.verdict.near{color:var(--warn);background:#ffc85726}.verdict.off{color:var(--bad);background:#ff5a7826}.score-chip{background:#8b5cff33}.search{margin-bottom:1rem}.song-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;display:grid}.song-card{gap:.45rem;display:grid}.cover{aspect-ratio:1;border-radius:var(--radius);color:#ffffffe6;place-items:center;font-size:2.2rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.song-card:hover .cover{filter:brightness(1.12)}.song-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.song-meta{color:var(--muted);font-size:.8rem}.list{gap:.6rem;display:grid}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.8rem;padding:.75rem .9rem;display:flex}.list-item .grow{flex:1;min-width:0}.avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.avatar.lg{width:72px;height:72px;font-size:1.6rem}.rank{text-align:center;width:1.8rem;color:var(--muted);font-weight:700}.hero{gap:.5rem;margin:.5rem 0 1.25rem;display:grid}.hero h1{font-size:1.9rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.stage{gap:.9rem;display:grid}.stage-top{flex-wrap:wrap;gap:.5rem;min-height:1.9rem;display:flex}.lane{border-radius:var(--radius);border:1px solid var(--line);direction:ltr;background:linear-gradient(#120b22,#0d0819);width:100%;height:min(42vh,340px)}.lyrics{text-align:center;align-content:center;gap:.25rem;min-height:5.5rem;display:grid}.lyric-now{--fill:0%;background:linear-gradient(to left, var(--accent) var(--fill), var(--text) var(--fill));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.25rem,4.5vw,1.9rem);font-weight:700}.lyric-next{color:var(--muted);min-height:1.8rem;font-size:1.05rem}.stage-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.slider{color:var(--muted);justify-content:center;align-items:center;gap:.6rem;font-size:.88rem;display:flex}.slider input{accent-color:var(--accent);width:10rem}.score-ring{border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto;font-size:2.8rem;font-weight:700;display:grid}.bars{gap:.6rem;display:grid}.bar{grid-template-columns:5.5rem 1fr 2.5rem;align-items:center;gap:.6rem;font-size:.9rem;display:grid}.bar-track{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:99px;height:100%}.line-row{background:var(--surface);border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.line-row .dot{border-radius:50%;flex:none;width:10px;height:10px}.course{gap:.6rem;display:grid}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.lesson.locked{opacity:.45}.stars{color:var(--warn);letter-spacing:normal}.lyric-edit{grid-template-columns:5.2rem 1fr auto;align-items:center;gap:.5rem;display:grid}.lyric-edit.active{background:#ff5fb01a;border-radius:12px}.time-btn{font-variant-numeric:tabular-nums;direction:ltr}.progress{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--accent);width:40%;height:100%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%{transform:translate(150%)}to{transform:translate(-250%)}}@media (prefers-reduced-motion:reduce){.progress>div{opacity:.5;width:100%;animation:none}}