@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-VariableFont_wght.ttf) format("truetype");font-weight:200 900;font-display:swap}@font-face{font-family:Noto Nastaliq Urdu;src:url(/fonts/NotoNastaliqUrdu-VariableFont_wght.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-VariableFont_wght.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg: #0e1113;--nav: #12161a;--surface: #171c21;--surface-2: #1d242b;--surface-3: #252e36;--line: #262f37;--line-strong: #333e47;--text: #eef2f4;--muted: #a7b1ba;--soft: #7b8893;--green: #3fae6b;--green-soft: #1d3a2a;--gold: #d6a64a;--gold-soft: #352c17;--blue: #5aa6e8;--blue-soft: #16304a;--danger: #e2574c;--danger-soft: #3a1e1c;--warning: #d8a23b;--warning-soft: #362a13;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-control: 8px;--r-panel: 12px;--r-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Noto Naskh Arabic", "Noto Nastaliq Urdu";--fs-display: 30px;--fs-title: 20px;--fs-heading: 16px;--fs-body: 15px;--fs-small: 13px;--fs-tiny: 11px;--ease: cubic-bezier(.2, .6, .2, 1);--dur: .14s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.u-display,.u-title{letter-spacing:-.02em;line-height:1.15;margin:0}.u-display{font-size:var(--fs-display);font-weight:700}.u-title{font-size:var(--fs-title);font-weight:700}.u-heading{font-size:var(--fs-heading);font-weight:600;line-height:1.3}.u-body{font-size:var(--fs-body)}.u-small{font-size:var(--fs-small)}.u-tiny{font-size:var(--fs-tiny)}.u-muted{color:var(--muted)}.u-soft{color:var(--soft)}.u-gold{color:var(--gold)}.u-blue{color:var(--blue)}.u-tabular{font-variant-numeric:tabular-nums}.u-rtl{direction:rtl;text-align:right}.u-clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--green-soft)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--s-2)}.row{display:flex;align-items:center;gap:var(--s-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-1)}.card--link{cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.card--link:hover{border-color:var(--line-strong);background:var(--surface-2)}.card--link:active{transform:translateY(1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font:inherit;font-weight:700;font-size:var(--fs-small);border:1px solid transparent;border-radius:var(--r-control);padding:var(--s-2) var(--s-4);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--green);color:#08130c}.btn--primary:hover:not(:disabled){background:#4cbd78}.btn--secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:#1a0c0b}.btn--danger:hover:not(:disabled){background:#ec6b61}.btn--icon{padding:var(--s-2)}.btn--sm{padding:var(--s-1) var(--s-2);font-size:var(--fs-tiny)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);background:var(--green);color:#08130c;border:none;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.iconbtn:hover{background:#4cbd78}.iconbtn:active{transform:scale(.94)}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field__label{font-size:var(--fs-tiny);color:var(--soft);text-transform:uppercase;letter-spacing:.04em}.input{font:inherit;font-size:var(--fs-body);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-control);padding:var(--s-2) var(--s-3);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);width:100%}.input::placeholder{color:var(--soft)}.input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.field__error{font-size:var(--fs-tiny);color:var(--danger)}.pill{display:inline-flex;align-items:center;font-size:var(--fs-tiny);font-weight:600;padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--surface-3);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-tiny);font-weight:700;padding:2px var(--s-2);border-radius:var(--r-pill);border:1px solid currentColor}.chip--green{color:var(--green)}.chip--gold{color:var(--gold)}.chip--blue{color:var(--blue)}.chip--warning{color:var(--warning)}.chip--danger{color:var(--danger)}.chip--muted{color:var(--soft)}.art{position:relative;border-radius:var(--r-panel);overflow:hidden;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));aspect-ratio:1 / 1;display:grid;place-items:center}.art__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 55%,transparent 100%)}.center{display:grid;place-items:center;padding:var(--s-6);gap:var(--s-2);text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%) translateY(8px);background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:600;opacity:0;animation:toast-in 2.4s var(--ease) forwards;z-index:50;display:flex;align-items:center;gap:var(--s-2)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%,85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.seekbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;cursor:pointer;outline:none}.seekbar::-webkit-slider-runnable-track{height:4px;background:transparent}.seekbar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--green);border:2px solid var(--nav);cursor:pointer;opacity:0;transition:opacity var(--dur-1, .12s) ease}.seekbar:hover::-webkit-slider-thumb,.seekbar:focus-visible::-webkit-slider-thumb{opacity:1}.seekbar::-moz-range-track{height:4px;background:var(--line)}.seekbar::-moz-range-progress{height:4px;background:var(--green)}.seekbar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--nav);cursor:pointer}.seekbar:focus-visible{outline:none}:root{--font-mono: "Source Code Pro", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-script: "Noto Nastaliq Urdu", "Noto Naskh Arabic", "Vazirmatn", serif}.tp-root{height:100%;display:grid;grid-template-columns:340px 1fr;background:var(--bg);min-height:0;font-family:"Atkinson Hyperlegible",var(--font)}@media(max-width:900px){.tp-root{grid-template-columns:1fr;overflow:auto}}.tp-side{border-right:1px solid var(--line);padding:28px;overflow:auto;display:flex;flex-direction:column;gap:16px;min-height:0}.tp-card{border:1px solid var(--line);border-radius:8px;background:#ffffff08;overflow:hidden}.tp-card>*+*{border-top:1px solid var(--line)}.tp-idhead{padding:16px;display:flex;flex-direction:column;gap:12px}.tp-title-native{font-family:var(--font-script);font-size:1.7rem;line-height:1.9;color:var(--text);text-align:left;unicode-bidi:plaintext}.tp-title-latin{font-weight:700;font-size:1.2rem;color:var(--text)}.tp-tags{display:flex;flex-wrap:wrap;gap:8px}.tp-tag{font-family:var(--font-mono);font-size:.74rem;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--soft);white-space:nowrap}.tp-tag--gold{border-color:rgb(from var(--gold) r g b / .45);background:rgb(from var(--gold) r g b / .14);color:var(--gold)}.tp-tag--blue{border-color:rgb(from var(--blue) r g b / .45);background:rgb(from var(--blue) r g b / .14);color:var(--blue)}.tp-desc{margin:0;padding:12px 16px;font-size:.9rem;line-height:1.6;color:var(--soft);text-wrap:pretty}.tp-credit{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.tp-overline{font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tp-overline--section{font-size:.78rem}.tp-link{display:inline-flex;align-items:center;gap:5px;width:fit-content;font-weight:700;font-size:.92rem;color:var(--blue);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.tp-link:hover{color:color-mix(in srgb,var(--blue) 80%,white)}.tp-portrait-row{display:grid;grid-template-columns:64px 1fr;align-items:stretch}.tp-portrait{background:var(--surface-2);border-right:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.tp-bio{padding:12px 16px;font-size:.82rem;line-height:1.5;color:var(--soft);text-wrap:pretty}.tp-rends{display:flex;flex-direction:column;gap:10px}.tp-rend{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:12px 14px;cursor:pointer;transition:background var(--dur) var(--ease)}.tp-rend:hover{background:#ffffff0f}.tp-rend[disabled]{cursor:default}.tp-rend[disabled]:hover{background:#ffffff08}.tp-play{width:38px;height:38px;flex:none;border-radius:999px;background:rgb(from var(--green) r g b / .16);border:1px solid rgb(from var(--green) r g b / .5);color:var(--green);display:grid;place-items:center}.tp-rend.is-active .tp-play{background:rgb(from var(--green) r g b / .28)}.tp-unavail{flex:none;font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid rgb(from var(--gold) r g b / .45);background:rgb(from var(--gold) r g b / .14);color:var(--gold)}.tp-rend-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tp-rend-title{font-weight:700;font-size:.95rem;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-rend-sub{font-size:.82rem;color:var(--muted)}.tp-main{display:grid;grid-template-rows:auto 1fr;min-height:0}.tp-credband{padding:16px 24px;border-bottom:1px solid var(--line)}.tp-credrow{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:start}.tp-credcell{display:flex;flex-direction:column;gap:4px;min-width:0}.tp-credval{font-weight:700;font-size:.95rem;color:var(--text)}.tp-recorded{font-family:var(--font-mono);font-size:.85rem;color:var(--soft)}.tp-langbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#ffffff05}.tp-showlabel{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tp-lang{font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.tp-lang.is-on{border-color:rgb(from var(--green) r g b / .5);background:rgb(from var(--green) r g b / .14);color:var(--green)}.tp-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--soft);cursor:pointer}.tp-more:hover{background:#ffffff14;color:var(--text)}.tp-text{overflow:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px;min-height:0}.tp-block{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:16px;display:grid;gap:7px;cursor:pointer;text-align:left;width:100%;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tp-block:hover{background:#ffffff0e}.tp-block.is-active{border-color:rgb(from var(--green) r g b / .8);background:rgb(from var(--green) r g b / .12);box-shadow:inset 4px 0 0 var(--green)}.tp-l-script{font-family:var(--font-script);font-size:1.25rem;line-height:2;color:var(--text);text-align:right;unicode-bidi:plaintext}.tp-l-translit{font-size:.88rem;color:var(--muted)}.tp-l-en{font-size:1rem;line-height:1.5;color:var(--text);text-wrap:pretty}.tp-l-ur{font-family:var(--font-script);font-size:1.15rem;line-height:2;color:var(--soft);text-align:right;unicode-bidi:plaintext}.tp-empty{padding:40px 24px;color:var(--muted);text-align:center}.tp-video{position:relative;background:#000;border-bottom:1px solid var(--line);overflow:hidden}.tp-video--desktop{height:340px}.tp-video--mobile{aspect-ratio:16 / 9}.tp-video__slot{position:absolute;top:0;right:0;bottom:0;left:0}.tp-video__overlay{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));display:flex;align-items:center;gap:12px}.tp-video--mobile .tp-video__overlay{padding:22px 14px 8px;gap:10px}.tp-video__play{width:30px;height:30px;flex:none;border:0;border-radius:999px;cursor:pointer;background:var(--green);color:#04160c;display:grid;place-items:center}.tp-video--mobile .tp-video__play{width:26px;height:26px}.tp-video__bar{flex:1;height:3px;border-radius:2px;background:#ffffff40;position:relative;cursor:pointer}.tp-video__bar>i{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--green)}.tp-video__time{font-family:var(--font-mono);font-size:.76rem;color:#ffffffd9;white-space:nowrap}.tp-rend.is-video{border-color:rgb(from var(--green) r g b / .5);background:rgb(from var(--green) r g b / .08)}.tp-rend.is-video .tp-rend-title{color:var(--text)}.tp-videopill{flex:none;font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid rgb(from var(--green) r g b / .5);background:rgb(from var(--green) r g b / .14);color:var(--green)}.tp-m-root{height:100%;display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--bg);position:relative;font-family:"Atkinson Hyperlegible",var(--font)}.tp-m-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.tp-m-title{font-weight:700;font-size:.98rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-m-time{flex:none;font-family:var(--font-mono);font-size:.74rem;color:var(--muted)}.tp-m-body{position:relative;min-height:0;display:grid;grid-template-rows:1fr auto}.tp-m-body.has-video{grid-template-rows:auto 1fr auto}.tp-m-lyrics{overflow:auto;min-height:0;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.tp-m-block{padding:12px 14px;border-radius:8px;display:grid;gap:6px;width:100%;text-align:left;background:transparent;border:0;cursor:pointer}.tp-m-block:hover{background:#ffffff0a}.tp-m-block.is-active{background:rgb(from var(--green) r g b / .12);box-shadow:inset 4px 0 0 var(--green)}.tp-m-block.is-active .tp-ml-en{color:var(--text)}.tp-ml-script{font-family:var(--font-script);font-size:1.16rem;line-height:2;color:var(--text);text-align:right;unicode-bidi:plaintext}.tp-ml-translit{font-size:.8rem;color:var(--muted)}.tp-ml-en{font-size:.92rem;line-height:1.5;color:var(--soft);text-wrap:pretty}.tp-ml-ur{font-family:var(--font-script);font-size:1.05rem;line-height:2;color:var(--soft);text-align:right;unicode-bidi:plaintext}.tp-sheet{min-width:0;border-top:1px solid var(--line);background:var(--surface);border-radius:14px 14px 0 0;box-shadow:0 -12px 34px #0006}.tp-sheet__handle{display:flex;justify-content:center;padding:8px 0 2px;border:0;background:transparent;width:100%;cursor:pointer}.tp-sheet__handle>span{width:36px;height:4px;border-radius:999px;background:#fff3}.tp-sheet__credits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;padding:8px 16px 10px;align-items:start}.tp-sheet__cred{display:flex;flex-direction:column;gap:3px;min-width:0}.tp-sheet__cred--right{text-align:right}.tp-sheet__cred .tp-link{font-size:.88rem;display:inline}.tp-sheet__langrow{display:flex;align-items:center;gap:7px;padding:4px 16px 14px;overflow-x:auto}.tp-sheet__langrow .tp-lang,.tp-sheet__langrow .tp-showlabel,.tp-sheet__langrow .tp-more{flex:none}.tp-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070673;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1}.tp-sheet--expanded{position:absolute;left:0;right:0;bottom:0;top:52px;z-index:2;display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--surface);border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -12px 34px #00000080}.tp-sheet__body{overflow:auto;min-height:0;padding:4px 16px 18px;display:flex;flex-direction:column;gap:14px}.tp-personcard{border:1px solid var(--line);border-radius:8px;background:#ffffff08;overflow:hidden}.tp-personcard__head{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.tp-personcard__body{display:grid;grid-template-columns:56px 1fr;align-items:stretch}.tp-personcard__portrait{background:var(--surface-2);border-right:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tp-personcard__bio{padding:11px 14px;font-size:.8rem;line-height:1.5;color:var(--soft);text-wrap:pretty}.tp-langgrid{display:flex;flex-wrap:wrap;gap:7px}