@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-italic-BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-italic-BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-italic-Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./vazirmatn-latin-wght-normal-BFexNX-K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#faf5ee;--paper:#fffdf9;--sunk:#f3ebe1;--ink:#2b1631;--ink-2:#66535f;--ink-3:#7d6a77;--line:#eadfd3;--line-2:#dccdbf;--coral:#e45a43;--coral-btn:#c4412c;--coral-btn-ink:#fff;--coral-text:#ad3a26;--coral-soft:#e45a431f;--ok:#2f7d52;--danger:#b8322a;--shadow:0 1px 0 #2b16310a, 0 18px 40px -28px #2b163159;--p-warm:#f6e0c6;--p-joyful:#f8e6a0;--p-funny:#d5eac3;--p-romantic:#f5d0d3;--p-tender:#d7ddf3;--cover-ink:#2b1631;--display:"Fraunces Variable", "Vazirmatn Variable", Georgia, serif;--body:"Figtree Variable", "Vazirmatn Variable", system-ui, sans-serif;--r-card:22px;--r-pill:999px;--gutter:clamp(16px, 4vw, 32px);--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--page:#1a1120;--paper:#251a2c;--sunk:#20162a;--ink:#f6ecf0;--ink-2:#c7b6c3;--ink-3:#a3909f;--line:#3a2c41;--line-2:#4a3a52;--coral:#ff7a63;--coral-btn:#ff7a63;--coral-btn-ink:#1a1120;--coral-text:#ff9a87;--coral-soft:#ff7a6324;--ok:#6fd39c;--danger:#ff8a7a;--shadow:0 1px 0 #0003, 0 18px 40px -26px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=fa]{--display:"Vazirmatn Variable", system-ui, sans-serif;--body:"Vazirmatn Variable", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--coral);outline-offset:3px;border-radius:8px}.flip-rtl:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.shell{flex-direction:column;min-height:100vh;display:flex}.top{padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:16px;inline-size:100%;max-inline-size:1160px;margin-inline:auto;display:flex}.wordmark{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark-mark{border-radius:9px;block-size:32px;inline-size:32px}.wordmark-text{font:620 23px/1 var(--display);letter-spacing:-.02em}.wordmark-logo{block-size:38px;inline-size:auto;display:block}html:not([data-theme=dark]) .wordmark-mark,html:not([data-theme=dark]) .wordmark-text,html[data-theme=dark] .wordmark-logo{display:none}.about-hero{block-size:auto;inline-size:100%;box-shadow:var(--shadow);border-radius:22px;margin-block-end:26px;display:block}.top-nav{align-items:center;gap:14px;font-size:14.5px;display:flex}.top-nav>a{color:var(--ink-2);text-decoration:none}.top-nav>a:hover{color:var(--ink)}.page{inline-size:100%;max-inline-size:1160px;padding:12px var(--gutter) 56px;flex:1;margin-inline:auto}.page.narrow{max-inline-size:680px}.page.loading{color:var(--ink-3);text-align:center;padding-block-start:80px}.foot{padding:28px var(--gutter) 36px;color:var(--ink-3);border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:13px;display:flex}.display{font:560 clamp(40px, 6.4vw, 70px) / 1.02 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 18px}.display.small{font-size:clamp(34px,5vw,48px)}html[lang=fa] .display,html[lang=fa] .h1,html[lang=fa] .h2{letter-spacing:0;line-height:1.35}.h1{font:580 clamp(26px, 3.6vw, 34px) / 1.15 var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 10px}.h2{font:600 21px/1.25 var(--display);letter-spacing:-.01em;margin:0 0 10px}.kicker{font:600 12.5px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--coral-text);margin:0 0 10px}html[lang=fa] .kicker{letter-spacing:0;font-size:13.5px}.lede{color:var(--ink-2);max-inline-size:36em;margin:0 0 24px;font-size:clamp(17px,2vw,19px);line-height:1.6}.muted{color:var(--ink-2);margin:0 0 16px}.fine{color:var(--ink-3);font-size:13px}.label{margin:18px 0 8px;font-size:14.5px;font-weight:600;display:block}.center{text-align:center}.tabular{font-variant-numeric:tabular-nums}.error{color:var(--danger);background:#b8322a14;border-radius:12px;margin:12px 0 0;padding:10px 14px;font-size:14.5px}.error.small{background:0 0;padding:4px 0;font-size:13px}.btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-block-size:46px;padding:10px 22px;font-size:15.5px;font-weight:650;text-decoration:none;transition:background .16s,transform .12s,border-color .16s,opacity .16s;display:inline-flex}.btn svg{flex:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--page)}.btn-accent{background:var(--coral-btn);color:var(--coral-btn-ink)}.btn-accent:hover:not(:disabled){filter:brightness(1.06)}.btn-quiet{border-color:var(--line-2);color:var(--ink);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--sunk)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.big{min-block-size:54px;padding-inline:28px;font-size:17px}.btn.wide{inline-size:100%}.text-btn{cursor:pointer;color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:4px;text-decoration:underline;display:inline-flex}.icon-btn{block-size:40px;inline-size:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--sunk);color:var(--ink)}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.input{border:1.5px solid var(--line-2);background:var(--paper);border-radius:14px;inline-size:100%;padding:13px 16px;font-size:16px;transition:border-color .16s}.input:focus{border-color:var(--ink);outline:none}.input.big{font:500 22px/1.3 var(--display);padding:14px 18px}.input.area{resize:vertical;min-block-size:96px;line-height:1.55}.input::placeholder{color:var(--ink-3);opacity:.8}.counter{text-align:end;margin:6px 0 0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-pill);border:1.5px solid var(--line-2);background:var(--paper);cursor:pointer;min-block-size:42px;padding:8px 16px;font-size:15px;font-weight:560;transition:background .14s,border-color .14s,color .14s}.chip:hover{border-color:var(--ink-3)}.chip[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--page)}.seg{border-radius:var(--r-pill);background:var(--sunk);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg button{border-radius:var(--r-pill);cursor:pointer;min-block-size:36px;color:var(--ink-2);background:0 0;border:0;flex:1;padding:6px 12px;font-size:13.5px;font-weight:600}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #2b16311f}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);animation:rise .36s var(--ease) both;margin-block-end:18px;padding:clamp(20px,3vw,28px)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.hero{align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(12px,4vw,48px) clamp(32px,6vw,72px);display:grid}@media (width>=920px){.hero{grid-template-columns:1.05fr .95fr}}.hero-text .fine{margin-block-start:14px}.hero-demo{justify-self:center;inline-size:100%;max-inline-size:480px}.demo-chips{margin-block-end:14px}.demo-chips .chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--page)}.demo-lyrics,.lyrics-fold{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-block:14px 8px}.demo-lyrics summary,.lyrics-fold summary{cursor:pointer;color:var(--ink-2);padding:12px 18px;font-size:14.5px;font-weight:600}.demo-lyrics .sheet,.lyrics-fold .sheet{padding:4px 22px 18px}.steps{padding-block:8px 24px}.steps ol{counter-reset:step;gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}@media (width>=760px){.steps ol{grid-template-columns:repeat(3,1fr);gap:18px}}.steps li{counter-increment:step;border-radius:var(--r-card);background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:6px;padding:22px;display:flex}.steps li:before{content:counter(step);font:italic 500 30px/1 var(--display);color:var(--coral);margin-block-end:6px}.steps li b{font:600 18px/1.3 var(--display)}.steps li span{color:var(--ink-2);font-size:15px}.occasions,.mine{padding-block:28px 12px}.mine-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mine-list a{background:var(--paper);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:flex}.mine-list a>span{flex-direction:column;display:flex}.mine-list a:hover{border-color:var(--line-2)}.cover{color:var(--cover-ink);animation:rise .42s var(--ease) both;border-radius:26px;padding:clamp(26px,4vw,36px) clamp(22px,4vw,34px) clamp(20px,3vw,26px);position:relative;overflow:hidden;box-shadow:0 1px #2b16310f,0 26px 50px -30px #2b16318c}.paper-warm{background:var(--p-warm)}.paper-joyful{background:var(--p-joyful)}.paper-funny{background:var(--p-funny)}.paper-romantic{background:var(--p-romantic)}.paper-tender{background:var(--p-tender)}.cover-hole{background:var(--page);border-radius:50%;block-size:16px;inline-size:16px;position:absolute;inset-block-start:20px;inset-inline-end:22px;box-shadow:inset 0 1px 3px #2b163159}.cover-kicker{font:600 12px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0 0 14px}html[lang=fa] .cover-kicker{letter-spacing:0}.cover-title{font:600 clamp(30px, 4.6vw, 40px) / 1.06 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;padding-inline-end:24px}.cover-for{font:italic 450 19px/1.35 var(--display);flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;display:flex}html[lang=fa] .cover-for{font-style:normal}.cover-from{opacity:.72}.wave{block-size:48px;inline-size:100%;display:block}.wave polyline{stroke:var(--coral);stroke-width:3.2px;vector-effect:non-scaling-stroke}.cover .wave polyline{stroke:#d24c35}.cover-wave{opacity:.95;margin-block:14px 16px}.wave-live{max-inline-size:260px;margin:0 auto 18px}.wave-live polyline{stroke-dasharray:600;stroke-dashoffset:600px;animation:sing 2.4s var(--ease) infinite}@keyframes sing{60%{stroke-dashoffset:0}to{stroke-dashoffset:-600px}}.player{align-items:center;gap:14px;display:flex}.cover .player{--bar:#2b163133;--bar-on:#c4412c;--meta:#2b1631a8;background:#fffdf99e;border-radius:18px;padding:12px 14px}.play{background:var(--coral-btn);block-size:50px;inline-size:50px;color:var(--coral-btn-ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;transition:transform .14s;display:grid}.cover .play{color:#fff;background:#c4412c}.player.big .play{block-size:60px;inline-size:60px}.play:active{transform:scale(.95)}.play-icon{margin-left:3px}.player-body{flex:1;min-inline-size:0}.bars{cursor:pointer;direction:ltr;align-items:center;gap:2px;block-size:40px;display:flex}.bars span{background:var(--bar,var(--line-2));border-radius:2px;flex:1;min-block-size:4px;transition:background .12s linear}.bars span.on{background:var(--bar-on,var(--coral))}.player-meta{color:var(--meta,var(--ink-3));justify-content:space-between;gap:8px;margin-block-start:4px;display:flex}.spin{border:2.5px solid;border-inline-end-color:#0000;border-radius:50%;block-size:20px;inline-size:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.paper-sheet{padding:clamp(24px,4vw,40px)}.sheet-title{font:600 clamp(28px, 4vw, 36px) / 1.1 var(--display);letter-spacing:-.02em;margin:0 0 22px}.sheet{font:420 18px/1.6 var(--display)}html[lang=fa] .sheet,.sheet[lang=fa]{font-family:Vazirmatn Variable,system-ui,sans-serif;font-size:17px;line-height:1.9}.sheet-part{margin-block-end:20px}.sheet-part p{margin:0}.sheet-line{display:block}.sheet-label{font:600 11.5px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 4px}html[lang=fa] .sheet-label{letter-spacing:0;font-size:12.5px}.sheet-part.chorus{border-inline-start:3px solid var(--coral);padding-inline-start:18px;font-style:italic}html[lang=fa] .sheet-part.chorus,.sheet[lang=fa] .sheet-part.chorus{font-style:normal}.sheet-part.chorus .sheet-label{color:var(--coral-text)}.caption{--cap:clamp(20px, 3.4vw, 26px);text-align:center;margin:4px 0 14px}.caption-now{block-size:calc(var(--cap) * 1.3 * 2);font:600 var(--cap) / 1.3 var(--display);letter-spacing:-.01em;text-wrap:balance;animation:caption-in .32s var(--ease) both;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.caption-now.long{font-size:calc(var(--cap) * .86)}.caption-now.idle{opacity:.35}.caption-next{white-space:nowrap;text-overflow:ellipsis;opacity:.55;block-size:1.5em;margin:4px 0 0;font-size:15px;line-height:1.5;overflow:hidden}@keyframes caption-in{0%{opacity:0}}html[lang=fa] .caption-now,.caption[lang=fa] .caption-now{letter-spacing:0;font-family:Vazirmatn Variable,system-ui,sans-serif}.sheet-line{border-radius:6px;transition:color .2s,background .2s}.sheet-line.now{color:var(--coral-text);background:var(--coral-soft);box-shadow:0 0 0 4px var(--coral-soft)}.q-card{flex-direction:column;min-block-size:min(560px,76vh);margin-block-start:8px;display:flex}.q-top{align-items:center;gap:14px;margin-block-end:26px;display:flex}.progress{flex:1;gap:4px;display:flex}.progress span{background:var(--line);border-radius:2px;flex:1;block-size:4px}.progress .done{background:var(--ink)}.progress .now{background:var(--coral)}.q-title{margin-block-end:8px}.q-body{margin-block-end:18px}.q-control{margin-block-start:8px}.q-nav{justify-content:space-between;gap:12px;margin-block-start:auto;padding-block-start:28px;display:flex}.summary{background:var(--sunk);border-radius:14px;gap:6px;margin:18px 0 0;padding:14px 16px;font-size:15px;list-style:none;display:grid}.writing,.making{text-align:center;justify-content:center;padding-block:56px}.making{max-inline-size:640px;margin-inline:auto}.test-mode{border:1.5px dashed var(--line-2);background:var(--sunk);color:var(--ink-2);border-radius:14px;margin:0 0 20px;padding:12px 16px;font-size:14.5px;line-height:1.5}.test-mode b{color:var(--ink)}.stages{color:var(--ink-3);flex-wrap:wrap;gap:8px 22px;margin:4px 0 22px;padding:0;font-size:13.5px;font-weight:600;list-style:none;display:flex}.stages li{align-items:center;gap:8px;display:inline-flex}.stage-dot{border:2px solid var(--line-2);border-radius:50%;block-size:10px;inline-size:10px}.stages .done{color:var(--ink-2)}.stages .done .stage-dot{background:var(--ink-2);border-color:var(--ink-2)}.stages .now{color:var(--ink)}.stages .now .stage-dot{background:var(--coral);border-color:var(--coral)}.song-grid{align-items:start;gap:18px 28px;display:grid}@media (width>=960px){.song-grid{grid-template-columns:minmax(0,1fr) 340px}.song-side{position:sticky;inset-block-start:20px}.song-grid.paid .song-side{grid-area:1/2/span 2}.song-grid.paid .song-lyrics{grid-area:2/1}}.song-grid>.song-lyrics{margin:0}.side-card .btn+.side-links{margin-block-start:12px}.side-links{flex-direction:column;gap:8px;margin-block-end:12px;display:flex}.side-links .btn{justify-content:flex-start}.side-quiet{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.side-quiet .btn{border-color:#0000;min-block-size:40px;font-size:14px}.edit .row{justify-content:flex-end;margin-block-start:12px}.lyrics-edit{font:16px/1.6 ui-monospace,Cascadia Mono,Menlo,monospace}.mobile-bar{margin-inline:calc(var(--gutter) * -1);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--page) 70%, transparent);z-index:5;position:sticky;inset-block-end:0}@media (width>=960px){.mobile-bar{display:none}}.versions{gap:14px;margin-block:18px;display:grid}.version{margin:0;padding:18px 20px;transition:border-color .16s,box-shadow .16s}.version.chosen{border-color:var(--coral);box-shadow:0 0 0 1.5px var(--coral), var(--shadow)}.version.off{opacity:.7;box-shadow:none}.version-head{justify-content:space-between;align-items:center;margin-block-end:10px;display:flex}.version-head b{font:600 17px/1.3 var(--display)}.pick{border-radius:var(--r-pill);border:1.5px solid var(--line-2);cursor:pointer;background:0 0;align-items:center;gap:8px;min-block-size:36px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.pick-mark{background:var(--line-2);border-radius:2px;block-size:4px;inline-size:14px}.pick[aria-checked=true]{border-color:var(--coral);color:var(--coral-text)}.pick[aria-checked=true] .pick-mark{background:var(--coral)}.pay .price{font:600 40px/1 var(--display);letter-spacing:-.02em;margin:4px 0 14px}.ticks{color:var(--ink-2);gap:8px;margin:0 0 20px;padding:0;font-size:15px;list-style:none;display:grid}.ticks li{gap:10px;display:flex}.ticks li:before{content:"";background:var(--coral);border-radius:2px;flex:none;block-size:3px;inline-size:12px;margin-block-start:.7em}.pay .fine{margin:12px 0 0}.link-box{background:var(--sunk);word-break:break-all;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-block-end:12px;padding:12px 14px;font-size:14px;text-decoration:none;display:flex}.share-page{max-inline-size:620px}.share-page .cover{margin-block-end:18px}.loop{text-align:center;padding-block:30px}.working{text-align:center;max-inline-size:560px;margin-inline:auto;padding-block:40px 28px}.work-steps{text-align:start;inline-size:fit-content;max-inline-size:100%;color:var(--ink-3);gap:10px;margin:22px auto;padding:0;font-size:15.5px;list-style:none;display:grid}.work-steps li{align-items:center;gap:12px;transition:color .3s;display:flex}.work-mark{background:var(--line-2);border-radius:2px;flex:none;block-size:4px;inline-size:14px;transition:background .3s}.work-steps .done{color:var(--ink-2)}.work-steps .done .work-mark{background:var(--ink-2)}.work-steps .now{color:var(--ink);font-weight:600}.work-steps .now .work-mark{background:var(--coral);animation:1.2s ease-in-out infinite work-pulse}@keyframes work-pulse{50%{opacity:.35}}.work-bar{background:var(--line);border-radius:3px;block-size:6px;overflow:hidden}.work-bar span{background:var(--coral);border-radius:3px;block-size:100%;transition:inline-size .5s linear;display:block}.work-meta{justify-content:space-between;gap:12px;min-block-size:1.5em;margin:10px 0 0;display:flex}.center-row{justify-content:center}.video-result{aspect-ratio:9/16;background:#000;border-radius:16px;max-block-size:60vh;inline-size:100%;margin:4px auto 16px;display:block}.video-making .work-bar{margin-block:16px 6px}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-inline-size:440px;margin:-6px auto 18px;display:grid}.share-actions>.btn{inline-size:100%;padding-inline:12px}.side-card{flex-direction:column;gap:14px;display:flex}.side-card>*{margin-block:0}.side-card>.btn{align-self:stretch}.side-card .side-links{margin:0}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-grid>.btn{inline-size:100%;min-inline-size:0;padding-inline:12px}.action-grid>.btn span{text-overflow:ellipsis;overflow:hidden}.row.wrap{row-gap:10px}.dialog .options,.dialog .error{margin-block:0 16px}.dialog-actions{margin-block-start:4px}.share-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-end:12px;display:grid}.share-targets .option{color:inherit;font-weight:600;text-decoration:none}.share-targets .option:hover{border-color:var(--ink-3)}.share-url{word-break:break-all;margin:0 0 4px}.soon{border-radius:var(--r-pill);background:var(--coral-soft);color:var(--coral-text);font:700 12px/1.4 var(--body);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;margin-inline-start:10px;padding:3px 10px;display:inline-block}html[lang=fa] .soon{letter-spacing:0;text-transform:none}.options{gap:6px;margin-block-end:14px;display:grid}.option{border:1.5px solid var(--line);text-align:start;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.option-bar{background:var(--line-2);border-radius:2px;flex:none;block-size:4px;inline-size:14px}.option[aria-checked=true]{border-color:var(--ink)}.option[aria-checked=true] .option-bar{background:var(--coral)}.prose p,.prose li{color:var(--ink-2);line-height:1.7}.prose .h2{margin-block-start:34px}.about-steps,.about-list{gap:10px;margin-block-end:22px;padding-inline-start:22px;display:grid}.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 22px;display:grid}.stats div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px}.stats dt{color:var(--ink-3);font-size:12.5px}.stats dd{font:600 24px/1 var(--display);margin:4px 0 0}.events{word-break:break-word;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.admin .label{margin:4px 0}.prefs{position:relative}.prefs-pop{z-index:30;background:var(--paper);border:1px solid var(--line);border-radius:18px;gap:8px;inline-size:min(300px,100vw - 32px);padding:14px;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;box-shadow:0 24px 50px -24px #2b163173}.prefs-pop .fine{margin:4px 0 0}.install{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin-block:28px 8px;padding:16px 18px;display:grid}.install img{border-radius:11px;block-size:40px;inline-size:40px}.install-title{font:600 17px/1.3 var(--display)}.install-text{grid-column:1/-1;margin:0}.install .btn{grid-column:1/-1;justify-self:stretch;margin-block-start:4px}@media (width>=720px){.install:not(.compact){grid-template-columns:auto 1fr auto}.install:not(.compact) .install-text{grid-column:2}.install:not(.compact) .btn{grid-area:1/3/span 2;justify-self:end;margin:0}}.install.compact{background:var(--sunk);border:0;border-radius:14px;margin:4px 0;padding:12px}.install.compact img{border-radius:9px;block-size:32px;inline-size:32px}.tip{z-index:100;color:#faf5ee;max-inline-size:min(280px,100vw - 16px);font:550 13px/1.45 var(--body);pointer-events:none;animation:tip-in .14s var(--ease) both;background:#2b1631;border-radius:10px;padding:8px 12px;position:fixed;box-shadow:0 10px 30px -12px #14081880}html[data-theme=dark] .tip{color:#1a1120;background:#f6ecf0}.tip.measuring{visibility:hidden;animation:none}.tip:after{content:"";inset-block-start:100%;left:var(--arrow);border:6px solid #0000;border-block-start-color:#2b1631;margin-left:-6px;position:absolute}html[data-theme=dark] .tip:after{border-block-start-color:#f6ecf0}.tip.below:after{border-block-color:#0000 #2b1631;inset-block:auto 100%}html[data-theme=dark] .tip.below:after{border-block-color:#0000 #f6ecf0}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}}.dialog-back{z-index:90;background:#1a0c1e73;place-items:center;padding:16px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);max-block-size:calc(100vh - 32px);inline-size:min(440px,100%);animation:dialog-in .2s var(--ease) both;border-radius:22px;padding:24px;overflow:auto;box-shadow:0 30px 80px -30px #140818a6}.dialog .h2{margin-block-end:8px}.dialog .muted{margin-block-end:20px}.dialog .input.area{margin-block-end:14px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.wave-live polyline{stroke-dashoffset:0}}