.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.app-top{z-index:20;align-items:center;gap:var(--space-5);height:var(--topbar-h);padding:0 var(--gutter);background:color-mix(in oklab, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in oklab, var(--color-outline-variant) 60%, transparent);display:flex;position:sticky;top:0}.app-brand{align-items:baseline;gap:var(--space-3);font:var(--type-title-md);display:flex}.app-brand [lang=ur]{font:var(--type-headline-sm);color:var(--color-accent);line-height:1.4}.app-nav{gap:var(--space-1);margin-inline-start:var(--space-6);display:none}.app-nav__link{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font:var(--type-label-lg);color:var(--color-on-surface-variant)}.app-nav__link[aria-current=page]{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.app-top__tools{gap:var(--space-1);margin-inline-start:auto;display:flex}.app-main{max-width:var(--wide-max);padding:var(--space-5) var(--gutter) calc(var(--tabbar-h) + var(--miniplayer-h) + var(--space-8));margin:0 auto}.app-tabs{z-index:20;padding-bottom:env(safe-area-inset-bottom);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.app-mini{inset:auto var(--space-3) calc(var(--tabbar-h) + var(--space-3) + env(safe-area-inset-bottom)) var(--space-3);z-index:21;max-width:560px;margin:0 auto;position:fixed}.app-mini .mini-player__text{color:inherit}@media (width>=900px){.app-nav{display:flex}.app-tabs{display:none}.app-main{padding-bottom:calc(var(--miniplayer-h) + var(--space-10))}.app-mini{inset:auto var(--space-6) var(--space-6) auto;width:420px}}.page{gap:var(--space-8);display:grid}.sec{gap:var(--space-4);display:grid}.sec__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.sec__head h2{font:var(--type-headline-sm)}.sec__more{font:var(--type-label-lg);color:var(--color-accent)}.hscroll{gap:var(--space-4);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding-inline:var(--gutter);grid-auto-columns:minmax(150px,180px);grid-auto-flow:column;display:grid;overflow-x:auto}.hscroll>*{scroll-snap-align:start}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(46%,180px),1fr));display:grid}.rows,.page-title{gap:var(--space-1);display:grid}.page-title h1{font:var(--type-headline-lg);line-height:1.2}.page-title p{font:var(--type-body-md);color:var(--color-on-surface-muted)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:fade-up var(--dur-long) var(--ease-emphasized) both;animation-delay:calc(var(--i,0) * 45ms)}.rows>.reveal:nth-child(n+12){animation-delay:0s}.tarana-card,.mood-tile,.hero-slide{transition:transform var(--dur-short) var(--ease-standard), box-shadow var(--dur-medium) var(--ease-standard)}.tarana-card:active,.mood-tile:active,.hero-slide:active{transform:scale(.98)}@media (hover:hover){.mood-tile:hover,.hero-slide:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}}@keyframes pop{50%{transform:scale(1.25)}}.icon-btn.is-saved{color:var(--color-accent)}.icon-btn.is-saved svg{animation:pop var(--dur-medium) var(--ease-emphasized);fill:currentColor}.hero-carousel{gap:var(--space-3);display:grid}.hero-track{gap:var(--space-4);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:var(--radius-2xl);grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.hero-track::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:start;border-radius:var(--radius-2xl);color:#fff;display:block;position:relative;overflow:hidden}.hero-slide .artwork{aspect-ratio:4/3;border-radius:0}body:has(.app-main){overflow-x:clip}.hero-slide .artwork__glyph{display:none}.hero-slide__veil{background:linear-gradient(#0000 30%,#0d1517c7);position:absolute;inset:0}.hero-slide__text{inset:auto var(--space-6) var(--space-6) var(--space-6);gap:var(--space-1);display:grid;position:absolute}.hero-slide__kicker{font:var(--type-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.hero-slide__ur{font:var(--type-headline-md);text-align:right;text-shadow:0 2px 14px #0006;line-height:1.8}.hero-slide__ro{font:var(--type-title-md);opacity:.9}.hero-slide__play{top:var(--space-5);right:var(--space-5);position:absolute}.hero-dots{justify-content:center;gap:var(--space-2);display:flex}.hero-dots button{border-radius:var(--radius-full);background:var(--color-outline-variant);width:6px;height:6px;transition:width var(--dur-medium) var(--ease-standard), background var(--dur-medium);border:0;padding:0}.hero-dots button[aria-current=true]{background:var(--color-accent);width:22px}@media (width>=760px){.hero-track{grid-auto-columns:calc(50% - var(--space-2))}.hero-slide .artwork{aspect-ratio:16/10}}.mood-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=760px){.mood-grid{grid-template-columns:repeat(4,1fr)}}.mood-tile{border-radius:var(--radius-xl);color:#fff;display:block;position:relative;overflow:hidden}.mood-tile .artwork{aspect-ratio:1;border-radius:0}.mood-grid .mood-tile:first-child{grid-column:span 2}.mood-grid .mood-tile:first-child .artwork{aspect-ratio:2}.mood-tile__label{inset:auto var(--space-4) var(--space-4) var(--space-4);text-shadow:0 2px 12px #00000073;display:grid;position:absolute}.mood-tile__label [lang=ur]{font:var(--type-headline-md);text-align:left;line-height:1.7}.mood-tile__label small{font:var(--type-label-md);opacity:.9}.mood-tile__label em{font:var(--type-body-sm);opacity:.8;font-style:normal}.mood-strip{gap:var(--space-3);scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);grid-auto-columns:132px;grid-auto-flow:column;display:grid;overflow-x:auto}.mood-strip .mood-tile .artwork{aspect-ratio:5/4}.mood-strip .mood-tile__label [lang=ur]{font:var(--type-title-ur);font-size:20px;line-height:1.7}.couplet-card{gap:var(--space-4);padding:var(--space-7) var(--space-6);border-radius:var(--radius-2xl);background:var(--gradient-paper);color:var(--color-ink);box-shadow:var(--elevation-2);text-align:center;display:grid}.couplet-card .t-label-sm{color:var(--color-ink-3)}.couplet-card [lang=ur]{font:var(--type-lyric-ur);text-align:center}.couplet-card__ro{font:var(--type-body-lg);color:var(--color-ink-2)}.couplet-card__src{font:var(--type-label-md);color:var(--color-ink-accent)}.couplet-card .form-actions{justify-content:center}.song{gap:var(--space-5);max-width:var(--content-max);margin:0 auto;display:grid}.song-head{gap:var(--space-5);padding:var(--space-4) 0 var(--space-2);isolation:isolate;grid-template-columns:104px 1fr;align-items:center;display:grid;position:relative}.song-head__glow{z-index:-1;inset:calc(var(--space-5) * -1) calc(var(--gutter) * -1) calc(var(--space-6) * -1);background:var(--art-light), linear-gradient(180deg, transparent, var(--color-bg));opacity:.55;filter:blur(30px);pointer-events:none;position:absolute}.song-head__art.artwork{aspect-ratio:1;border-radius:var(--radius-lg);width:104px;box-shadow:var(--elevation-3)}.song-head__art .artwork__glyph{font-size:17px}.song-head__text{gap:var(--space-1);min-width:0;display:grid}.song-head__title{font:var(--type-title-lg);line-height:1.3}.song-head__title--ur{font:var(--type-title-ur);text-align:left;line-height:1.8}.song-head__ur{font:var(--type-support-ur);color:var(--color-on-surface-variant);text-align:left;font-size:17px}.song-head__meta{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.theme-row{gap:var(--space-2);scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);display:flex;overflow-x:auto}.chip--quiet{height:28px;padding:0 var(--space-3);font:var(--type-label-md);background:var(--color-surface-container);box-shadow:none}.song__body{gap:var(--space-4);display:grid}.song-cta{align-items:center;gap:var(--space-2);display:flex}.song-cta__main{min-width:0;padding-inline:var(--space-5);flex:1}.song-cta .icon-btn{width:44px;height:44px}.song-cta .icon-btn svg{width:20px;height:20px}.read-bar{top:calc(var(--topbar-h) + var(--space-2));z-index:10;margin-top:var(--space-2);justify-content:center;display:flex;position:sticky}.read-bar .segmented{box-shadow:var(--elevation-2), inset 0 0 0 1px var(--color-outline-variant);-webkit-backdrop-filter:blur(12px);background:color-mix(in oklab, var(--color-surface-container-high) 88%, transparent)}.read-hint{justify-content:center;align-items:center;gap:var(--space-2);font:var(--type-body-sm);color:var(--color-on-surface-muted);display:flex}.read-hint svg{width:14px;height:14px}.song .lyrics--paper{padding:var(--space-7) var(--space-6)}.song .lyric-line{cursor:pointer}.song__contribute{justify-self:center}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{0%{transform:none}to{transform:translateY(100%)}}.fullplayer{z-index:60;isolation:isolate;background:var(--color-bg);animation:sheet-up var(--dur-long) var(--ease-emphasized);padding-top:env(safe-area-inset-top);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.fullplayer.is-closing{animation:sheet-down .26s var(--ease-exit) forwards}.fullplayer__art.artwork{z-index:-2;aspect-ratio:auto;border-radius:0;position:absolute;inset:0}.fullplayer .player__veil{z-index:-1}.fullplayer__head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto 1fr auto;width:100%;max-width:720px;margin:0 auto;display:grid}.fullplayer__titles{text-align:center;min-width:0;display:grid}.fullplayer__title{font:var(--type-title-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fullplayer__title-ur{font:var(--type-support-ur);color:var(--color-on-surface-variant);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fullplayer__lyrics.player__lyrics{width:100%;max-width:720px;height:auto;min-height:0;margin:0 auto;padding-block:25vh}.fullplayer__lyrics .lyric-line .ur{font-size:26px}.fullplayer__bar{width:100%;max-width:720px;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));margin:0 auto}.app-mini .mini-player{cursor:pointer;animation:fade-up var(--dur-long) var(--ease-emphasized)}.yt{aspect-ratio:16/9;border-radius:var(--radius-xl);background:#000;position:relative;overflow:hidden}.yt iframe,.yt button{border:0;width:100%;height:100%;position:absolute;inset:0}.yt button{cursor:pointer;background-position:50%;background-size:cover;place-items:center;display:grid}.yt button span{background:var(--gradient-primary);width:68px;height:68px;color:var(--color-on-primary);box-shadow:var(--elevation-3);border-radius:50%;place-items:center;display:grid}.yt button svg{width:30px;height:30px}.follow-chip{z-index:22;left:50%;bottom:calc(var(--tabbar-h) + var(--miniplayer-h) + var(--space-6));position:fixed;transform:translate(-50%)}.sheet-backdrop{z-index:40;background:color-mix(in oklab, var(--color-scrim) 55%, transparent);animation:fade var(--dur-medium) var(--ease-standard);position:fixed;inset:0}.sheet{z-index:41;max-width:620px;max-height:92dvh;padding:var(--space-4) var(--space-6) calc(var(--space-7) + env(safe-area-inset-bottom));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--color-surface-container);box-shadow:var(--elevation-3);gap:var(--space-5);animation:rise var(--dur-long) var(--ease-emphasized);margin:0 auto;display:grid;position:fixed;inset:auto 0 0;overflow-y:auto}.sheet__grip{background:var(--color-outline-variant);border-radius:4px;justify-self:center;width:40px;height:4px}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sheet__line [lang=ur]{font:var(--type-lyric-ur-sm);text-align:right}.sheet__actions{gap:var(--space-2);display:grid}.sheet__action{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-container-high);color:var(--color-on-surface);font:var(--type-title-sm);text-align:start;border:0;align-items:center;display:flex}.sheet__action svg{width:22px;height:22px;color:var(--color-accent)}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.share-preview{place-items:center;display:grid}.share-preview canvas,.share-preview img{border-radius:var(--radius-lg);max-width:100%;max-height:52dvh;box-shadow:var(--elevation-3)}.share-lines{gap:var(--space-2);display:grid}.share-line{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-container-high);font:var(--type-body-md);cursor:pointer;align-items:center;display:flex}.share-line input{accent-color:var(--color-accent);flex:none;width:18px;height:18px}.share-line__text{flex:1;min-width:0;display:grid}.share-line [lang=ur]{font:var(--type-support-ur);text-align:right}.page--tight{gap:var(--space-5)}.explore{gap:var(--space-7);display:grid}.explore-search{top:calc(var(--topbar-h) + var(--space-2));z-index:10;border-radius:var(--radius-full);position:sticky;box-shadow:0 8px 20px -10px #00000080}.chip-row--scroll{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);flex-wrap:nowrap;overflow-x:auto}.chip-row--scroll::-webkit-scrollbar{display:none}.empty-state{justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-on-surface-muted);display:grid}.empty-state svg{width:36px;height:36px;color:var(--color-accent)}.form-card{padding:var(--space-6);gap:var(--space-5);display:grid}