@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(/build/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/rubik-cyrillic-500-normal-Didq2w9O.woff2) format("woff2"),url(/build/assets/rubik-cyrillic-500-normal-BH_pkKR0.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/rubik-cyrillic-700-normal-DFnztZBh.woff2) format("woff2"),url(/build/assets/rubik-cyrillic-700-normal-C_jxLOfU.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(/build/assets/rubik-cyrillic-900-normal-jlxVC9Lu.woff2) format("woff2"),url(/build/assets/rubik-cyrillic-900-normal-DPF03d39.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(/build/assets/rubik-latin-400-normal-BV1Ho3GG.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/rubik-latin-500-normal-1os41rQk.woff2) format("woff2"),url(/build/assets/rubik-latin-500-normal-LZYVHeqz.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/rubik-latin-700-normal-D-tMm-eS.woff2) format("woff2"),url(/build/assets/rubik-latin-700-normal-KHOtubUA.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(/build/assets/rubik-latin-900-normal-Cz6GdZLE.woff2) format("woff2"),url(/build/assets/rubik-latin-900-normal-CBojinpD.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-latin-ext-400-normal-BtzQ7olK.woff2) format("woff2"),url(/build/assets/rubik-latin-ext-400-normal-E7wwwcV8.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/rubik-latin-ext-500-normal-CKoAoPpD.woff2) format("woff2"),url(/build/assets/rubik-latin-ext-500-normal-BUryUc8T.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/rubik-latin-ext-700-normal-D5I4eEgK.woff2) format("woff2"),url(/build/assets/rubik-latin-ext-700-normal-CQ1www4I.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(/build/assets/rubik-latin-ext-900-normal-D9eDGkk2.woff2) format("woff2"),url(/build/assets/rubik-latin-ext-900-normal-BWOH2NxH.woff) format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-bubbles-cyrillic-400-normal-DMr8TGRO.woff2) format("woff2"),url(/build/assets/rubik-bubbles-cyrillic-400-normal-BN0unkfD.woff) format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-bubbles-latin-400-normal-qecFTwof.woff2) format("woff2"),url(/build/assets/rubik-bubbles-latin-400-normal-BwD6umx9.woff) format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/rubik-bubbles-latin-ext-400-normal-BUoRvi8u.woff2) format("woff2"),url(/build/assets/rubik-bubbles-latin-ext-400-normal-CKHdocFt.woff) format("woff")}:root{color-scheme:light;--ink: #1b1036;--paper: #fffdf6;--white: #ffffff;--yellow: #ffe14d;--pink: #ff7ac6;--mint: #7cf2c4;--sky: #7cc8ff;--violet: #b99bff;--orange: #ffad5c;--red: #ff5a5f;--yellow-soft: #fff6b8;--pink-soft: #ffd6ee;--mint-soft: #d3fbe9;--sky-soft: #d6edff;--violet-soft: #e9e0ff;--orange-soft: #ffe3c6;--red-soft: #ffe0e0;--muted: rgba(27, 16, 54, .68);--line-dashed: rgba(27, 16, 54, .2);--f-display: "Rubik Bubbles", "Rubik", system-ui, sans-serif;--f-body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-xs: 13px;--t-sm: 15px;--t-md: 17px;--t-lg: 22px;--t-xl: clamp(26px, 4vw, 36px);--t-hero: clamp(34px, 6.5vw, 64px);--radius: 22px;--radius-sm: 14px;--border: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--page-max: 1200px;--gutter-l: max(16px, env(safe-area-inset-left, 0px));--gutter-r: max(16px, env(safe-area-inset-right, 0px));--spring: cubic-bezier(.3, 1.6, .6, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font:400 var(--t-md) / 1.55 var(--f-body);color:var(--ink);background:linear-gradient(120deg,#ffd3ec,#fff1a8 25%,#c9ffe6,#cde8ff 75%,#e5d6ff);background-color:#fff1a8;background-size:400% 400%;animation:bg-shift 18s ease infinite;overflow-x:hidden}@keyframes bg-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}h1,h2,h3,h4{margin:0;line-height:1.15;text-wrap:balance;font-weight:900}p{margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.floaters{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floaters span{position:absolute;bottom:-60px;opacity:.5;animation:float-up linear infinite}@keyframes float-up{to{transform:translateY(-115vh) rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.floaters{display:none}}:where(.showcase .song,.price--hit,.price .badge,.seg span,.stage,.chip,.postcard__frame,.postcard__photo,.postcard__sticker){outline:1px solid transparent}.logo{font:400 clamp(26px,4vw,38px) / 1 var(--f-display);color:var(--pink);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink);letter-spacing:1px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.wiggle{display:inline-block;animation:wiggle 1.6s ease-in-out infinite;-webkit-text-stroke:0;text-shadow:none}@keyframes wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg) scale(1.1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 var(--t-sm) / 1.2 var(--f-body);color:var(--ink);text-decoration:none;text-align:center;background:var(--yellow);border:var(--border);border-radius:999px;padding:10px 18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);filter:none}.btn--pink{background:var(--pink)}.btn--mint{background:var(--mint)}.btn--sky{background:var(--sky)}.btn--ghost{background:var(--white)}.btn--lg{font-size:var(--t-md);padding:14px 24px}.btn--rainbow{font:900 clamp(20px,3.4vw,28px) / 1.2 var(--f-body);letter-spacing:.5px;padding:18px 28px;border-width:4px;border-radius:26px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--mint),var(--sky),var(--violet),var(--pink));background-size:300% 100%;animation:rainbow 4s linear infinite;box-shadow:var(--shadow-lg)}.btn--rainbow:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink)}.btn--rainbow:active{transform:translate(5px,5px);box-shadow:3px 3px 0 var(--ink)}.btn--sm{font-size:var(--t-xs);padding:6px 12px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.btn--block{width:100%}@keyframes rainbow{to{background-position:300% 0}}.card{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,3vw,24px);display:grid;gap:14px;align-content:start;min-width:0}.card--pop{animation:pop .45s var(--spring) both}@keyframes pop{0%{transform:scale(.94) rotate(-1deg)}to{transform:none}}.c-yellow{background:var(--yellow-soft)}.c-pink{background:var(--pink-soft)}.c-mint{background:var(--mint-soft)}.c-sky{background:var(--sky-soft)}.c-violet{background:var(--violet-soft)}.c-orange{background:var(--orange-soft)}.card h3{font-size:var(--t-lg)}.card p{color:var(--muted)}.emoji-badge{display:inline-grid;place-items:center;width:52px;height:52px;font-size:28px;background:var(--white);border:var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.step-num{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;background:var(--ink);color:var(--yellow);border-radius:50%;font-weight:900}.badge{display:inline-flex;align-items:center;gap:4px;font:700 var(--t-xs) / 1 var(--f-body);padding:5px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--white);white-space:nowrap}.badge--yellow{background:var(--yellow)}.badge--pink{background:var(--pink)}.badge--mint{background:var(--mint)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:600 var(--t-xs) / 1.2 var(--f-body);color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;transition:transform .12s,background .12s}.chip:hover{transform:translateY(-2px) rotate(-3deg);background:var(--yellow)}.chip[aria-pressed=true],.chip:has(input:checked){background:var(--pink)}.chip input{position:absolute;opacity:0;pointer-events:none}.chip:has(input:focus-visible){outline:3px solid var(--sky);outline-offset:2px}fieldset.field{border:0;margin:0;padding:0;min-width:0}fieldset.field>legend{padding:0;margin-bottom:8px}.field{display:grid;gap:6px;min-width:0}.field>label,.field-label{font-weight:700}.field label small{font-weight:400;color:var(--muted)}.input,.textarea,.select{width:100%;font:400 16px / 1.4 var(--f-body);color:var(--ink);background:var(--white);border:var(--border);border-radius:var(--radius-sm);padding:11px 14px;outline:none;transition:box-shadow .15s,transform .15s}.textarea{resize:vertical;min-height:120px}.input:focus,.textarea:focus,.select:focus{box-shadow:var(--shadow-sm);transform:translate(-1px,-1px);background:#fffef0}.input[aria-invalid=true],.textarea[aria-invalid=true]{background:var(--red-soft)}.hint{font-size:var(--t-xs);color:var(--muted)}.field-error{font-size:var(--t-xs);font-weight:700;color:#c4161c}.check{display:flex;align-items:flex-start;gap:10px;font-size:var(--t-sm);cursor:pointer}.check input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--pink)}.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.seg label{position:relative}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border:var(--border);border-radius:16px;background:var(--white);font-weight:700;cursor:pointer;filter:drop-shadow(3px 3px 0 var(--ink));transition:transform .15s,background .15s,filter .15s}.seg small{font-weight:400;font-size:var(--t-xs);color:var(--muted)}.seg span:hover{transform:translate(-2px,-2px) rotate(-1deg);filter:drop-shadow(5px 5px 0 var(--ink))}.seg input:checked+span{background:var(--yellow);transform:translate(-2px,-2px) rotate(-1.5deg);filter:drop-shadow(5px 5px 0 var(--ink))}.seg input:focus-visible+span{outline:3px dashed var(--ink);outline-offset:3px}.switch{display:inline-flex;align-items:center;gap:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0}.switch .track{width:64px;height:36px;flex:none;border:var(--border);border-radius:999px;background:var(--white);position:relative;box-shadow:var(--shadow-sm);transition:background .2s}.switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ink);transition:transform .25s var(--spring)}.switch input:checked+.track{background:var(--mint)}.switch input:checked+.track .knob{transform:translate(28px)}.switch input:focus-visible+.track{outline:3px dashed var(--ink);outline-offset:3px}.range{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:14px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--yellow),var(--pink))}.range::-moz-range-track{height:10px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--yellow),var(--pink))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:50%;background:var(--white);border:var(--border);box-shadow:2px 2px 0 var(--ink)}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--white);border:var(--border)}.notice{display:flex;gap:12px;align-items:flex-start;border:var(--border);border-radius:16px;padding:14px 16px;font-weight:500;background:var(--sky-soft);box-shadow:var(--shadow-sm)}.notice--ok{background:var(--mint-soft)}.notice--warn{background:var(--yellow-soft)}.notice--error{background:var(--red-soft)}.notice__icon{font-size:22px;line-height:1.2}.song{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;background:var(--white);border:var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow-sm)}.song__cover{width:96px;height:96px;border-radius:14px;border:var(--border);object-fit:cover;background:linear-gradient(135deg,var(--pink),var(--yellow));display:grid;place-items:center;font-size:40px}.song.is-playing .song__cover{animation:spin 6s linear infinite;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.song__title{font-weight:900;font-size:var(--t-md);overflow-wrap:anywhere}.song__meta{font-size:var(--t-xs);color:var(--muted);margin-bottom:8px}.song audio{width:100%;height:40px;margin-bottom:8px}.song__actions{display:flex;flex-wrap:wrap;gap:6px}.song__actions .btn{font-size:var(--t-xs);padding:6px 12px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}@media(max-width:480px){.song{grid-template-columns:64px minmax(0,1fr)}.song__cover{width:64px;height:64px;font-size:28px}}.eq{display:flex;justify-content:center;align-items:flex-end;gap:6px;height:64px}.eq i{width:12px;height:20%;border:2px solid var(--ink);border-radius:6px;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(5n+1){background:var(--pink)}.eq i:nth-child(5n+2){background:var(--yellow);animation-delay:-.2s}.eq i:nth-child(5n+3){background:var(--mint);animation-delay:-.5s}.eq i:nth-child(5n+4){background:var(--sky);animation-delay:-.7s}.eq i:nth-child(5n){background:var(--violet);animation-delay:-.35s}@keyframes eq{to{height:100%}}.toasts{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(92vw,440px)}.toast{background:var(--ink);color:var(--white);border:var(--border);border-radius:16px;padding:12px 16px;font-weight:700;box-shadow:4px 4px 0 var(--pink);animation:pop .4s var(--spring)}.toast--error{background:var(--red)}.faq{display:grid;gap:12px}.faq details{background:var(--white);border:var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px 18px}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:900;font-size:22px;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin-top:10px;color:var(--muted)}.email-prompt__form{align-items:flex-start;flex-wrap:wrap;gap:10px}.email-prompt__form .field{flex:1 1 220px;margin:0}.waiting{display:grid;gap:12px;justify-items:center;text-align:center}.vinyl{width:104px;height:104px;border-radius:50%;border:var(--border);background:repeating-radial-gradient(circle,var(--ink) 0 3px,#33245e 3px 6px);display:grid;place-items:center;animation:spin 2.4s linear infinite}.vinyl__label{width:40px;height:40px;border-radius:50%;background:var(--pink);border:2px solid var(--ink);display:grid;place-items:center;font-size:18px}.waiting__tip{margin:0;min-height:1.5em;font-weight:700;color:var(--ink)}.progress{width:100%;height:16px;border:var(--border);border-radius:999px;background:var(--paper);overflow:hidden}.progress__bar{height:100%;background:linear-gradient(90deg,var(--yellow),var(--pink),var(--violet),var(--sky));transition:width 1s linear}.waiting__notice{text-align:left;width:100%}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}.progress__bar{transition:none}}.busy{display:grid;gap:10px;justify-items:center;text-align:center;padding:16px;border:var(--border);border-radius:18px;background:var(--yellow-soft)}.busy__icon{font-size:44px;line-height:1;animation:wiggle 1.2s ease-in-out infinite}.busy__title{margin:0;font-size:18px;font-weight:800;color:var(--ink)}.busy .waiting__tip{font-weight:400;color:var(--muted)}@media(prefers-reduced-motion:reduce){.busy__icon{animation:none}}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--page-max);margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.container--narrow{max-width:calc(820px + var(--gutter-l) + var(--gutter-r))}main{flex:1}.section{padding-block:clamp(36px,6vw,64px);display:grid;gap:24px}.section__head{display:grid;gap:8px;max-width:720px}.section__head h2{font-size:var(--t-xl)}.section__head p{color:var(--muted);font-size:var(--t-md)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.grid--2>.btn{align-self:center;justify-self:center}.stack{display:grid;gap:16px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.row--center{justify-content:center}.row--between{justify-content:space-between}.header{position:relative;padding-block:18px 8px}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.header .logo{flex:none}.nav{display:flex;align-items:center;gap:4px}.nav__link{font-weight:700;font-size:var(--t-sm);text-decoration:none;white-space:nowrap;padding:8px 12px;border-radius:999px;border:2px solid transparent;transition:background .12s,border-color .12s}.nav__link:hover,.nav__link[aria-current=page]{background:var(--white);border-color:var(--ink)}.header__actions{display:flex;flex:none;gap:10px;align-items:center}.header__actions .btn{white-space:nowrap}.account-btn__count{display:inline-grid;place-items:center;min-width:24px;padding:0 7px;line-height:1.15;border-radius:999px;background:var(--yellow);border:2px solid var(--ink);font-variant-numeric:tabular-nums}.account-btn{padding-block:8px}.burger,.nav__link--mobile{display:none}.nav__button{font:inherit;font-weight:700;font-size:var(--t-sm);background:none;cursor:pointer;color:var(--ink);width:100%;text-align:left}@media(max-width:1180px){.nav{display:none}.burger{display:inline-flex}.nav.is-open{display:grid;position:absolute;left:var(--gutter-l);right:var(--gutter-r);top:calc(100% + 4px);z-index:20;gap:4px;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.nav.is-open .nav__link{padding:12px 14px;font-size:var(--t-md)}.nav.is-open .nav__link--mobile{display:block}}@media(max-width:560px){.header__inner{gap:8px}.header .logo{font-size:24px}.header__actions{gap:8px}.header__create,.header__login,.account-btn__label{display:none}}.footer{margin-top:48px;background:var(--ink);color:var(--paper);padding-block:36px calc(28px + env(safe-area-inset-bottom,0px))}.footer__grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer h4{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--yellow);margin-bottom:10px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer a{color:var(--paper);text-decoration:none;opacity:.85}.footer a:hover{opacity:1;text-decoration:underline}.footer__legal{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,253,246,.2);font-size:var(--t-xs);opacity:.75;display:grid;gap:4px}.footer .logo{font-size:30px}.page-title{font-size:var(--t-hero)}.page-title--sm{font-size:var(--t-xl)}.text-center{text-align:center}.text-ink{color:var(--ink)!important;font-weight:500}[x-cloak]{display:none!important}.cookie-notice{position:fixed;left:8px;right:8px;bottom:8px;z-index:40;max-width:480px;margin:0 auto;display:flex;gap:10px;align-items:center;padding:6px 6px 6px 12px;background:var(--paper);border:var(--border);border-radius:14px;box-shadow:var(--shadow-sm);font-size:13px;line-height:1.3}.cookie-notice p{margin:0;flex:1}.cookie-notice .btn{flex:none;padding-inline:14px}.hero{padding-block:clamp(28px,6vw,72px) clamp(24px,4vw,48px);display:grid;gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}.hero__text{display:grid;gap:18px;justify-items:start}.hero h1{font-size:var(--t-hero);line-height:1.05}.hero h1 mark{background:var(--yellow);padding:0 .15em;border-radius:12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero__lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:34em}.hero__note{font-size:var(--t-xs);color:var(--muted)}@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}}.showcase{display:grid;gap:14px;transform:rotate(1.2deg)}.showcase .song{box-shadow:none;filter:drop-shadow(3px 3px 0 var(--ink))}.showcase .song:nth-child(2){transform:rotate(-2deg) translate(14px)}.showcase__more{justify-self:end}@media(max-width:860px){.showcase{transform:none}.showcase .song:nth-child(2){transform:none}}.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:step}.steps .card h3{display:flex;align-items:center;gap:10px;font-size:var(--t-md)}.prices{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.price{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px}.price__name{font-size:var(--t-lg)}.price__sum{font:900 clamp(32px,4vw,42px) / 1 var(--f-body);font-variant-numeric:tabular-nums}.price__sum small{font-size:var(--t-md);font-weight:700}.price__per{font-size:var(--t-sm);color:var(--muted);font-variant-numeric:tabular-nums}.price ul{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--t-sm);color:var(--muted)}.price .badge{position:absolute;top:-14px;right:16px;transform:rotate(3deg)}.price--hit{background:var(--yellow-soft);transform:rotate(-1deg);box-shadow:none;filter:drop-shadow(6px 6px 0 var(--ink))}.gift-anketa{scroll-margin-top:90px}.gift-card__listen{display:none;margin:0;font-weight:700}@media(max-width:860px){.hero .gift-hero__example{padding:14px;gap:8px}.hero .gift-hero__example :is(.gift-card__photo,.gift-card__to,blockquote){display:none}.hero .gift-hero__example .gift-card__listen{display:block}.hero .gift-hero__example .song{width:100%;text-align:left}}.gift-card{display:grid;gap:14px;justify-items:center;text-align:center;background:var(--pink-soft)}.gift-card__photo{width:120px;height:120px;border-radius:50%;border:var(--border);background:linear-gradient(135deg,var(--yellow),var(--orange));display:grid;place-items:center;font-size:52px;box-shadow:var(--shadow-sm)}.gift-card__to{font:400 clamp(24px,3vw,30px) / 1.1 var(--f-display);color:var(--ink)}.gift-card blockquote{margin:0;font-style:italic;color:var(--muted);max-width:30em}.holiday-hero{border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow);padding:clamp(20px,4vw,40px);display:grid;gap:16px;justify-items:start}.holiday-hero h1{font-size:var(--t-hero)}.holiday-hero p{max-width:36em;font-size:var(--t-md)}.empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:28px 12px}.empty__emoji{font-size:64px;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-12px) rotate(8deg)}}.studio{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}@media(max-width:960px){.studio{grid-template-columns:minmax(0,1fr)}}.knob-row{display:grid;grid-template-columns:160px minmax(0,1fr) 48px;align-items:center;gap:4px 14px;padding:10px 0;border-bottom:2px dashed var(--line-dashed)}.knob-row:last-child{border-bottom:0}.knob-row output{font-weight:900;text-align:center;background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:3px 0}@media(max-width:560px){.knob-row{grid-template-columns:minmax(0,1fr) 48px}.knob-row label{grid-column:1 / -1}}.auth{max-width:460px;margin:0 auto}.social-buttons{display:grid;gap:10px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--t-xs)}.divider:before,.divider:after{content:"";flex:1;border-top:2px dashed var(--line-dashed)}.social-btn{justify-content:flex-start}.social-btn__logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font:900 14px / 1 var(--f-body);color:var(--white);flex:none}.social-btn__logo--yandex{background:#fc3f1d;font-size:18px}.social-btn__logo--vk{background:#07f;font-size:12px}.doc{max-width:820px;display:block;line-height:1.6}.doc h2{font-size:var(--t-lg);margin:28px 0 10px}.doc p,.doc li{color:var(--ink);margin:0 0 8px}.doc ol,.doc ul{margin:0 0 8px;padding-left:22px}.doc__meta{font-size:var(--t-xs);color:var(--muted)!important}.doc__props{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0}.doc__props dt{font-weight:700}.doc__props dd{margin:0;overflow-wrap:anywhere}@media(max-width:480px){.doc__props{grid-template-columns:minmax(0,1fr);gap:2px}.doc__props dd{margin-bottom:10px}}.swatches{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.swatch{border:var(--border);border-radius:16px;overflow:hidden;background:var(--white);font-size:var(--t-xs)}.swatch div{height:64px;border-bottom:var(--border)}.swatch span{display:block;padding:6px 10px;font-family:var(--f-mono)}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stage{text-align:center;font-size:12px;font-weight:700;padding:8px 4px;border-radius:12px;border:2px solid var(--ink);background:var(--white);opacity:.45;transition:all .3s}.stage__e{display:block;font-size:22px}.stage.done{opacity:1;background:var(--mint)}.stage.now{opacity:1;background:var(--yellow);animation:stage-pulse 1s ease-in-out infinite}@keyframes stage-pulse{50%{transform:scale(1.06) rotate(-2deg)}}.gen{display:grid;gap:12px}.gen__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.gen__text{font-size:var(--t-sm);color:var(--muted);overflow-wrap:anywhere}.lyrics-view{white-space:pre-wrap;font-size:var(--t-xs);background:var(--violet-soft);border:2px dashed var(--ink);border-radius:12px;padding:10px;max-height:260px;overflow:auto;margin:8px 0 0}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form .input,.inline-form .select{width:auto;flex:1 1 160px;padding:7px 12px}.inline-form--spaced{margin-top:8px}.complaint summary{cursor:pointer}.complaint[open] summary{margin-bottom:10px}.purchases{list-style:none;margin:0;padding:0}.purchases li{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;padding:10px 0;border-bottom:2px dashed rgb(27 16 54 / 15%)}.purchases li:last-child{border-bottom:0}.purchases li>span:first-child{min-width:130px;color:var(--muted)}.purchases li>span:nth-child(2){flex:1}.grow{flex:1 1 220px;min-width:0}.seg--wrap{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.divider-line{border:0;border-top:2px dashed rgb(27 16 54 / 20%);margin:4px 0}.gift-attempt+.gift-attempt{padding-top:16px;border-top:2px dashed rgb(27 16 54 / 15%)}.song--chosen{background:var(--mint-soft)}.gift-photo-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.gift-photo-row .input{flex:1 1 220px;min-width:0}.gift-photo-thumb{width:96px;height:72px;object-fit:cover;border-radius:12px;border:var(--border)}.postcard{display:grid;gap:14px;justify-items:center;text-align:center;padding:clamp(24px,5vw,48px) clamp(16px,4vw,40px);position:relative}.postcard__frame{position:relative;width:min(100%,460px);margin:8px auto 6px;padding:12px 12px 0;background:var(--white);border:var(--border);border-radius:26px;transform:rotate(-2.5deg);filter:drop-shadow(7px 7px 0 var(--ink))}.postcard__frame:before,.postcard__frame:after{content:"";position:absolute;top:-14px;width:92px;height:28px;background:color-mix(in srgb,var(--yellow) 75%,transparent);border:2px dashed rgb(27 16 54 / 25%);border-radius:4px;z-index:2}.postcard__frame:before{left:18px;transform:rotate(-14deg)}.postcard__frame:after{right:18px;transform:rotate(11deg);background:color-mix(in srgb,var(--mint) 75%,transparent)}.postcard__photo{display:block;width:100%;max-height:min(70vh,560px);object-fit:cover;border-radius:18px;border:3px solid var(--ink)}.postcard__photo--empty{display:grid;place-items:center;aspect-ratio:4 / 3;font-size:clamp(72px,20vw,120px);background:linear-gradient(135deg,var(--yellow),var(--pink) 55%,var(--violet))}.postcard__caption{padding:10px 4px 14px;font:400 clamp(20px,4.5vw,26px) / 1.1 var(--f-display);color:var(--ink)}.postcard__sticker{position:absolute;right:-18px;bottom:22px;display:grid;place-items:center;width:76px;height:76px;font-size:40px;background:var(--yellow);border:var(--border);border-radius:50%;transform:rotate(14deg);animation:sticker-wobble 3.2s ease-in-out infinite}.postcard__spark{position:absolute;font-size:26px;animation:spark-twinkle 2.4s ease-in-out infinite}.postcard__spark--1{top:-30px;left:42%}.postcard__spark--2{bottom:64px;left:-26px;animation-delay:1.2s}@keyframes sticker-wobble{0%,to{transform:rotate(14deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}@keyframes spark-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.postcard__sticker,.postcard__spark{animation:none}}@media(max-width:480px){.postcard__sticker{right:-10px;width:60px;height:60px;font-size:32px}.postcard__spark--2{left:-14px}}.postcard__to{margin:0;font:400 clamp(32px,7vw,56px) / 1.05 var(--f-display);overflow-wrap:anywhere}.postcard__message{margin:0;max-width:32em;font-size:19px;line-height:1.5}.postcard__from{font-weight:700}.postcard__song{width:100%;text-align:left;background:var(--white)}.postcard__lyrics{width:100%;text-align:left}.postcard__lyrics summary{cursor:pointer;font-weight:700}.postcard__lyrics p{white-space:normal;line-height:1.6}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab{padding:8px 16px;border:var(--border);border-radius:999px;background:var(--white);color:var(--ink);font-weight:700;text-decoration:none}.tab:hover{background:var(--yellow-soft)}.tab.is-active{background:var(--yellow);box-shadow:var(--shadow-sm)}@media(max-width:480px){.tabs{gap:8px}.tab{padding:7px 12px;font-size:var(--t-sm)}}.song--public{position:relative}.song__rank{position:absolute;top:-12px;left:-10px;z-index:1;display:grid;place-items:center;width:36px;height:36px;font:400 18px / 1 var(--f-display);background:var(--yellow);border:var(--border);border-radius:50%}.song--public:nth-child(2) .song__rank{background:var(--sky)}.song--public:nth-child(3) .song__rank{background:var(--orange)}.report{width:100%}.report summary{cursor:pointer;list-style:none}.report summary::-webkit-details-marker{display:none}.report form{margin-top:8px}.idea-card{display:grid;gap:8px;color:inherit;text-decoration:none;transition:transform .15s}.idea-card:hover{transform:translateY(-3px)}.account-delete summary{cursor:pointer;list-style:none}.account-delete summary::-webkit-details-marker{display:none}.account-delete summary h3{display:inline}.account-delete[open] summary{margin-bottom:8px}.custom-count{margin-top:24px}.custom-count__value{display:flex;align-items:center;justify-content:center;gap:16px}.custom-count__num{min-width:170px;text-align:center;font-size:var(--t-lg)}.custom-count__num b{font:400 clamp(36px,7vw,48px) / 1 var(--f-display)}.custom-count__range{width:100%}.custom-count__marks{position:relative;height:28px;margin:-6px 11px 0}.custom-count__marks button{position:absolute;transform:translate(-50%);padding:2px 8px;font:700 var(--t-xs) / 1.2 var(--f-body);color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:999px;cursor:pointer}.custom-count__marks button.is-on{background:var(--yellow)}.custom-count__total{align-items:flex-end}@media(max-width:480px){.custom-count__marks button{padding:1px 5px;font-size:11px}}.error-page{text-align:center;display:grid;justify-items:center;gap:12px}.error-page__emoji{font-size:clamp(56px,12vw,88px);line-height:1}.error-page__actions{justify-content:center;flex-wrap:wrap}
