*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#090B13);color:#f7f7fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:30;background:rgba(9,11,19,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-size:21px;font-weight:900;text-decoration:none}.site-header nav{display:flex;gap:28px}.site-header nav a{color:#bfc1cd;text-decoration:none;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--primary,#8B5CF6),var(--accent,#EC4899));color:#fff;text-decoration:none;font-weight:800}.btn.small{min-height:42px;padding:0 18px;font-size:14px}.btn.secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.hero{min-height:calc(100vh - 74px);padding:90px clamp(20px,7vw,100px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:70px;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px}.hero p{color:#b9bbc8;font-size:clamp(18px,2vw,22px);max-width:720px}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.05);font-size:13px}.hero-actions{display:flex;gap:12px;margin-top:32px}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#aeb0bc;font-size:13px}.player-card,.price-card,.steps article,.closed-card,.install-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(22px)}.player-card{position:relative;z-index:2;border-radius:30px;padding:26px;display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center}.cover{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,var(--primary),var(--accent))}.player-card small{display:block;color:#aeb0bc;margin-top:5px}.wave{grid-column:1/-1;height:80px;display:flex;align-items:center;justify-content:center;gap:7px}.wave i{width:7px;height:35%;border-radius:999px;background:linear-gradient(var(--primary),var(--accent));animation:w 1s ease-in-out infinite alternate}.wave i:nth-child(2n){height:75%;animation-delay:.15s}@keyframes w{to{transform:scaleY(1.6)}}.player-card button{grid-column:1/-1;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#aaa;border-radius:14px;padding:13px}.orb{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(100px);opacity:.22}.orb.a{background:var(--primary);top:-160px;left:-130px}.orb.b{background:var(--accent);right:-150px;bottom:-190px}.section{padding:110px clamp(20px,7vw,100px);max-width:1450px;margin:auto}.section-head{text-align:center;max-width:700px;margin:0 auto 48px}.section h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{border-radius:24px;padding:28px}.steps p,.premium p,.muted{color:#aaaeba}.premium{display:grid;grid-template-columns:1.1fr .75fr;gap:40px;align-items:center}.price-card{border-radius:26px;padding:30px}.price{font-size:50px;font-weight:950}.contact-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.contact-chip{padding:11px 15px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);text-decoration:none}footer{display:flex;justify-content:space-between;gap:30px;padding:32px clamp(20px,7vw,100px);border-top:1px solid rgba(255,255,255,.07);color:#9295a1}.closed-screen,.installer{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.closed-card,.install-card{position:relative;z-index:2;width:min(620px,100%);padding:42px;border-radius:30px;text-align:center}.closed-card h1{font-size:clamp(36px,7vw,62px);line-height:1.04}.admin-mini{display:inline-block;margin-top:25px;color:#888;font-size:13px}.install-card{text-align:left;width:min(760px,100%)}.form-grid{display:grid;gap:15px}.form-grid label{display:grid;gap:7px}.form-grid input{padding:13px 14px;background:#10131f;border:1px solid #292e3e;color:#fff;border-radius:12px}.notice{padding:13px 15px;border-radius:12px;margin:10px 0}.notice.error{background:#481923;color:#ffc8d0}.notice.success{background:#143728;color:#b7ffd4}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px;gap:42px}.steps,.premium{grid-template-columns:1fr}.section{padding-top:76px;padding-bottom:76px}}@media(max-width:520px){.site-header>.btn{display:none}.hero{padding:62px 18px 72px}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust{display:grid;gap:8px}.section{padding-left:18px;padding-right:18px}.closed-card,.install-card{padding:25px 20px;border-radius:22px}footer{flex-direction:column}}
/* v0.3 — конструктор песни */
.wizard-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 32%),var(--bg)}
.wizard-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(9,11,19,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.wizard-exit{color:#a8aab5;text-decoration:none;font-size:14px}.save-state{font-size:12px;color:#989ba7}.wizard-shell{width:min(980px,100%);margin:0 auto;padding:52px 22px 90px}.wizard-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.wizard-top h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 0}.progress-text{white-space:nowrap;color:#9fa2ae}.progress-text b{font-size:26px;color:white}.progress{height:5px;background:rgba(255,255,255,.08);border-radius:999px;margin:28px 0 34px;overflow:hidden}.progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .3s ease}.wizard-step{display:none}.wizard-step.active{display:block;animation:wstep .24s ease}@keyframes wstep{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.question-card{padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.045);box-shadow:0 25px 80px rgba(0,0,0,.28)}.step-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#b9a7ff;font-weight:800}.question-card h2{font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-.035em;margin:10px 0}.question-hint{color:#a8abb7;margin:0 0 25px}.choice-grid,.emotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice input,.emotion-choice input{position:absolute;opacity:0;pointer-events:none}.choice-box,.emotion-choice>span{height:100%;display:flex;align-items:center;gap:13px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer;transition:.18s}.choice-box i,.emotion-choice i{font-style:normal;font-size:20px;min-width:27px;text-align:center}.choice input:checked+.choice-box,.emotion-choice input:checked+span{border-color:color-mix(in srgb,var(--primary) 80%,white);background:color-mix(in srgb,var(--primary) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent)}.emotion-choice>span{align-items:flex-start;display:grid;grid-template-columns:35px 1fr}.emotion-choice i{grid-row:1/3}.emotion-choice small{color:#999dab;display:block;margin-top:3px}.wizard-input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0d1019;color:white;border-radius:15px;padding:16px;font:inherit;outline:none;resize:vertical}.wizard-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.validation-msg{display:none;color:#ff9ca9;font-size:13px;margin-top:10px}.wizard-step.invalid .validation-msg{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.ghost-btn{border:1px dashed rgba(255,255,255,.18);background:transparent;color:#c8cad4;border-radius:13px;padding:11px 15px;cursor:pointer}.memory-list{display:grid;gap:14px;margin-bottom:15px}.memory-list label{display:grid;gap:7px;color:#c8cad4;font-size:13px}.summary-content{display:grid;gap:10px;margin-top:24px}.summary-row{display:grid;grid-template-columns:minmax(180px,.6fr) 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.summary-row span{color:#9598a5}.summary-row b{font-weight:650;white-space:pre-wrap}.next-release{margin-top:24px;padding:18px;border-radius:16px;background:color-mix(in srgb,var(--primary) 11%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent)}.next-release p{margin:5px 0 0;color:#b7b9c3}
@media(max-width:650px){.wizard-header{height:60px}.save-state{display:none}.wizard-shell{padding:32px 14px 80px}.wizard-top{align-items:flex-start}.wizard-top h1{font-size:36px}.question-card{border-radius:21px;padding:21px 16px}.choice-grid,.emotion-grid{grid-template-columns:1fr}.choice-box{padding:15px}.wizard-actions{position:sticky;bottom:0;padding:12px 0 6px;background:linear-gradient(transparent,var(--bg) 25%)}.wizard-actions .btn{flex:1;padding-left:12px;padding-right:12px}.summary-row{grid-template-columns:1fr;gap:3px}}
/* v0.4 — редактор текста */
.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.requirements span{font-size:12px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.06)}.req-ok{color:#baffd5}.req-bad{color:#ffb9c4}.lyrics-page{min-height:100vh}.lyrics-shell{max-width:1450px;margin:auto;padding:50px clamp(18px,5vw,72px) 90px}.lyrics-intro{max-width:850px;margin-bottom:28px}.lyrics-intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;margin:14px 0}.lyrics-intro p{color:#afb3c2;font-size:17px;max-width:760px}.provider-line{font-size:12px;color:#818797}.lyrics-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.lyrics-editor-card,.version-panel{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.lyrics-editor-card label{display:grid;gap:8px;margin:16px 0;color:#c7cad4}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.version-label{display:block;color:#858b9a;font-size:12px}.editor-toolbar b{font-size:20px}.lyrics-textarea{font-family:Inter,system-ui,sans-serif;line-height:1.75;min-height:560px;resize:vertical}.editor-actions{display:flex;align-items:center;gap:16px;min-height:55px}.music-gate{margin-top:25px;padding:20px;border-radius:17px;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.025)}.music-gate p{color:#999eac}.version-panel{position:sticky;top:92px}.version-panel h2{margin-top:0}.version-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.version-item small{display:block;color:#858a98;margin-top:3px}.mini{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e2e3e9;padding:7px 10px;border-radius:9px;cursor:pointer}
@media(max-width:900px){.lyrics-layout{grid-template-columns:1fr}.version-panel{position:static}.lyrics-textarea{min-height:480px}}
@media(max-width:560px){.lyrics-shell{padding-top:30px}.editor-toolbar{align-items:stretch;flex-direction:column}.editor-toolbar .btn{width:100%}.lyrics-editor-card,.version-panel{padding:17px;border-radius:18px}.editor-actions{align-items:stretch;flex-direction:column}.editor-actions .btn{width:100%}.lyrics-textarea{min-height:430px}}
/* v0.6 guided flow / legal / audio payment */
.helper-card{margin-top:18px;padding:18px 20px;border:1px solid rgba(245,190,70,.28);border-radius:16px;background:linear-gradient(135deg,rgba(255,204,86,.12),rgba(255,255,255,.035))}.helper-card>b{display:block;margin-bottom:8px}.helper-card ul{margin:8px 0 10px;padding-left:21px}.helper-card li{margin:5px 0;color:#c7c0b2}.consent-box{display:flex!important;gap:13px!important;align-items:flex-start;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}.consent-box input{width:20px;height:20px;margin-top:2px}.consent-box a{text-decoration:underline}.lyrics-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lyrics-choice-card,.decision-panel,.single-editor,.card-public,.pay-card,.track-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.lyrics-choice-card.picked{border-color:var(--primary,#8b5cf6);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#8b5cf6) 30%,transparent)}.choice-head{margin-bottom:18px}.choice-title{display:block;font-size:25px;margin-top:5px}.read-song section{padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}.read-song section:first-child{border-top:0}.read-song h3{font-size:13px;text-transform:uppercase;color:#c4b4ff}.read-song p{margin:5px 0;color:#ddd}.lyrics-choice-card>.btn{width:100%;margin-top:18px}.decision-panel{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.decision-panel[hidden],.single-editor[hidden]{display:none}.decision-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.single-editor{margin-top:20px}.song-title-label{display:grid;gap:7px}.block-editor{display:grid;gap:12px;margin-top:18px}.song-block{padding:15px;border-radius:17px;background:rgba(236,72,153,.075);border:1px solid rgba(255,255,255,.08)}.song-block:nth-child(even){background:rgba(139,92,246,.08)}.song-block-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.block-label{flex:1;background:transparent;border:0;color:#fff;font-weight:800;text-transform:uppercase}.block-actions{display:flex;gap:5px}.song-lines{display:grid;gap:7px}.song-line{display:grid;grid-template-columns:1fr 34px;gap:6px}.song-line input{width:100%;padding:10px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);color:#fff}.delete-line{border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#ddd}.add-line{border:0;background:transparent;color:#c5b6ff;padding:9px 2px 0}.add-block-menu{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.add-block-menu small{opacity:.55}.editor-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.legal-page{max-width:960px;margin:auto;padding:70px 20px 120px}.legal-document{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:25px;padding:clamp(22px,5vw,48px)}.legal-document h1{font-size:clamp(36px,6vw,58px)}.legal-html{color:#d0d2da}.help-widget{position:fixed;right:22px;bottom:22px;z-index:100}.help-main{border:0;border-radius:999px;padding:14px 19px;background:#101117;color:#fff;font-weight:850;box-shadow:0 18px 55px rgba(0,0,0,.45)}.help-menu{position:absolute;right:0;bottom:58px;width:min(330px,calc(100vw - 28px));padding:14px;background:#12151f;border:1px solid #2b3040;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.5)}.help-menu>b,.help-menu>small{display:block;padding:3px 5px}.help-menu>small{color:#9297a5}.help-menu a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;padding:11px;border-radius:11px;background:#191e2a;margin-top:6px}.help-menu a span{font-size:12px;color:#979ba9}.music-shell{max-width:1100px;margin:auto;padding:60px 20px 120px}.track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}.track-card.selected{border-color:var(--primary,#8b5cf6)}.track-card audio{width:100%;margin:12px 0}.preview-note{font-size:12px;color:#999}.unlocked{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.unlocked>b{color:#7de0aa}.pay-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px}.pay-card .price{font-size:42px;text-align:right}.generation-status{margin:18px 0}.card-public{margin:18px 0}.compare-actions{display:flex;align-items:center;gap:16px;margin:20px 0}.lyrics-progress{color:#b6b9c6;min-height:24px}
@media(max-width:760px){.lyrics-compare-grid,.track-grid{grid-template-columns:1fr}.decision-panel,.pay-card{align-items:stretch;flex-direction:column}.decision-buttons{justify-content:stretch}.decision-buttons .btn,.decision-buttons .ghost-btn,.editor-bottom .btn{width:100%}.editor-bottom{flex-direction:column}.pay-card .price{text-align:left}.help-widget{right:12px;bottom:12px}}
/* v0.6.2 — аккуратный выбор музыкального стиля */
.music-card{overflow:hidden}
.music-group{padding:20px 0;border-top:1px solid rgba(255,255,255,.075)}
.music-group:first-of-type{border-top:0;padding-top:8px}
.music-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.music-group-head h3{margin:0;font-size:16px;letter-spacing:-.01em}
.music-group-head small{color:#7f8492;font-size:11px}
.music-chip-grid{display:flex;flex-wrap:wrap;gap:9px}
.music-chip{position:relative;display:inline-flex;max-width:100%}
.music-chip input{position:absolute;opacity:0;pointer-events:none}
.music-chip span{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.035);color:#c8cad3;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.music-chip span:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.065);transform:translateY(-1px)}
.music-chip i{font-style:normal;font-size:15px;line-height:1}
.music-chip b{font-size:13px;font-weight:700;white-space:nowrap}
.music-chip input:checked+span{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#111),color-mix(in srgb,var(--accent) 58%,#111));border-color:transparent;color:#fff;box-shadow:0 9px 28px color-mix(in srgb,var(--primary) 18%,transparent)}
.music-chip input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}
.music-selected-description{min-height:18px;margin:9px 2px 0;color:#8f94a3;font-size:12px;line-height:1.45}
.music-selected-description:empty{display:none}
@media(max-width:650px){
.music-group{padding:17px 0}
.music-group-head{align-items:flex-end}
.music-chip-grid{gap:8px}
.music-chip span{min-height:40px;padding:8px 12px}
.music-chip b{font-size:12.5px}
}
/* v0.7 — Мои песни / payment result */
.header-actions{display:flex;align-items:center;gap:12px}.header-my-songs{font-size:14px;color:#c8cad4;text-decoration:none}.songs-shell{max-width:1180px;margin:auto;padding:70px 20px 120px}.songs-head{max-width:720px;margin-bottom:32px}.songs-head h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.05em;margin:12px 0}.songs-head p{color:#aeb1bd}.songs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.song-project{display:grid;grid-template-columns:58px 1fr 30px;gap:15px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);text-decoration:none;transition:.18s}.song-project:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary,#8B5CF6) 45%,transparent);background:rgba(255,255,255,.065)}.song-project-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,var(--primary,#8B5CF6),var(--accent,#EC4899))}.song-project h2{margin:7px 0 4px;font-size:19px}.song-project p,.song-project small{margin:0;color:#8f94a2;font-size:12px}.song-project-arrow{font-size:22px;color:#8c91a0}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#c9cbd3;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.status-paid{background:rgba(46,180,112,.15);color:#9af0bf}.status-payment_pending{background:rgba(244,183,64,.13);color:#ffd98a}.status-music_ready{background:rgba(139,92,246,.16);color:#c9b8ff}.empty-songs{text-align:center;padding:70px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:24px}.empty-songs>div{font-size:42px}.payment-result-icon{width:68px;height:68px;margin:22px auto 0;display:grid;place-items:center;border-radius:50%;font-size:32px;background:linear-gradient(135deg,var(--primary,#8B5CF6),var(--accent,#EC4899))}.payment-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
@media(max-width:760px){.songs-grid{grid-template-columns:1fr}.header-my-songs{display:none}.songs-shell{padding-top:45px}.song-project{grid-template-columns:50px 1fr 22px}.song-project-icon{width:50px;height:50px}}
/* v0.8 — расширенный выбор получателя */
.recipient-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.recipient-choice-grid .choice-box{padding:14px 15px;min-height:62px}
.recipient-choice-grid .choice-box i{font-size:19px;min-width:25px}
.recipient-choice-grid .choice-box b{font-size:13px;line-height:1.25}
.recipient-more{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.025);color:#b8bbc7;font:700 13px/1 inherit;cursor:pointer;transition:.18s}
.recipient-more:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05);color:#fff}
.recipient-more b{font-size:17px;font-weight:500}
.recipient-choice-grid.expanded .recipient-extra{display:block}
@media(max-width:820px){.recipient-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
.recipient-choice-grid{grid-template-columns:1fr 1fr;gap:8px}
.recipient-choice-grid .choice-box{padding:12px 10px;min-height:58px;gap:8px}
.recipient-choice-grid .choice-box i{font-size:17px;min-width:21px}
.recipient-choice-grid .choice-box b{font-size:12px}
}
/* v0.9.2 — заметная помощь на всех публичных HTML-страницах */
.help-widget{z-index:1000}
.help-main{display:flex;align-items:center;gap:8px;min-height:48px;padding:13px 19px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,var(--primary,#8b5cf6),var(--accent,#ec4899));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 16px 45px color-mix(in srgb,var(--primary,#8b5cf6) 30%,transparent),0 8px 30px rgba(0,0,0,.42);transition:transform .15s ease,box-shadow .15s ease}
.help-main:hover{transform:translateY(-2px);box-shadow:0 20px 55px color-mix(in srgb,var(--primary,#8b5cf6) 38%,transparent),0 10px 35px rgba(0,0,0,.5)}
.help-main:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:3px}
.help-dot{font-size:10px;color:#8cffb5;text-shadow:0 0 9px rgba(88,255,158,.85)}
.help-menu{bottom:64px}
.help-empty{margin-top:10px;padding:12px;border-radius:11px;background:rgba(255,255,255,.055);color:#a9adba;font-size:13px;line-height:1.45}
@media(max-width:520px){.help-widget{left:12px;right:12px;bottom:12px}.help-main{width:100%;justify-content:center}.help-menu{left:0;right:0;width:100%;bottom:58px}}
/* v1.0 — SEO CMS / блог / FAQ / витрина */
.content-shell,.article-shell{max-width:1180px;margin:0 auto;padding:80px 22px 120px}
.article-shell{max-width:980px}
.content-hero{text-align:center;max-width:820px;margin:0 auto 45px}
.content-hero h1,.content-article h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}
.content-hero p,.article-lead{font-size:18px;color:#aeb2c0;line-height:1.7}
.blog-grid,.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card,.showcase-card,.content-article,.content-cta,.faq-public details,.inline-faq details{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:20px}
.blog-card{padding:22px;display:flex;flex-direction:column}
.blog-card>span,.showcase-card>div>span{font-size:12px;color:#b8a3ff}
.blog-card h2,.showcase-card h2{font-size:21px;margin:8px 0}
.blog-card p,.showcase-card p{color:#9fa3b1;flex:1}
.blog-card a{font-weight:800;text-decoration:none;color:#c8b8ff}
.content-article{padding:clamp(22px,5vw,50px)}
.content-back{display:inline-block;margin-bottom:18px;text-decoration:none;color:#aaaeba}
.prose{font-size:17px;line-height:1.8;color:#d2d4dc}
.prose h2{font-size:30px;color:#fff;margin:38px 0 12px}
.prose h3{font-size:23px;color:#fff;margin-top:30px}
.prose a{color:#cab9ff}
.prose ul,.prose ol{padding-left:24px}
.content-cta{margin-top:25px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.content-cta h2{margin:0 0 8px;font-size:28px}
.content-cta p{margin:0;color:#9fa3b1}
.faq-public,.inline-faq{display:grid;gap:10px}
.faq-public{max-width:900px;margin:0 auto}
.inline-faq{margin-top:42px}
.faq-public details,.inline-faq details{padding:17px 20px}
.faq-public summary,.inline-faq summary{cursor:pointer;font-weight:800}
.faq-public p,.inline-faq p{color:#aaaeba;line-height:1.65}
.showcase-card{padding:18px;display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:start}
.showcase-cover{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:28px}
.showcase-card audio{width:100%;margin-top:10px}
.empty-content{grid-column:1/-1;text-align:center;padding:50px;color:#8f94a3}
.public-content-header{position:sticky}
@media(max-width:900px){.blog-grid,.showcase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
.content-shell,.article-shell{padding-top:45px}
.blog-grid,.showcase-grid{grid-template-columns:1fr}
.content-cta{align-items:stretch;flex-direction:column}
.content-cta .btn{width:100%}
.showcase-card{grid-template-columns:58px 1fr}
.showcase-cover{width:58px;height:58px}
}
/* v1.1 — личный кабинет */
.account-auth-page{min-height:100vh;background:var(--bg,#090b13)}
.account-auth-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 18px 100px}
.account-auth-card{width:min(520px,100%);padding:30px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.account-auth-card h1{font-size:clamp(32px,5vw,48px);margin:15px 0 10px;letter-spacing:-.04em}
.account-auth-card>p{color:#9fa4b2;line-height:1.6}
.account-form{display:grid;gap:14px;margin-top:22px}
.account-form label,.account-panel label{display:grid;gap:7px;font-weight:700;font-size:13px}
.account-form input,.account-panel input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0c1018;color:#fff;border-radius:12px;padding:13px 14px;font:inherit}
.account-switch{text-align:center;margin:18px 0 0!important}.account-switch a{color:#cbbcff}
.account-shell{max-width:1180px;margin:auto;padding:62px 22px 120px}
.account-hero{display:flex;align-items:flex-start;flex-direction:column;max-width:800px}.account-hero h1{font-size:clamp(42px,7vw,70px);margin:12px 0 10px}.account-hero p{color:#9fa4b2;font-size:17px}.account-tabs{position:sticky;top:72px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;margin:28px 0;background:rgba(9,11,19,.88);backdrop-filter:blur(12px);padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.07)}.account-tabs a{text-decoration:none;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.account-section{scroll-margin-top:150px;margin-top:30px}.account-section>h2{font-size:30px;margin-bottom:15px}.account-songs{margin-top:0}
.account-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:18px}.account-table{width:100%;border-collapse:collapse;min-width:680px}.account-table th,.account-table td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.account-table th{font-size:12px;color:#8f94a4;text-transform:uppercase}.account-table td{color:#d9dbe2}
.account-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-panel{display:grid;gap:15px;padding:22px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:18px}
.account-header-user{color:#9fa4b2;font-size:12px}.wizard-header-actions,.my-songs-header-actions{display:flex;align-items:center;gap:12px}
.guest-sync-card{margin:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid rgba(139,92,246,.28);background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(236,72,153,.06));border-radius:20px}.guest-sync-card h2{margin:0 0 8px}.guest-sync-card p{margin:0;color:#a2a6b4}.guest-sync-actions{display:flex;gap:9px;flex:0 0 auto}
@media(max-width:760px){.account-profile-grid{grid-template-columns:1fr}.guest-sync-card{align-items:stretch;flex-direction:column}.guest-sync-actions{display:grid;grid-template-columns:1fr 1fr}.guest-sync-actions .btn{width:100%}.account-header-user{display:none}.wizard-header-actions .header-my-songs{display:none}}
/* v1.2 — визуальный процесс создания двух вариантов текста */
.lyrics-processing{
position:relative;
display:grid;
grid-template-columns:150px minmax(0,1fr);
gap:26px;
align-items:center;
margin:18px 0 24px;
padding:26px;
overflow:hidden;
border:1px solid color-mix(in srgb,var(--primary,#8b5cf6) 34%,rgba(255,255,255,.08));
border-radius:24px;
background:
radial-gradient(circle at 7% 20%,color-mix(in srgb,var(--primary,#8b5cf6) 22%,transparent),transparent 33%),
radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--accent,#ec4899) 13%,transparent),transparent 37%),
rgba(255,255,255,.045);
box-shadow:0 24px 70px rgba(0,0,0,.24)
}
.lyrics-processing[hidden]{display:none!important}
.processing-visual{min-height:150px;display:grid;place-items:center;position:relative}
.processing-orbit{
width:104px;height:104px;border-radius:50%;
display:grid;place-items:center;
border:1px solid rgba(255,255,255,.15);
background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(236,72,153,.14));
box-shadow:inset 0 0 32px rgba(255,255,255,.04),0 0 50px color-mix(in srgb,var(--primary,#8b5cf6) 18%,transparent);
animation:processingPulse 2.2s ease-in-out infinite
}
.processing-orbit:before,.processing-orbit:after{
content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)
}
.processing-orbit:before{width:128px;height:128px;animation:processingSpin 8s linear infinite}
.processing-orbit:after{width:145px;height:145px;border-style:dashed;animation:processingSpin 13s linear infinite reverse}
.processing-orbit span{font-size:38px;filter:drop-shadow(0 0 15px rgba(255,255,255,.32))}
.processing-bars{position:absolute;bottom:4px;display:flex;gap:4px;align-items:end;height:30px}
.processing-bars i{display:block;width:5px;border-radius:5px;background:linear-gradient(var(--accent,#ec4899),var(--primary,#8b5cf6));animation:processingBars 1s ease-in-out infinite}
.processing-bars i:nth-child(1){height:10px}.processing-bars i:nth-child(2){height:24px;animation-delay:.12s}.processing-bars i:nth-child(3){height:16px;animation-delay:.24s}.processing-bars i:nth-child(4){height:28px;animation-delay:.36s}.processing-bars i:nth-child(5){height:13px;animation-delay:.48s}
.processing-copy h2{font-size:clamp(25px,4vw,38px);margin:11px 0 8px;letter-spacing:-.035em}
.processing-copy>p{color:#abb0bf;line-height:1.6;max-width:760px}
.processing-copy>small{display:block;color:#777e90;margin-top:13px}
.processing-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:19px 0 9px;color:#989ead;font-size:12px}
.processing-meta b{color:#fff;font-size:14px}
.processing-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.processing-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary,#8b5cf6),var(--accent,#ec4899));box-shadow:0 0 18px color-mix(in srgb,var(--accent,#ec4899) 35%,transparent);transition:width .45s ease}
.processing-stages{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.processing-stages li{min-width:0;display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:12px;background:rgba(255,255,255,.025);color:#6f7585;font-size:11px;line-height:1.35;transition:.25s}
.processing-stages li span{flex:0 0 auto;width:18px;height:18px;border:1px solid rgba(255,255,255,.13);border-radius:50%;position:relative}
.processing-stages li.active{color:#fff;background:rgba(139,92,246,.10)}
.processing-stages li.active span{border-color:var(--primary,#8b5cf6);box-shadow:0 0 14px color-mix(in srgb,var(--primary,#8b5cf6) 40%,transparent)}
.processing-stages li.active span:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--primary,#8b5cf6);animation:processingPulse .9s ease-in-out infinite}
.processing-stages li.done{color:#b8bdc8}.processing-stages li.done span{background:#2eb470;border-color:#2eb470}.processing-stages li.done span:after{content:"✓";position:absolute;inset:-1px;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:900}
.processing-stages li.error{color:#ffacb3;background:rgba(235,76,95,.08)}.processing-stages li.error span{border-color:#eb4c5f}.processing-stages li.error span:after{content:"!";position:absolute;inset:-1px;display:grid;place-items:center;color:#ff8f9c;font-weight:900}
.lyrics-processing.success{border-color:rgba(46,180,112,.35)}
.lyrics-processing.failed{border-color:rgba(235,76,95,.35)}
.lyrics-processing.compact-complete{opacity:.72}
.lyrics-choice-card.is-generating{border-color:color-mix(in srgb,var(--primary,#8b5cf6) 30%,rgba(255,255,255,.09))}
.lyrics-choice-card.is-generating .choice-title{color:#c5b7ff}
.lyrics-skeleton{padding:7px 0 18px}
.lyrics-skeleton i,.lyrics-skeleton b{
display:block;
height:13px;
margin:10px 0;
border-radius:8px;
background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.13),rgba(255,255,255,.055));
background-size:220% 100%;
animation:lyricsShimmer 1.45s linear infinite
}
.lyrics-skeleton b{height:25px;width:31%;margin:24px 0 12px}
.lyrics-skeleton .short{width:62%}.lyrics-skeleton .medium{width:82%}
#generateLyrics.is-loading{position:relative;pointer-events:none;opacity:.8}
#generateLyrics.is-loading:before{content:"";width:14px;height:14px;display:inline-block;margin-right:8px;vertical-align:-2px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:processingSpin .7s linear infinite}
@keyframes processingSpin{to{transform:rotate(360deg)}}
@keyframes processingPulse{50%{transform:scale(1.055);opacity:.82}}
@keyframes processingBars{0%,100%{transform:scaleY(.4);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes lyricsShimmer{to{background-position:-220% 0}}
@media(max-width:780px){
.lyrics-processing{grid-template-columns:1fr;padding:21px}
.processing-visual{min-height:118px}
.processing-orbit{width:82px;height:82px}
.processing-orbit:before{width:102px;height:102px}
.processing-orbit:after{width:116px;height:116px}
.processing-orbit span{font-size:30px}
.processing-stages{grid-template-columns:1fr}
.processing-stages li{align-items:center}
}
/* v1.2.1 — очевидное продолжение после выбора текста */
.decision-panel-v2{
align-items:stretch;
background:
radial-gradient(circle at 93% 15%,color-mix(in srgb,var(--primary,#8b5cf6) 12%,transparent),transparent 35%),
linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
}
.decision-copy{flex:1;min-width:0}
.decision-copy h2{margin:12px 0 8px;font-size:clamp(22px,3vw,30px)}
.decision-copy>p{color:#b1b5c2;line-height:1.55;max-width:700px}
.decision-flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.decision-flow span{
padding:8px 10px;border:1px solid rgba(255,255,255,.08);
border-radius:999px;background:rgba(255,255,255,.035);
color:#9298a8;font-size:11px;font-weight:750
}
.decision-flow span.done{
color:#8ce3b2;border-color:rgba(46,180,112,.28);
background:rgba(46,180,112,.08)
}
.decision-actions-v2{
width:min(390px,100%);
display:flex;flex-direction:column;gap:9px;
justify-content:center
}
.decision-actions-v2 form{display:block;width:100%}
.decision-primary{
width:100%;
min-height:54px;
font-size:14px;
box-shadow:0 13px 35px color-mix(in srgb,var(--primary,#8b5cf6) 22%,transparent)
}
.decision-primary.is-loading{pointer-events:none;opacity:.82}
.decision-primary.is-loading:before{
content:"";display:inline-block;width:14px;height:14px;margin-right:9px;
vertical-align:-2px;border:2px solid rgba(255,255,255,.35);
border-top-color:#fff;border-radius:50%;
animation:processingSpin .7s linear infinite
}
.decision-hint{text-align:center;color:#777e90;line-height:1.4}
.decision-status{
min-height:20px;padding:0 4px;
color:#9ea4b3;font-size:12px;line-height:1.45
}
.decision-status.active{color:#c8bbff}
.decision-status.error{
color:#ff9ca7;
padding:10px 12px;
border:1px solid rgba(235,76,95,.25);
border-radius:10px;background:rgba(235,76,95,.07)
}
@media(max-width:760px){
.decision-panel-v2{gap:22px}
.decision-actions-v2{width:100%}
.decision-flow{display:grid;grid-template-columns:1fr}
.decision-flow span{border-radius:11px}
.decision-primary{min-height:58px;font-size:15px}
}
/* FULL 1.2.4 — визуальный процесс генерации музыки */
.music-processing{
display:grid;
grid-template-columns:170px minmax(0,1fr);
gap:28px;
align-items:center;
margin:20px 0 24px;
padding:28px;
border:1px solid color-mix(in srgb,var(--primary,#8b5cf6) 34%,rgba(255,255,255,.08));
border-radius:26px;
background:
radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--primary,#8b5cf6) 20%,transparent),transparent 35%),
radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--accent,#ec4899) 12%,transparent),transparent 38%),
rgba(255,255,255,.045);
overflow:hidden
}
.music-processing[hidden]{display:none!important}
.music-processing.failed{border-color:rgba(235,76,95,.36)}
.music-processing.success{border-color:rgba(46,180,112,.36)}
.music-processing-visual{
min-height:170px;
position:relative;
display:grid;
place-items:center
}
.music-disc{
width:118px;
height:118px;
position:relative;
display:grid;
place-items:center;
border-radius:50%;
background:
radial-gradient(circle at center,#0b0e16 0 10%,transparent 11%),
repeating-radial-gradient(circle at center,rgba(255,255,255,.10) 0 1px,transparent 2px 8px),
linear-gradient(135deg,rgba(139,92,246,.45),rgba(236,72,153,.35));
border:1px solid rgba(255,255,255,.15);
box-shadow:0 0 50px color-mix(in srgb,var(--primary,#8b5cf6) 19%,transparent);
animation:musicDiscSpin 6s linear infinite
}
.music-disc span{
position:relative;
z-index:2;
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:#0b0e16;
color:#fff;
font-size:19px
}
.music-disc i{
position:absolute;
width:18px;height:18px;
border-radius:50%;
background:rgba(255,255,255,.32);
top:22px;right:25px
}
.music-equalizer{
position:absolute;
bottom:0;
height:40px;
display:flex;
align-items:flex-end;
gap:5px
}
.music-equalizer b{
display:block;
width:5px;
min-height:7px;
border-radius:5px;
background:linear-gradient(var(--accent,#ec4899),var(--primary,#8b5cf6));
animation:musicEq .95s ease-in-out infinite
}
.music-equalizer b:nth-child(1){height:12px}
.music-equalizer b:nth-child(2){height:27px;animation-delay:.08s}
.music-equalizer b:nth-child(3){height:18px;animation-delay:.16s}
.music-equalizer b:nth-child(4){height:36px;animation-delay:.24s}
.music-equalizer b:nth-child(5){height:23px;animation-delay:.32s}
.music-equalizer b:nth-child(6){height:31px;animation-delay:.40s}
.music-equalizer b:nth-child(7){height:15px;animation-delay:.48s}
.music-processing-copy h2{
margin:11px 0 8px;
font-size:clamp(26px,4vw,40px);
letter-spacing:-.035em
}
.music-processing-copy>p{
color:#aeb3c0;
max-width:780px;
line-height:1.6
}
.music-processing-current{
margin:18px 0 8px;
padding:14px 16px;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
background:rgba(0,0,0,.14)
}
.music-processing-current strong{
display:block;
margin-bottom:5px;
font-size:14px
}
.music-processing-current span{
color:#9da3b2;
font-size:13px;
line-height:1.45
}
.music-processing-bar{height:10px}
.music-processing-stages{
list-style:none;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:20px 0 0;
padding:0
}
.music-processing-stages li{
min-width:0;
display:flex;
gap:9px;
align-items:flex-start;
padding:11px;
border-radius:12px;
background:rgba(255,255,255,.028);
color:#72798a;
font-size:11px;
line-height:1.35;
transition:.2s
}
.music-processing-stages li span{
position:relative;
flex:0 0 auto;
width:19px;height:19px;
border:1px solid rgba(255,255,255,.14);
border-radius:50%
}
.music-processing-stages li.active{
color:#fff;
background:rgba(139,92,246,.10)
}
.music-processing-stages li.active span{
border-color:var(--primary,#8b5cf6);
box-shadow:0 0 15px color-mix(in srgb,var(--primary,#8b5cf6) 38%,transparent)
}
.music-processing-stages li.active span:after{
content:"";
position:absolute;
inset:4px;
border-radius:50%;
background:var(--primary,#8b5cf6);
animation:processingPulse .9s ease-in-out infinite
}
.music-processing-stages li.done{color:#b8bdc8}
.music-processing-stages li.done span{
background:#2eb470;
border-color:#2eb470
}
.music-processing-stages li.done span:after{
content:"✓";
position:absolute;
inset:-1px;
display:grid;
place-items:center;
color:#fff;
font-weight:900;
font-size:11px
}
.music-processing-stages li.error{
color:#ff9ca7;
background:rgba(235,76,95,.08)
}
.music-processing-stages li.error span{
border-color:#eb4c5f
}
.music-processing-stages li.error span:after{
content:"!";
position:absolute;
inset:-1px;
display:grid;
place-items:center;
color:#ff9ca7;
font-weight:900
}
.music-processing-estimate,
.music-processing-note{
display:block;
margin-top:12px;
color:#777e90;
line-height:1.45
}
.music-processing-note{
opacity:.78;
font-size:10px
}
#retryMusic{margin-top:15px}
.music-generation-skeleton{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin:0 0 22px
}
.music-generation-skeleton[hidden]{display:none!important}
.music-skeleton-card{overflow:hidden}
.audio-skeleton{
height:52px;
display:flex;
align-items:center;
gap:5px;
margin:22px 0 18px
}
.audio-skeleton i{
display:block;
flex:1;
min-width:3px;
border-radius:6px;
background:linear-gradient(180deg,rgba(139,92,246,.8),rgba(236,72,153,.55));
animation:musicWave 1.1s ease-in-out infinite
}
.audio-skeleton i:nth-child(1){height:20%}
.audio-skeleton i:nth-child(2){height:55%;animation-delay:.08s}
.audio-skeleton i:nth-child(3){height:82%;animation-delay:.16s}
.audio-skeleton i:nth-child(4){height:40%;animation-delay:.24s}
.audio-skeleton i:nth-child(5){height:95%;animation-delay:.32s}
.audio-skeleton i:nth-child(6){height:65%;animation-delay:.40s}
.audio-skeleton i:nth-child(7){height:38%;animation-delay:.48s}
.audio-skeleton i:nth-child(8){height:77%;animation-delay:.56s}
.audio-skeleton i:nth-child(9){height:28%;animation-delay:.64s}
.skeleton-line,
.skeleton-button{
border-radius:10px;
background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.13),rgba(255,255,255,.05));
background-size:220% 100%;
animation:lyricsShimmer 1.45s linear infinite
}
.skeleton-line{height:12px;width:55%;margin-bottom:18px}
.skeleton-button{height:46px;width:100%}
@keyframes musicDiscSpin{to{transform:rotate(360deg)}}
@keyframes musicEq{0%,100%{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes musicWave{0%,100%{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
.music-disc,.music-equalizer b,.audio-skeleton i{
animation:none!important
}
}
@media(max-width:780px){
.music-processing{
grid-template-columns:1fr;
padding:21px
}
.music-processing-visual{min-height:135px}
.music-disc{width:92px;height:92px}
.music-processing-stages{grid-template-columns:1fr}
.music-processing-stages li{align-items:center}
.music-generation-skeleton{grid-template-columns:1fr}
}
/* FULL 1.2.6 — стабильное завершение генерации музыки */
.music-complete-banner{
display:flex;
align-items:center;
gap:14px;
margin:18px 0 22px;
padding:16px 18px;
border:1px solid rgba(46,180,112,.34);
border-radius:18px;
background:rgba(46,180,112,.075)
}
.music-complete-icon{
flex:0 0 auto;
width:38px;height:38px;
display:grid;place-items:center;
border-radius:50%;
background:#2eb470;
color:#fff;
font-weight:900;
font-size:20px
}
.music-complete-banner b{display:block;margin-bottom:3px;font-size:15px}
.music-complete-banner span{color:#a8afbc;font-size:12px;line-height:1.45}
/* FULL 1.2.7 — мобильная помощь и страница «Песня под ключ» */
.help-icon{display:none}
.help-label{display:inline}
.help-main{
display:inline-flex;
align-items:center;
gap:8px;
}
.help-widget.is-open .help-main{
box-shadow:0 18px 60px rgba(0,0,0,.52)
}
.premium-more-btn{
width:100%;
margin:14px 0 4px
}
.premium-page{
max-width:1220px;
margin:0 auto;
padding:72px 22px 125px
}
.premium-hero{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);
gap:34px;
align-items:center;
padding:42px;
border:1px solid rgba(255,255,255,.09);
border-radius:30px;
background:
radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary,#8b5cf6) 20%,transparent),transparent 36%),
radial-gradient(circle at 100% 20%,color-mix(in srgb,var(--accent,#ec4899) 13%,transparent),transparent 38%),
rgba(255,255,255,.035)
}
.premium-hero h1{
font-size:clamp(42px,6.5vw,76px);
line-height:1;
letter-spacing:-.05em;
margin:16px 0 20px
}
.premium-intro{
font-size:clamp(18px,2.1vw,23px);
line-height:1.55;
color:#e0e1e7;
max-width:820px
}
.premium-lead{
color:#a9afbd;
line-height:1.7;
max-width:820px
}
.premium-price-box{
padding:26px;
border-radius:24px;
border:1px solid rgba(255,255,255,.11);
background:rgba(9,11,19,.65);
box-shadow:0 24px 70px rgba(0,0,0,.3)
}
.premium-price-box>span{
display:block;
color:#9298a8;
font-size:13px
}
.premium-price-box>strong{
display:block;
margin:8px 0 20px;
font-size:clamp(42px,6vw,64px);
letter-spacing:-.04em
}
.premium-price-box .btn{width:100%}
.premium-section{padding:82px 0 0}
.premium-section-head{
max-width:760px;
margin-bottom:28px
}
.premium-section-head h2{
font-size:clamp(34px,5vw,52px);
margin:13px 0 0;
letter-spacing:-.04em
}
.premium-feature-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px
}
.premium-feature-card{
padding:23px;
border:1px solid rgba(255,255,255,.09);
border-radius:20px;
background:rgba(255,255,255,.035)
}
.premium-feature-icon{
width:42px;height:42px;
display:grid;place-items:center;
border-radius:13px;
margin-bottom:16px;
background:linear-gradient(135deg,var(--primary,#8b5cf6),var(--accent,#ec4899));
font-weight:900;
font-size:18px
}
.premium-feature-card h3{
font-size:19px;
margin:0 0 9px
}
.premium-feature-card p{
color:#9fa5b4;
line-height:1.62;
margin:0
}
.premium-process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px
}
.premium-process-grid article{
padding:22px;
border:1px solid rgba(255,255,255,.08);
border-radius:19px;
background:rgba(255,255,255,.03)
}
.premium-process-grid article>span{
color:#b9a8ff;
font-size:12px;
font-weight:900
}
.premium-process-grid h3{
margin:12px 0 8px;
font-size:18px
}
.premium-process-grid p{
margin:0;
color:#979dab;
line-height:1.6
}
.premium-note{
display:flex;
gap:20px;
align-items:flex-start;
margin-top:70px;
padding:28px;
border:1px solid rgba(139,92,246,.25);
border-radius:22px;
background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(236,72,153,.055))
}
.premium-note-icon{
flex:0 0 auto;
width:48px;height:48px;
display:grid;place-items:center;
border-radius:50%;
background:rgba(255,255,255,.08);
font-size:20px
}
.premium-note h2{
margin:0 0 9px;
font-size:28px
}
.premium-note p{
margin:0;
color:#a8aebc;
line-height:1.65
}
.premium-order{
margin-top:78px;
padding:clamp(26px,5vw,48px);
text-align:center;
border:1px solid rgba(255,255,255,.10);
border-radius:28px;
background:
radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary,#8b5cf6) 15%,transparent),transparent 44%),
rgba(255,255,255,.035)
}
.premium-order h2{
margin:14px auto 10px;
max-width:760px;
font-size:clamp(34px,5vw,54px);
letter-spacing:-.04em
}
.premium-order>p{
max-width:720px;
margin:0 auto;
color:#a6acba;
line-height:1.65
}
.premium-order-price{
margin:22px 0 16px;
font-size:clamp(38px,6vw,58px);
font-weight:950
}
.premium-order-button{
min-height:58px;
padding:0 32px;
text-transform:uppercase;
letter-spacing:.02em
}
.premium-contact-panel{
max-width:820px;
margin:26px auto 0;
padding:22px;
text-align:left;
border:1px solid rgba(255,255,255,.09);
border-radius:20px;
background:#10131c
}
.premium-contact-panel[hidden]{display:none!important}
.premium-contact-panel h3{margin:0 0 5px}
.premium-contact-panel>p{
margin:0 0 15px;
color:#9299a8
}
.premium-contact-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px
}
.premium-contact-link{
display:grid;
grid-template-columns:1fr auto;
gap:3px 12px;
padding:14px 15px;
border:1px solid rgba(255,255,255,.08);
border-radius:13px;
background:rgba(255,255,255,.045);
text-decoration:none
}
.premium-contact-link b{grid-column:1}
.premium-contact-link span{
grid-column:1;
color:#9299a8;
font-size:12px
}
.premium-contact-link i{
grid-column:2;
grid-row:1/3;
align-self:center;
font-style:normal;
color:#c8b8ff;
font-size:18px
}
@media(max-width:900px){
.premium-hero{grid-template-columns:1fr}
.premium-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
/* На телефоне вместо широкой плашки — только круглая кнопка 💬. */
.help-widget{
left:auto!important;
right:16px!important;
bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
width:auto!important;
}
.help-main{
width:56px!important;
height:56px!important;
min-width:56px!important;
min-height:56px!important;
padding:0!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,var(--primary,#8b5cf6),var(--accent,#ec4899))!important;
font-size:0!important;
}
.help-main .help-dot,
.help-main .help-label{display:none!important}
.help-main .help-icon{
display:block!important;
font-size:22px!important;
line-height:1!important
}
.help-menu{
left:auto!important;
right:0!important;
bottom:68px!important;
width:min(320px,calc(100vw - 32px))!important;
max-height:min(62vh,430px);
overflow:auto;
}
.premium-page{padding:42px 16px 120px}
.premium-hero{padding:24px 20px;border-radius:24px}
.premium-feature-grid,
.premium-process-grid,
.premium-contact-grid{grid-template-columns:1fr}
.premium-section{padding-top:60px}
.premium-note{flex-direction:column}
.premium-order{margin-top:58px}
.premium-order-button{width:100%;height:auto;padding:16px 18px;line-height:1.3}
}
/* FULL 1.2.8 — SEO-навигация */
.seo-home-links .section-head p{
max-width:720px;
color:#9da3b2;
line-height:1.6
}
.seo-home-grid,
.seo-related-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
.seo-home-grid a,
.seo-related-grid a{
position:relative;
display:grid;
gap:6px;
padding:17px 45px 17px 18px;
border:1px solid rgba(255,255,255,.08);
border-radius:15px;
background:rgba(255,255,255,.035);
text-decoration:none;
transition:.18s ease
}
.seo-home-grid a:hover,
.seo-related-grid a:hover{
transform:translateY(-2px);
border-color:rgba(139,92,246,.30);
background:rgba(139,92,246,.06)
}
.seo-home-grid span,
.seo-related-grid span{
color:#8f96a6;
font-size:11px
}
.seo-home-grid b,
.seo-related-grid b{
color:#f2f3f6;
font-size:15px;
line-height:1.35
}
.seo-home-grid i,
.seo-related-grid i{
position:absolute;
right:17px;
top:50%;
transform:translateY(-50%);
color:#bdaeff;
font-style:normal
}
.seo-related{
margin-top:24px;
padding:25px;
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
background:rgba(255,255,255,.025)
}
.seo-related-head{
margin-bottom:16px
}
.seo-related-head h2{
margin:11px 0 0;
font-size:26px
}
@media(max-width:650px){
.seo-home-grid,
.seo-related-grid{grid-template-columns:1fr}
.seo-related{padding:18px}
}
/* FULL 1.2.9 — отдельная страница примеров, только ручная загрузка */
.hero-actions{flex-wrap:wrap}
.hero-examples-btn{white-space:nowrap}
.examples-shell{max-width:1320px}
.examples-hero{max-width:900px}
.examples-hero p{max-width:780px;margin-left:auto;margin-right:auto}
.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.example-song-card{
min-height:100%;
grid-template-columns:64px minmax(0,1fr);
padding:20px;
border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.032))
}
.example-song-card .showcase-cover{width:64px;height:64px;border-radius:17px}
.example-song-content{min-width:0;display:flex;flex-direction:column}
.example-song-content h2{font-size:22px;line-height:1.25}
.example-song-content p{white-space:normal;line-height:1.62;margin:6px 0 14px}
.example-song-content audio{margin-top:auto;width:100%}
.examples-bottom-cta{
max-width:900px;
margin:55px auto 0;
padding:32px 26px;
text-align:center;
border:1px solid rgba(255,255,255,.09);
border-radius:24px;
background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary,#8b5cf6) 12%,transparent),transparent 60%),rgba(255,255,255,.035)
}
.examples-bottom-cta h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px}
.examples-bottom-cta p{color:#a2a8b6;margin:0 auto 20px;max-width:640px}
.examples-bottom-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.examples-bottom-actions .btn{min-width:190px}
@media(max-width:1000px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
.examples-grid{grid-template-columns:1fr}
.example-song-card{grid-template-columns:54px minmax(0,1fr);padding:17px}
.example-song-card .showcase-cover{width:54px;height:54px}
.examples-bottom-actions{display:grid;grid-template-columns:1fr}
.examples-bottom-actions .btn{width:100%;min-width:0}
}
/* FULL 1.3.0 — очищенная главная, цветные CTA, промокоды, фотосессии */
.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:86px;padding-bottom:96px}.hero-copy{max-width:1050px}.hero-actions{align-items:stretch}.hero-create-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.hero-premium-btn{background:linear-gradient(135deg,#f97316,#ec4899)}.hero-examples-btn{background:linear-gradient(135deg,#2563eb,#8b5cf6);border:0}.hero-photo-btn{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:0}.section-head>.pill:empty{display:none}.site-footer{align-items:center}.site-footer p{margin:5px 0 0}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#b6bac6;text-decoration:none}.site-footer small{color:#777d8b}.promo-box{margin:15px 0 0}.promo-box label{display:block;font-size:12px;color:#9da3b2;margin-bottom:6px}.promo-row{display:flex;gap:8px}.promo-row input{min-width:0;flex:1;padding:12px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#0c1018;color:#fff}.promo-row .btn{min-height:44px;padding:0 14px}.promo-box small{display:block;color:#858b99;margin-top:7px;max-width:330px}.photoshoot-page,.photoshoot-result{max-width:1180px;margin:auto;padding:64px 22px 110px}.photoshoot-hero{max-width:900px;margin-bottom:28px}.photoshoot-hero h1{font-size:clamp(42px,6.5vw,72px);line-height:1.02;letter-spacing:-.05em;margin:14px 0}.photoshoot-hero>p{font-size:18px;color:#aeb3c0;line-height:1.65}.photoshoot-price{display:flex;gap:12px;align-items:baseline;margin-top:20px}.photoshoot-price strong{font-size:38px}.photoshoot-price span{color:#9096a5}.photoshoot-builder{display:grid;gap:14px}.photo-step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.035)}.photo-step-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#06b6d4,#8b5cf6);font-weight:900}.photo-step h2{margin:3px 0 6px}.photo-step>div>p{color:#969cab}.photo-upload{display:grid;gap:7px;padding:20px;border:1px dashed rgba(255,255,255,.18);border-radius:15px;cursor:pointer;background:rgba(255,255,255,.025)}.photo-upload input{width:100%}.photo-upload span{font-weight:850}.photo-upload small{color:#858b99}.photo-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.photo-choice{cursor:pointer;position:relative}.photo-choice input{position:absolute;opacity:0}.photo-choice span,.photo-choice b{display:block}.photo-choice{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03)}.photo-choice span{font-size:24px;margin-bottom:8px}.photo-choice input:checked~b{color:#fff}.photo-choice:has(input:checked){border-color:#7c8cff;background:rgba(99,102,241,.12);box-shadow:0 0 0 1px rgba(139,92,246,.25)}.photo-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:23px;border:1px solid rgba(6,182,212,.25);border-radius:20px;background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(139,92,246,.06))}.photo-checkout>div span{display:block;color:#8f95a4;font-size:12px}.photo-checkout>div strong{font-size:32px}.photo-progress{max-width:700px;margin:20px auto;padding:28px;text-align:center;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.035)}.photo-spinner{font-size:42px;animation:processingSpin 2s linear infinite}.photo-progress b{display:block;margin:10px 0 16px}.photo-progress small{display:block;color:#8c93a3;margin-top:11px}.photo-progress.failed{border-color:rgba(235,76,95,.35)}.photo-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.photo-results-grid article{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035)}.photo-results-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:10px}.photo-results-grid .btn{width:100%}.photoshoot-result-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.photoshoot-result .content-hero{text-align:center}.photoshoot-result .content-hero h1{font-size:clamp(38px,6vw,64px)}
@media(max-width:800px){.photo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-checkout{grid-template-columns:1fr}.photo-checkout .btn{width:100%}.photo-results-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero-actions{display:grid}.hero-actions .btn{width:100%}.photo-step{grid-template-columns:1fr}.photo-step-num{width:36px;height:36px}.photo-choice-grid{grid-template-columns:1fr 1fr}.photoshoot-page,.photoshoot-result{padding-left:16px;padding-right:16px}.footer-links{display:grid}.promo-row{flex-direction:column}}
/* FULL 1.3.2 — постоянные гостевые песни и привязка email */
.guest-email-save{
margin:22px 0;
padding:24px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);
gap:24px;
align-items:center;
border:1px solid rgba(139,92,246,.25);
border-radius:22px;
background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(236,72,153,.045));
}
.guest-email-copy h2{margin:11px 0 8px;font-size:28px}
.guest-email-copy p{margin:0;color:#9fa5b4;line-height:1.6}
.guest-email-form{display:grid;gap:10px}
.guest-email-form input{
width:100%;padding:13px 14px;border-radius:12px;
border:1px solid rgba(255,255,255,.13);background:#0d1018;color:#fff;font:inherit
}
.guest-email-form small{color:#7f8696;line-height:1.4}
.guest-email-status{min-height:19px;font-size:12px;color:#9da4b3;line-height:1.45}
.guest-email-status.success{color:#7fdaa8}.guest-email-status.error{color:#ff9ba6}.guest-email-status.active{color:#c4b6ff}
.song-email-saved{display:block;color:#78d5a1!important;margin-bottom:4px}
.guest-persistence-card{border-color:rgba(46,180,112,.23);background:linear-gradient(135deg,rgba(46,180,112,.075),rgba(139,92,246,.045))}
@media(max-width:760px){.guest-email-save{grid-template-columns:1fr;padding:19px}.guest-email-form .btn{width:100%}}
.photoshoot-setup-notice{max-width:760px;margin:70px auto;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.04)}
.photoshoot-setup-notice h1{font-size:40px;margin:14px 0 10px}.photoshoot-setup-notice p{color:#a2a8b6;line-height:1.65}.photoshoot-setup-notice small{display:block;margin-top:14px;color:#ff9aa5}
/* FULL 1.3.3 — компактный вертикальный список примеров */
.examples-shell{max-width:1040px}
.examples-hero{max-width:780px;margin-left:auto;margin-right:auto}
.examples-grid{
display:grid!important;
grid-template-columns:minmax(0,760px)!important;
justify-content:center;
gap:11px;
max-width:780px;
margin:0 auto
}
.example-song-card{
min-height:0;
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:13px;
padding:14px 15px;
border-radius:17px;
background:rgba(255,255,255,.038)
}
.example-song-card .showcase-cover{
width:46px;height:46px;border-radius:13px;
font-size:18px
}
.example-song-content{gap:1px}
.example-song-style{
display:block;
color:#969cab;
font-size:11px;
margin:1px 0 2px
}
.example-song-content h2{
margin:0 0 10px;
font-size:18px;
line-height:1.25
}
.example-song-content audio{
width:100%;
margin:0;
min-height:38px
}
@media(max-width:650px){
.examples-grid{grid-template-columns:1fr!important}
.example-song-card{grid-template-columns:40px minmax(0,1fr);padding:12px}
.example-song-card .showcase-cover{width:40px;height:40px;border-radius:11px}
.example-song-content h2{font-size:17px}
}
/* FULL 1.4.0 — email recovery, reviews and visual photo presets */
.recovery-shell{max-width:720px;margin:0 auto;padding:70px 18px 120px}
.recovery-card{padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.04)}
.recovery-card h1{font-size:clamp(34px,6vw,52px);margin:14px 0 12px}
.recovery-card>p{color:#a6acba;line-height:1.65}
.recovery-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:22px 0 10px}
.recovery-form input{min-width:0;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0c1018;color:#fff;font:inherit}
.guest-notify-check{display:flex;align-items:flex-start;gap:9px;color:#c2c7d3;font-size:13px;line-height:1.45}
.guest-notify-check input{width:auto;margin-top:3px}
.photo-email-step .wizard-input{max-width:560px}
.photo-notify-row{margin-top:11px}
.photo-style-choice{overflow:hidden;padding:0!important}
.photo-style-choice img,.photo-style-fallback{display:block!important;width:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important;border-radius:14px 14px 0 0}
.photo-style-fallback{display:grid!important;place-items:center;font-size:36px!important;background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(139,92,246,.20))}
.photo-style-choice b{padding:12px 13px 14px}
.photo-style-choice:has(input:checked) img{filter:saturate(1.12)}
.home-reviews .section-head p{color:#979eae}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.review-card{padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}
.review-stars{color:#fbbf24;letter-spacing:2px;font-size:13px}
.review-card p{color:#d7dae2;line-height:1.65;margin:13px 0 16px}
.review-card b{font-size:13px;color:#9da4b3}
@media(max-width:850px){.reviews-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.recovery-form{grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr}.photo-style-grid{grid-template-columns:1fr 1fr}}
/* v1.4.3: transparent neon logo in site header/footer */
.brand{
display:inline-block;
width:min(320px,52vw);
height:84px;
background:url('/assets/img/hitodel-logo.png') left center / contain no-repeat;
background-color:transparent;
text-indent:-9999px;
overflow:hidden;
white-space:nowrap;
font-size:0 !important;
line-height:0;
flex-shrink:0;
}
.site-header .brand,
.wizard-header .brand{
width:min(300px,48vw);
height:76px;
}
.closed-card .brand,
.payment-result .brand,
.site-footer .brand,
footer .brand,
.public-shell .brand{
background-position:center;
margin-inline:auto;
}
@media(max-width:850px){
.brand{width:min(240px,54vw);height:62px}
.site-header .brand,.wizard-header .brand{width:min(230px,52vw);height:58px}
}
@media(max-width:520px){
.brand{width:min(190px,50vw);height:48px}
.site-header .brand,.wizard-header .brand{width:min(190px,50vw);height:48px}
}
/* FULL 1.4.5 — оферта и согласие прямо в конструкторе */
.legal-consent-card{max-width:920px}
.legal-inline-intro{margin:0 0 18px;color:#aeb3c0;line-height:1.65}
.legal-inline-documents{display:grid;gap:11px;margin:18px 0 20px}
.legal-inline-doc{
border:1px solid rgba(255,255,255,.10);
border-radius:16px;
background:rgba(255,255,255,.035);
overflow:hidden
}
.legal-inline-doc summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:15px 17px;
cursor:pointer;
list-style:none;
font-weight:850
}
.legal-inline-doc summary::-webkit-details-marker{display:none}
.legal-inline-doc summary:after{
content:'+';
flex:0 0 auto;
width:25px;
height:25px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.07);
color:#c8b7ff
}
.legal-inline-doc[open] summary:after{content:'−'}
.legal-inline-doc summary span{flex:1}
.legal-inline-doc summary small{
color:#848b9b;
font-size:11px;
font-weight:500
}
.legal-inline-scroll{
max-height:280px;
overflow:auto;
padding:17px 18px 20px;
border-top:1px solid rgba(255,255,255,.07);
color:#c9cdd7;
line-height:1.65;
font-size:14px;
scrollbar-width:thin
}
.legal-inline-scroll h1,
.legal-inline-scroll h2,
.legal-inline-scroll h3{color:#fff;line-height:1.25}
.legal-inline-scroll h2{font-size:20px}
.legal-inline-scroll h3{font-size:16px}
.legal-inline-scroll p:first-child{margin-top:0}
.legal-inline-scroll p:last-child{margin-bottom:0}
.legal-consent-card .consent-box{margin-top:18px}
.legal-consent-note{margin:10px 2px 0;color:#7f8696;font-size:12px;line-height:1.5}
@media(max-width:620px){
.legal-inline-doc summary{align-items:flex-start;flex-wrap:wrap;padding:14px}
.legal-inline-doc summary small{width:100%;order:2}
.legal-inline-scroll{max-height:240px;padding:14px;font-size:13px}
}
/* FULL 1.4.6 — юридические ссылки в шапке */
.mobile-docs-menu{display:none;position:relative}
.mobile-docs-menu summary{
list-style:none;
cursor:pointer;
color:#c8cad4;
font-size:12px;
padding:8px 10px;
border:1px solid rgba(255,255,255,.10);
border-radius:10px;
background:rgba(255,255,255,.04)
}
.mobile-docs-menu summary::-webkit-details-marker{display:none}
.mobile-docs-menu>div{
position:absolute;
right:0;
top:calc(100% + 8px);
width:230px;
padding:8px;
border:1px solid rgba(255,255,255,.10);
border-radius:13px;
background:#11151f;
box-shadow:0 22px 60px rgba(0,0,0,.48);
z-index:80
}
.mobile-docs-menu>div a{
display:block;
padding:10px 11px;
border-radius:9px;
text-decoration:none;
color:#d9dce5;
font-size:12px
}
.mobile-docs-menu>div a:hover{background:rgba(255,255,255,.06)}
.site-header nav{gap:18px}
.site-header nav .legal-nav-link{font-size:12px;color:#9fa4b3}
@media(max-width:1180px){
.site-header nav{gap:12px}
.site-header nav a{font-size:12px}
.site-header nav .legal-nav-link{font-size:11px}
}
@media(max-width:850px){
.mobile-docs-menu{display:block}
}
@media(max-width:620px){
.mobile-docs-menu summary{padding:7px 9px;font-size:11px}
.site-header .header-actions .btn.small{display:none}
}
/* FULL 1.4.7 — согласие внизу финального (9-го) шага конструктора */
.summary-legal-block{
margin-top:28px;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.10)
}
.summary-legal-head h3{
margin:9px 0 8px;
font-size:clamp(22px,3vw,30px);
letter-spacing:-.02em
}
.summary-consent-box{
margin-top:16px!important;
padding:16px;
border:1px solid rgba(139,92,246,.22);
border-radius:15px;
background:rgba(139,92,246,.055)
}
.summary-card.invalid .summary-consent-box{
border-color:rgba(239,68,68,.65);
box-shadow:0 0 0 3px rgba(239,68,68,.08)
}
.summary-card.invalid .validation-msg{display:block}
@media(max-width:620px){
.summary-legal-block{margin-top:22px;padding-top:20px}
}
/* FULL 1.4.9 — кликабельные проекты и заметные ошибки оплаты */
.account-project-card{cursor:pointer}
.account-project-card:focus-visible{outline:2px solid var(--primary,#8b5cf6);outline-offset:3px}
.account-project-open{
display:inline-flex;
margin-top:10px;
color:#d7c8ff;
font-weight:800;
font-size:12px;
text-decoration:none
}
.account-project-open:hover{text-decoration:underline}
.payment-inline-status{
margin-top:10px;
max-width:360px;
font-size:12px;
line-height:1.45;
color:#989eac
}
.payment-inline-status.active{color:#cbbcff}
.payment-inline-status.success{color:#8de2b0}
.payment-inline-status.error{
padding:10px 12px;
border-radius:10px;
background:rgba(235,76,95,.10);
color:#ffadb5;
border:1px solid rgba(235,76,95,.25)
}
#payButton:disabled{opacity:.55;cursor:not-allowed}
/* FULL 1.5.0 — лимиты генераций и срок хранения */
.free-run-counter{margin:14px 0;color:#aeb3c0;font-size:13px}
.music-rerun-card,.music-retention-notice{
margin-top:16px;padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035)
}
.music-rerun-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.music-rerun-card h2{margin:9px 0 7px;font-size:21px}.music-rerun-card p{margin:0;color:#aeb3c0;max-width:720px}
.music-retention-notice{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.055)}
.music-retention-notice>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.music-retention-notice b{font-size:16px}
.music-retention-notice p{color:#c1b9aa;margin:11px 0 8px}.music-retention-notice small{color:#e8c98c}
.song-expiry,.song-expired{display:block!important;margin-top:6px}.song-expiry{color:#e8c98c!important}.song-expired{color:#d58b95!important}
@media(max-width:680px){.music-rerun-card{align-items:stretch;flex-direction:column}.music-rerun-card .btn{width:100%}}
/* FULL 1.5.5 — подсказка о папке «Спам» */
.mail-spam-hint{
display:block;
margin-top:8px;
color:#d5b879!important;
font-size:12px;
line-height:1.45
}
/* FULL 1.6.0 — social auth + first song free */
.social-auth-block{margin:18px 0 22px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#777f90;font-size:12px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:rgba(255,255,255,.09);flex:1}
.social-auth-buttons{display:grid;gap:9px}
.social-auth-btn{
min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:13px;
border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#fff;text-decoration:none;font-weight:800
}
.social-auth-btn b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#111;font-size:12px}
.social-auth-btn.yandex b{background:#fc3f1d;color:#fff}
.social-auth-btn.vk b{background:#07f;color:#fff}
.social-auth-btn.max b{background:#5b5df0;color:#fff}
.social-auth-btn.telegram b{background:#229ED9;color:#fff}
.social-auth-btn:hover{transform:translateY(-1px);border-color:rgba(236,72,153,.35)}
.welcome-offer-mini{
display:grid;gap:5px;margin:14px 0;padding:13px 14px;border-radius:13px;
border:1px solid rgba(236,72,153,.22);background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.07))
}
.welcome-offer-mini b{color:#fff}.welcome-offer-mini span{font-size:12px;color:#aeb3c0;line-height:1.45}
.account-offer-status{display:grid;gap:4px;margin-top:16px;max-width:620px;padding:13px 15px;border-radius:14px}
.account-offer-status.available{border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.055)}
.account-offer-status.used{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
.account-offer-status span{font-size:12px;color:#9fa6b5}
.account-linked-providers{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.account-linked-providers span{padding:6px 9px;border-radius:999px;background:#181d28;border:1px solid #2a3040;font-size:11px}
.welcome-free-pay{border-color:rgba(34,197,94,.25)!important;background:linear-gradient(135deg,rgba(34,197,94,.055),rgba(139,92,246,.055))!important}
.welcome-auth-actions{display:grid;gap:9px;min-width:min(100%,330px)}
@media(max-width:680px){.welcome-auth-actions{min-width:0}.welcome-auth-actions .btn{width:100%}}
/* FULL 1.6.1 — first-free hero + phone auth */
.hero-free-pill{
border-color:rgba(34,197,94,.35)!important;
background:rgba(34,197,94,.08)!important;
color:#b9f6cd!important
}
.hero-free-note{
display:grid;gap:5px;max-width:680px;margin:16px 0 4px;padding:14px 16px;border-radius:16px;
border:1px solid rgba(236,72,153,.24);
background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(236,72,153,.08))
}
.hero-free-note b{font-size:17px;color:#fff}
.hero-free-note span{font-size:13px;line-height:1.5;color:#c2c6d1}
.registration-required-text{
font-weight:800;color:#fff!important;padding:12px 13px;border-radius:12px;
background:rgba(236,72,153,.07);border:1px solid rgba(236,72,153,.18)
}
.social-auth-btn.phone b{background:#22c55e;color:#07150c}
.phone-code-sent{
padding:12px 13px;border-radius:12px;background:rgba(34,197,94,.06);
border:1px solid rgba(34,197,94,.18);font-size:13px
}
.phone-code-input{font-size:24px!important;letter-spacing:.28em;text-align:center;font-weight:900}
.phone-resend-form{margin-top:10px}
.phone-resend-form .btn{width:100%}
@media(max-width:720px){
.hero-free-note{margin-top:13px;padding:12px 13px}
.hero-free-note b{font-size:15px}
}
/* FULL 1.6.2 — official VK ID OAuthList */
.vkid-oauth-wrap{
margin:10px 0 2px;
padding:13px;
border:1px solid rgba(255,255,255,.09);
border-radius:15px;
background:rgba(255,255,255,.025);
overflow:hidden
}
.vkid-oauth-title{
margin-bottom:3px;
color:#fff;
font-weight:800;
font-size:13px
}
.vkid-oauth-subtitle{
margin-bottom:10px;
color:#8f97a8;
font-size:11px;
line-height:1.4
}
.vkid-oauth-list{
width:100%;
min-height:44px;
overflow:hidden
}
.vkid-oauth-list iframe,
.vkid-oauth-list>div,
.vkid-oauth-list [class*="OAuthList"]{
max-width:100%!important
}
.vkid-oauth-status{
min-height:0;
margin-top:7px;
color:#9fa6b5;
font-size:11px;
line-height:1.35
}
.vkid-oauth-status:empty{display:none}
.vkid-oauth-status.error{color:#ff9da7}
@media(max-width:560px){
.vkid-oauth-wrap{padding:11px}
.vkid-oauth-title{font-size:12px}
.vkid-oauth-list{min-height:42px}
}
/* FULL 1.6.3 — authorization only after DEMO */
.final-demo-auth{
border-color:rgba(34,197,94,.25)!important;
background:linear-gradient(135deg,rgba(34,197,94,.055),rgba(139,92,246,.06))!important
}
.final-demo-auth h2{font-size:clamp(22px,3vw,32px)}
.final-demo-auth p{max-width:690px}
.final-auth-card h1{
font-size:clamp(22px,4.3vw,34px);
line-height:1.05;
letter-spacing:.01em;
text-align:center
}
.final-auth-lead{
margin:12px auto 4px;
max-width:560px;
text-align:center;
color:#c9cdd7!important;
line-height:1.55
}
.final-social-auth .auth-divider{display:none}
.auth-no-email-note{
margin-top:14px;
padding:10px 12px;
border-radius:11px;
background:rgba(255,255,255,.025);
color:#858d9c;
font-size:11px;
line-height:1.45;
text-align:center
}
@media(max-width:600px){
.final-auth-card h1{font-size:23px}
.final-demo-auth .welcome-auth-actions .btn{width:100%}
}
/* FULL 1.6.5 — MAX website authorization */
.max-login-card{text-align:center}
.max-login-open{width:100%;margin:18px 0 10px}
.max-login-wait{margin:10px 0 16px;padding:11px 12px;border-radius:12px;border:1px solid rgba(91,93,240,.22);background:rgba(91,93,240,.06);color:#b9bed0;font-size:12px}
/* FULL 1.6.9 — passwordless email login */
.social-auth-btn.email b{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}
.email-auth-card{max-width:560px}
.email-code-sent,.email-auth-help{
margin:10px 0;padding:12px 14px;border:1px solid rgba(139,92,246,.2);
border-radius:12px;background:rgba(139,92,246,.06);color:#c8cbd5;font-size:13px
}
.email-code-input{
text-align:center!important;font-size:30px!important;letter-spacing:12px!important;font-weight:900!important
}
.email-resend-form{margin-top:10px}
/* FULL 1.6.10 — compact VK ID authorization */
.vkid-oauth-subtitle{display:none!important}
.vkid-oauth-list [data-testid*="disclaimer"],
.vkid-oauth-list [class*="Disclaimer"],
.vkid-oauth-list [class*="disclaimer"]{display:none!important}
/* FULL 1.6.13 — credits, account orders, mobile header, contacts */
.mobile-header-link{display:none;text-decoration:none;color:#f3f4f8;font-size:12px;font-weight:800;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.05)}
.account-credit-card{display:grid;gap:3px;width:min(390px,100%);margin:18px 0;padding:16px 18px;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:rgba(139,92,246,.08)}
.account-credit-card span,.account-credit-card small{color:#a9afbd;font-size:12px}
.account-credit-card b{font-size:24px}
.account-orders-only{max-width:1080px}
.account-order-list{display:grid;gap:18px}
.account-order-card{padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045)}
.account-order-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.account-order-head h2{margin:8px 0 3px}
.account-order-head small{color:#8f96a6}
.account-order-variants{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-variant{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.12)}
.account-variant h3{margin:9px 0}
.account-variant audio{width:100%;margin:6px 0 10px}
.account-variant small{display:block;color:#9aa1af;margin:6px 0}
.credit-pay-note{font-size:13px!important;color:#b6b9c5!important}
.contact-page-shell{min-height:calc(100vh - 74px);display:grid;place-items:start center;padding:70px 20px 120px}
.contact-page-card{width:min(720px,100%);padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:rgba(255,255,255,.045)}
.contact-page-card h1{font-size:clamp(38px,6vw,62px);margin:14px 0}
.contact-page-card>p{color:#aeb3c0}
.contact-page-list{display:grid;gap:10px;margin-top:24px}
.contact-page-list a{display:grid;grid-template-columns:1fr auto 24px;gap:12px;align-items:center;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.035)}
.contact-page-list a span{font-weight:800}
.contact-page-list a b{color:#b8becb;font-size:13px}
.contact-page-list a i{font-style:normal}
@media(max-width:850px){
.mobile-docs-menu{display:none!important}
.mobile-header-link{display:inline-flex;align-items:center;justify-content:center}
.desktop-header-link{display:none!important}
.site-header .header-actions{gap:6px}
}
@media(max-width:620px){
.site-header{padding:0 10px;gap:8px}
.site-header .brand{width:min(135px,34vw);height:42px}
.mobile-header-link{padding:7px 8px;font-size:10px;white-space:nowrap}
.account-order-head{align-items:flex-start;flex-direction:column}
.account-order-open{width:100%}
.account-order-variants{grid-template-columns:1fr}
.contact-page-card{padding:22px 16px}
.contact-page-list a{grid-template-columns:1fr 20px}
.contact-page-list a b{grid-column:1/-1;grid-row:2}
}
/* FULL 1.6.14 — My Songs: generated orders only */
.generated-songs-only{max-width:1080px}
.my-songs-orders{display:grid;gap:18px}
.generated-songs-only .account-order-card{width:100%}
/* FULL 1.6.17 — direct downloads */
.direct-download-tracks .track-card{border-color:rgba(139,92,246,.35)}
.always-downloadable{display:grid;gap:10px}
.always-downloadable audio{width:100%}
.music-complete-download-note{margin:20px 0;padding:18px;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:rgba(139,92,246,.07)}
.music-complete-download-note p{color:#aeb4c2}
/* FULL 1.6.19 — fixed header actions + demo/auth/pay flow */
.header-quick-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.header-quick-btn,.header-quick-back{
display:inline-flex;align-items:center;justify-content:center;min-height:38px;
padding:8px 12px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800;
white-space:nowrap
}
.header-quick-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#f5f6fa}
.header-quick-btn.question{border-color:rgba(236,72,153,.32);background:rgba(236,72,153,.08)}
.header-quick-back{color:#aeb4c2;background:transparent;border:1px solid rgba(255,255,255,.08)}
.wizard-header .header-quick-actions{margin-left:auto}
.site-header .header-actions .header-quick-actions{margin-left:0}
.demo-tracks .track-card audio{width:100%}
.final-demo-auth,.music-complete-download-note{margin-top:18px}
.account-order-pay{margin-top:12px}
@media(max-width:850px){
.site-header nav{display:none!important}
.site-header .header-actions{display:flex!important;align-items:center;gap:6px;margin-left:auto}
.site-header .header-actions .header-create-btn{display:none!important}
.header-quick-actions{gap:5px}
.header-quick-btn,.header-quick-back{font-size:10px;padding:7px 8px;min-height:34px}
.wizard-header{gap:8px}
.wizard-header .save-state{display:none}
}
@media(max-width:520px){
.wizard-header{padding-left:10px;padding-right:10px}
.wizard-header .brand{max-width:120px}
.header-quick-actions{flex-wrap:wrap;justify-content:flex-end}
.header-quick-back{order:3;width:100%}
}
/* FULL 1.6.20 — professional / personal song page */
.premium-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.premium-choice-box{padding:24px;border:1px solid rgba(139,92,246,.28);border-radius:22px;background:linear-gradient(180deg,rgba(139,92,246,.10),rgba(255,255,255,.025));align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.premium-choice-box h2{margin:12px 0 8px;font-size:clamp(24px,3vw,34px)}
.premium-choice-box p{color:#b1b6c3;line-height:1.65}
.professional-use-grid .premium-feature-card{min-height:220px}
.professional-auto-note .btn{margin-top:14px}
.professional-home-card{display:flex;flex-direction:column;justify-content:center;gap:16px}
.professional-home-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.premium-hero-actions,.professional-home-actions{flex-direction:column}.premium-hero-actions .btn,.professional-home-actions .btn{width:100%}.premium-choice-box{margin-top:4px}}
/* FULL 1.6.21 — permanent three-button headers */
.header-quick-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.header-quick-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:38px;padding:8px 12px;border-radius:11px;
text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.06);color:#f5f6fa
}
.header-quick-btn.question{border-color:rgba(236,72,153,.32);background:rgba(236,72,153,.08)}
.header-quick-btn.home{border-color:rgba(139,92,246,.32);background:rgba(139,92,246,.08)}
.header-quick-back,.wizard-exit{display:none!important}
@media(max-width:850px){
.header-quick-actions{gap:5px;flex-wrap:nowrap}
.header-quick-btn{font-size:10px;padding:7px 8px;min-height:34px}
}
@media(max-width:560px){
.header-quick-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}
.header-quick-btn{font-size:9px;padding:6px 7px}
}
/* FULL 1.6.26 — giant scrolling Hitodel logo inside homepage hero */
.hero{
isolation:isolate;
}
.hero::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background-image:url('/assets/img/hitodel-logo-transparent.png');
background-repeat:no-repeat;
background-position:center center;
background-size:92% auto;
opacity:.075;
transform:scale(1.06);
transform-origin:center center;
}
.hero::after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(90deg,rgba(9,11,19,.42) 0%,rgba(9,11,19,.12) 42%,rgba(9,11,19,.20) 100%);
}
.hero-copy,
.hero .orb{
position:relative;
z-index:2;
}
.hero .orb{
position:absolute;
}
@media(max-width:850px){
.hero::before{
background-size:125% auto;
background-position:center 46%;
opacity:.065;
}
}
@media(max-width:520px){
.hero::before{
background-size:165% auto;
background-position:center 40%;
opacity:.055;
}
}
/* FULL 1.6.27 — one-page creator + public chart/authors */
.market-body{background:#f6f7fb;color:#0a1533}
.market-header{min-height:68px;display:flex;align-items:center;gap:30px;padding:0 clamp(18px,5vw,70px);background:#fff;border-bottom:1px solid #e7e9f2;position:sticky;top:0;z-index:50}
.market-logo img{width:142px;height:58px;object-fit:contain}.market-header nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}.market-header nav a{text-decoration:none;color:#24324f;font-size:14px;font-weight:700}.market-header nav a.active{color:#6f22ff}.market-header .header-quick-btn{color:#1b2340;background:#fff;border-color:#d8dceb}.market-shell{width:min(1210px,calc(100% - 32px));margin:0 auto;padding:54px 0 90px}.market-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7a42ff;font-weight:900}
.quick-create-hero{padding:46px 20px 70px;background:linear-gradient(135deg,#7d27f5 0%,#d725e8 100%);color:#fff}.quick-create-title{max-width:900px;margin:0 auto 28px;text-align:center}.quick-create-title h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:10px 0 16px;letter-spacing:-.045em}.quick-create-title h1 em{font-style:normal;color:#ffd42a}.quick-create-title p{font-size:18px;line-height:1.65;max-width:820px;margin:auto;color:rgba(255,255,255,.9)}
.quick-create-card{width:min(1020px,100%);margin:auto;background:#fff;color:#10172c;border-radius:30px;padding:26px;box-shadow:0 28px 80px rgba(58,12,116,.3)}
.quick-mode-tabs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.quick-mode-tabs button,.quick-mode-tabs a{border:1px solid #d9ddea;background:#fff;color:#3b4662;border-radius:12px;padding:11px 15px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.quick-mode-tabs button.active{background:#ffd229;border-color:#ffd229;color:#111}
.quick-create-card textarea{width:100%;min-height:250px;resize:vertical;border:1px solid #cfd5e6;border-radius:18px;padding:18px;font:inherit;box-sizing:border-box;color:#15203a;background:#fbfcff;outline:none}.quick-create-card textarea:focus{border-color:#8246ff;box-shadow:0 0 0 3px rgba(130,70,255,.12)}
.quick-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.quick-controls select{min-width:0;border:1px solid #d5dbea;background:#fff;border-radius:14px;padding:14px;color:#14203c;font:inherit}
.quick-check,.quick-consent{display:flex;align-items:flex-start;gap:9px;color:#526079;font-size:14px}.quick-check{margin:4px 0 16px}.quick-consent{margin:16px 0}.quick-consent a{color:#6c23ff}
.quick-offer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-offer-row>div{border:1px solid #dfe4ef;border-radius:17px;padding:15px;background:#f9fafc}.quick-offer-row>div:first-child{background:#effff8;border-color:#a9edce}.quick-offer-row small{display:block;font-size:10px;letter-spacing:.14em;color:#6f7890;font-weight:900}.quick-offer-row b{display:block;margin-top:4px;font-size:18px}.quick-offer-row>div:first-child b{color:#00a95a}
.quick-submit{width:100%;border:0;border-radius:16px;padding:15px 18px;background:linear-gradient(90deg,#7524ff,#e425e8);color:#fff;display:grid;grid-template-columns:auto auto 1fr;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 10px 24px rgba(128,36,255,.23)}.quick-submit span{font-size:24px}.quick-submit b{font-size:18px}.quick-submit small{font-size:12px;opacity:.9;text-align:left}.quick-submit:disabled{opacity:.65;cursor:wait}.quick-error{color:#c32245;font-weight:700;margin-top:10px;text-align:center}
.market-section{width:min(1210px,calc(100% - 32px));margin:0 auto;padding:70px 0}.market-section-head,.market-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.market-section-head h2,.market-title h1,.authors-hero h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;margin:6px 0}.market-section-head p,.market-title p,.authors-hero p{color:#65718d;max-width:760px}.market-section-head>a{color:#6b20f8;text-decoration:none;font-weight:800}
.home-chart-list,.chart-list{display:grid;gap:12px}.home-chart-row,.chart-row{display:grid;grid-template-columns:48px 64px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e1e5ef;border-radius:22px;padding:14px;text-decoration:none;color:#10182f}.home-chart-rank,.chart-rank{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f4efff;color:#7325ff;font-size:18px;font-weight:950}.home-chart-cover,.chart-cover{width:64px;height:64px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#201a45,#8e37ff);color:#fff;font-size:26px}.home-chart-cover img,.chart-cover img{width:100%;height:100%;object-fit:cover}.home-chart-title b,.chart-main h2{font-size:18px;margin:0}.home-chart-title small,.chart-main p{display:block;color:#65718d;margin-top:4px}.home-chart-tag,.home-chart-play,.chart-tags span{padding:9px 12px;border-radius:12px;background:#f7f5ff;color:#6822ef;font-weight:800;font-size:13px}.home-chart-play{background:linear-gradient(90deg,#7c2cff,#dc25ea);color:#fff}
.market-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.market-tabs a{padding:16px;border:1px solid #dfe3ed;border-radius:15px;background:#fff;text-decoration:none;color:#14203a;font-weight:850}.market-tabs a.active{background:linear-gradient(90deg,#7728ff,#da27e8);color:#fff;border-color:transparent}.chart-row{grid-template-columns:48px 72px minmax(0,1fr) auto auto;padding:16px 18px}.chart-main h2{font-size:22px}.chart-metrics{display:flex;gap:13px;color:#6b7894;font-size:13px;margin-top:7px}.chart-tags{display:flex;gap:7px;flex-wrap:wrap}.chart-actions .btn{min-height:44px;border-radius:13px}.market-empty{padding:30px;border:1px dashed #ccd2e1;border-radius:20px;color:#6c7690;background:#fff}
.home-authors-grid,.authors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home-author-card,.author-card{background:#fff;border:1px solid #e0e4ee;border-radius:22px;padding:22px;text-align:center;text-decoration:none;color:#111a33}.author-avatar{width:82px;height:82px;border-radius:50%;overflow:hidden;margin:0 auto 12px;display:grid;place-items:center;background:#f0e5ff;color:#7627ff;font-size:30px;font-weight:950}.author-avatar img{width:100%;height:100%;object-fit:cover}.home-author-card b,.author-card h2{display:block;font-size:19px}.home-author-card small{color:#6b7690}.authors-hero{display:flex;justify-content:space-between;align-items:center;padding:35px 0}.authors-stat{width:130px;height:130px;border-radius:35px;background:linear-gradient(135deg,#f3e7ff,#fff);display:grid;place-items:center}.authors-stat b{font-size:42px;color:#7625ff}.authors-stat span{margin-top:-34px;color:#68738d}.author-card{position:relative}.author-rank{position:absolute;left:15px;top:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7e8ff;color:#6c20f6;font-weight:900}.author-card p{color:#6a7590;min-height:64px}.author-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:13px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;margin:12px 0}.author-stats span{font-size:11px;color:#758098}.author-stats b{display:block;color:#11192f;font-size:17px}.author-card .btn{width:100%;box-sizing:border-box;color:#5320d6}
.quick-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-how-grid article{background:#fff;border:1px solid #e2e5ee;border-radius:22px;padding:24px}.quick-how-grid article>b{color:#7827ff;font-size:28px}.quick-how-grid h3{font-size:21px;margin:8px 0}.quick-how-grid p{color:#68738c}.market-footer{display:flex;justify-content:space-between;gap:25px;padding:34px clamp(20px,7vw,100px);background:#fff;border-top:1px solid #e3e6ef}.market-footer img{width:120px}.market-footer div:last-child{display:flex;gap:18px;flex-wrap:wrap}.market-footer a{text-decoration:none;color:#4a5773}
.admin-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1050px){
.quick-controls{grid-template-columns:repeat(2,1fr)}
.home-chart-row,.chart-row{grid-template-columns:42px 58px minmax(0,1fr) auto}
.home-chart-tag,.chart-tags{display:none}
.home-authors-grid,.authors-grid{grid-template-columns:repeat(2,1fr)}
.market-header nav{display:none}
}
@media(max-width:700px){
.quick-create-hero{padding:28px 10px 45px}.quick-create-card{padding:16px;border-radius:22px}.quick-controls{grid-template-columns:1fr}.quick-offer-row{grid-template-columns:1fr}.quick-submit{grid-template-columns:auto 1fr}.quick-submit small{grid-column:1/-1;text-align:center}.market-section{padding:46px 0}.market-section-head,.market-title,.authors-hero{align-items:flex-start;flex-direction:column}.market-tabs{grid-template-columns:1fr 1fr}.home-chart-row,.chart-row{grid-template-columns:36px 54px minmax(0,1fr)}.home-chart-play,.chart-actions{grid-column:2/-1}.home-authors-grid,.authors-grid,.quick-how-grid{grid-template-columns:1fr}.market-footer{flex-direction:column}.market-header{padding:0 10px;gap:8px}.market-logo img{width:105px}.market-header .header-quick-btn{font-size:9px;padding:6px}.market-header .header-quick-actions{gap:4px}.admin-metric-grid{grid-template-columns:1fr}
}
/* FULL 1.6.28 — вернуть фирменные цвета Хитодела новому интерфейсу */
.market-body{
background:
radial-gradient(circle at 12% 12%,rgba(139,92,246,.16),transparent 28%),
radial-gradient(circle at 88% 18%,rgba(236,72,153,.12),transparent 26%),
#090B13;
color:#f7f7fb;
}
.market-header{
background:rgba(9,11,19,.90);
border-bottom:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
}
.market-header nav a{color:#c4c6d1}
.market-header nav a:hover,.market-header nav a.active{color:#fff}
.market-header .header-quick-btn{
color:#f7f7fb;
background:rgba(255,255,255,.055);
border-color:rgba(255,255,255,.12);
}
.market-header .header-quick-btn.question{
background:rgba(236,72,153,.10);
border-color:rgba(236,72,153,.38);
}
.market-header .header-quick-btn.home{
background:rgba(139,92,246,.10);
border-color:rgba(139,92,246,.36);
}
.quick-create-hero{
background:
radial-gradient(circle at 10% 0%,rgba(139,92,246,.32),transparent 34%),
radial-gradient(circle at 90% 0%,rgba(236,72,153,.24),transparent 30%),
linear-gradient(180deg,#0d1019 0%,#090B13 100%);
color:#fff;
}
.quick-create-title h1 em{
color:#ec4899;
text-shadow:0 0 22px rgba(236,72,153,.28);
}
.quick-create-title p{color:#c5c7d3}
.quick-create-card{
background:linear-gradient(180deg,rgba(21,24,37,.97),rgba(12,15,25,.98));
color:#f7f7fb;
border:1px solid rgba(255,255,255,.10);
box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.quick-mode-tabs button,
.quick-mode-tabs a{
background:rgba(255,255,255,.055);
color:#d6d8e2;
border-color:rgba(255,255,255,.12);
}
.quick-mode-tabs button:hover,
.quick-mode-tabs a:hover{
background:rgba(139,92,246,.13);
border-color:rgba(139,92,246,.38);
}
.quick-mode-tabs button.active{
background:linear-gradient(135deg,#8B5CF6,#EC4899);
color:#fff;
border-color:transparent;
box-shadow:0 8px 22px rgba(139,92,246,.24);
}
.quick-mode-tabs .quick-generate-text{
font-size:17px;
font-weight:950;
padding:13px 20px;
color:#fff;
background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(236,72,153,.24));
border:1px solid rgba(236,72,153,.42);
box-shadow:0 0 0 1px rgba(139,92,246,.08),0 10px 28px rgba(0,0,0,.22);
}
.quick-mode-tabs .quick-generate-text:hover{
background:linear-gradient(135deg,#8B5CF6,#EC4899);
border-color:transparent;
transform:translateY(-1px);
}
.quick-mode-tabs .quick-generate-text.active{
background:linear-gradient(135deg,#8B5CF6,#EC4899);
color:#fff;
border-color:transparent;
}
.quick-create-card textarea{
color:#f7f7fb;
background:#0d1019;
border-color:rgba(255,255,255,.13);
}
.quick-create-card textarea::placeholder{color:#7f8392}
.quick-create-card textarea:focus{
border-color:#8B5CF6;
box-shadow:0 0 0 3px rgba(139,92,246,.14);
}
.quick-controls select{
background:#0d1019;
color:#f2f3f8;
border-color:rgba(255,255,255,.13);
}
.quick-controls select:focus{
border-color:#8B5CF6;
outline:none;
box-shadow:0 0 0 3px rgba(139,92,246,.12);
}
.quick-controls select option{
background:#111522;
color:#f7f7fb;
}
.quick-check,.quick-consent{color:#b5b8c5}
.quick-consent a{color:#c6a9ff}
.quick-offer-row>div{
background:rgba(255,255,255,.045);
border-color:rgba(255,255,255,.10);
}
.quick-offer-row>div:first-child{
background:rgba(40,200,135,.08);
border-color:rgba(40,200,135,.28);
}
.quick-offer-row small{color:#8f93a1}
.quick-offer-row b{color:#fff}
.quick-offer-row>div:first-child b{color:#69e8ad}
.quick-submit{
background:linear-gradient(135deg,#8B5CF6,#EC4899);
box-shadow:0 12px 32px rgba(139,92,246,.25);
}
.quick-error{color:#ff9cac}
/* Чарт / авторы / остальные новые публичные блоки — тоже фирменные цвета */
.market-section,
.market-shell{color:#f7f7fb}
.market-section-head p,
.market-title p,
.authors-hero p{color:#aeb1be}
.market-section-head>a{color:#c7a8ff}
.home-chart-row,
.chart-row,
.home-author-card,
.author-card,
.quick-how-grid article,
.market-empty{
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
border-color:rgba(255,255,255,.10);
color:#f7f7fb;
box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.home-chart-title small,
.chart-main p,
.home-author-card small,
.author-card p,
.quick-how-grid p{color:#9fa3b1}
.home-chart-rank,
.chart-rank{
background:rgba(139,92,246,.16);
color:#d4c3ff;
}
.home-chart-tag,
.chart-tags span{
background:rgba(139,92,246,.12);
color:#c8b4ff;
}
.home-chart-play{background:linear-gradient(135deg,#8B5CF6,#EC4899)}
.market-tabs a{
background:rgba(255,255,255,.045);
color:#f0f1f6;
border-color:rgba(255,255,255,.10);
}
.market-tabs a.active{
background:linear-gradient(135deg,#8B5CF6,#EC4899);
color:#fff;
}
.chart-metrics{color:#9297a8}
.author-avatar{
background:rgba(139,92,246,.16);
color:#d5c7ff;
}
.author-stats{
border-color:rgba(255,255,255,.08);
}
.author-stats span{color:#8f94a5}
.author-stats b{color:#f7f7fb}
.author-card .btn{color:#fff}
.authors-stat{
background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(236,72,153,.10));
}
.authors-stat b{color:#d2bfff}
.authors-stat span{color:#9fa3b1}
.market-footer{
background:#0b0e17;
border-top-color:rgba(255,255,255,.08);
}
.market-footer a{color:#b5b8c5}
@media(max-width:700px){
.quick-mode-tabs .quick-generate-text{
width:100%;
font-size:16px;
text-align:center;
}
}
/* FULL 1.6.29 — AI mode first + richer prompt hint */
.quick-create-card textarea{
min-height:330px;
line-height:1.6;
}
.quick-create-card textarea::placeholder{
color:#9da1b1;
opacity:1;
white-space:pre-line;
}
.quick-mode-tabs .quick-generate-text.active{
box-shadow:
0 0 0 1px rgba(255,255,255,.08),
0 10px 30px rgba(139,92,246,.30),
0 0 30px rgba(236,72,153,.14);
}
@media(max-width:700px){
.quick-create-card textarea{min-height:390px}
}
/* FULL 1.6.30 — clean one-page creator */
.quick-create-label{
text-align:center;
margin:0 0 12px;
color:#c9b7ff;
font-size:12px;
font-weight:950;
letter-spacing:.14em;
}
.quick-generate-wrap{
display:flex;
flex-direction:column;
align-items:center;
margin:22px 0 20px;
}
.quick-generate-text-main{
width:min(520px,100%);
min-height:72px;
border:1px solid rgba(236,72,153,.42);
border-radius:18px;
background:linear-gradient(135deg,#8B5CF6,#EC4899);
color:#fff;
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
justify-content:center;
column-gap:10px;
padding:13px 24px;
cursor:pointer;
box-shadow:0 13px 36px rgba(139,92,246,.30);
}
.quick-generate-text-main span{font-size:27px;grid-row:1/3}
.quick-generate-text-main b{font-size:20px;letter-spacing:.035em;text-align:center}
.quick-generate-text-main small{font-size:12px;opacity:.88;text-align:center}
.quick-generate-text-main:disabled{opacity:.65;cursor:wait}
.quick-text-status{
min-height:24px;
margin-top:10px;
color:#75e6b0;
text-align:center;
font-size:13px;
font-weight:750;
}
.quick-create-bottom{
display:flex;
flex-direction:column;
align-items:center;
margin-top:18px;
}
.quick-create-bottom .quick-submit{
width:min(650px,100%);
min-height:76px;
}
.quick-create-bottom .quick-submit b{
text-align:center;
font-size:20px;
}
.quick-create-bottom .quick-submit small{
text-align:center;
}
.quick-legal-consent{
max-width:780px;
margin:14px auto 0;
color:#969aa8;
font-size:12px;
line-height:1.6;
text-align:center;
}
.quick-legal-consent a{color:#c8afff}
.public-market-header{position:sticky;top:0;z-index:50}
@media(max-width:700px){
.quick-generate-text-main{min-height:68px;padding:12px 14px}
.quick-generate-text-main b,.quick-create-bottom .quick-submit b{font-size:16px}
}
/* FULL 1.6.32 — reliable quick actions */
.quick-server-message{margin:10px auto 0;max-width:760px;padding:10px 13px;border-radius:12px;text-align:center;font-size:13px}
.quick-server-message.error{background:rgba(255,80,110,.10);border:1px solid rgba(255,80,110,.25);color:#ffafbd}
.quick-server-message.success{background:rgba(72,220,151,.10);border:1px solid rgba(72,220,151,.25);color:#83efb8}
.quick-create-card button{position:relative;z-index:2}
/* FULL 1.6.33 — one-page questions, AI music choice, publication prompt */
.quick-questions{margin:18px 0 22px;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.025)}
.quick-questions-head{text-align:center;margin-bottom:15px}
.quick-questions-head b{display:block;font-size:17px;color:#fff}
.quick-questions-head span{display:block;margin-top:5px;color:#a7aab8;font-size:13px}
.quick-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-question{display:grid;gap:7px;color:#d7d9e2;font-size:13px}
.quick-question>span{font-weight:800}
.quick-question input,.quick-question select,.quick-question textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);background:#0d1019;color:#f5f5f8;border-radius:13px;padding:13px;font:inherit;outline:none}
.quick-question input:focus,.quick-question select:focus,.quick-question textarea:focus{border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.quick-question small{color:#858a9b;font-size:11px}
.quick-ai-music-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(236,72,153,.08));border:1px solid rgba(139,92,246,.20);color:#cfbfef;text-align:center;font-size:13px;font-weight:700}
.music-friendly-note{color:#aeb1bd;font-size:15px}
.publish-modal[hidden]{display:none!important}
.publish-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}
.publish-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.78);backdrop-filter:blur(7px)}
.publish-modal-card{position:relative;width:min(560px,100%);padding:30px;border-radius:24px;background:linear-gradient(180deg,#181b27,#10131d);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center;color:#fff}
.publish-modal-card h2{font-size:clamp(25px,4vw,38px);line-height:1.05;margin:15px 0 8px}
.publish-top-text{font-size:17px;font-weight:950;color:#d7b9ff}
.publish-modal-card>p:not(.publish-top-text){color:#aeb2c0;line-height:1.55}
.publish-modal-x{position:absolute;right:13px;top:10px;width:36px;height:36px;border:0;background:transparent;color:#aeb2c0;font-size:28px;cursor:pointer}
.publish-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.publish-result{min-height:24px;margin-top:12px;color:#7ce8b3;font-size:13px}
.inline-actions{display:flex;gap:7px;align-items:center}
.publication-admin-list .admin-list-item{cursor:default}
@media(max-width:700px){
.quick-question-grid{grid-template-columns:1fr}
.publish-modal-actions{grid-template-columns:1fr}
}
/* FULL 1.6.34 — compact story field + manual style/mood/vocal selectors */
.quick-create-card #quickText{
min-height:160px;
height:160px;
max-height:260px;
line-height:1.48;
}
.quick-create-card #quickText::placeholder{
color:#9498a8;
line-height:1.45;
}
.quick-music-selects{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:14px 0 8px;
}
.quick-music-selects label{
display:grid;
gap:7px;
color:#d7d9e2;
font-size:13px;
font-weight:800;
}
.quick-music-selects select{
width:100%;
min-width:0;
box-sizing:border-box;
border:1px solid rgba(255,255,255,.13);
background:#0d1019;
color:#f5f5f8;
border-radius:14px;
padding:13px 14px;
font:inherit;
outline:none;
}
.quick-music-selects select:focus{
border-color:#8B5CF6;
box-shadow:0 0 0 3px rgba(139,92,246,.12);
}
.quick-music-selects option{
background:#111522;
color:#f7f7fb;
}
.quick-music-help{
margin:0 0 15px;
text-align:center;
color:#8f93a2;
font-size:12px;
}
@media(max-width:700px){
.quick-create-card #quickText{
min-height:190px;
height:190px;
}
.quick-music-selects{
grid-template-columns:1fr;
}
}
/* FULL 1.6.35 — numbered creator actions and short input support */
.quick-generate-text-main,
.quick-create-bottom .quick-submit{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
grid-template-columns:none;
min-height:64px;
}
.quick-generate-text-main b,
.quick-create-bottom .quick-submit b{
width:100%;
text-align:center;
font-size:19px;
letter-spacing:.02em;
}
/* FULL 1.6.36 — one clear free-song instruction + quiet SEO links */
.quick-order-note{
margin:20px 0 4px;
padding:18px 20px;
border:1px solid rgba(139,92,246,.38);
border-radius:18px;
background:
linear-gradient(135deg,rgba(139,92,246,.17),rgba(236,72,153,.11));
box-shadow:0 12px 32px rgba(0,0,0,.18);
text-align:center;
}
.quick-order-note b{
display:block;
color:#fff;
font-size:18px;
line-height:1.4;
}
.quick-order-note span{
display:block;
margin-top:7px;
color:#78efb7;
font-size:17px;
font-weight:950;
}
.home-seo-quiet{
width:min(1210px,calc(100% - 32px));
margin:0 auto;
padding:4px 0 34px;
}
.home-seo-quiet-inner{
padding:16px 18px;
border-top:1px solid rgba(255,255,255,.07);
color:#7f8494;
font-size:12px;
line-height:1.6;
}
.home-seo-quiet p{
margin:0 0 8px;
}
.home-seo-quiet a{
color:#9c91b9;
text-decoration:none;
}
.home-seo-quiet a:hover{
color:#cdb8ff;
}
.home-seo-quiet nav{
display:flex;
gap:16px;
flex-wrap:wrap;
}
.home-seo-quiet nav a{
font-weight:700;
}
@media(max-width:700px){
.quick-order-note b{font-size:16px}
.quick-order-note span{font-size:16px}
.home-seo-quiet nav{gap:10px 14px}
}
/* FULL 1.6.37 — inline validation above quick text field */
.quick-inline-alert{
display:none;
margin:-2px 0 12px;
padding:12px 14px;
border-radius:14px;
border:1px solid rgba(255,90,114,.42);
background:rgba(120,12,28,.20);
color:#ff9daf;
font-size:14px;
font-weight:900;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.quick-inline-alert.visible{display:block}
/* FULL 1.6.39 — full listening result on the generation page */
.full-listen-tracks .track-card{
border-color:rgba(139,92,246,.28);
}
.full-listen-ready{
display:grid;
gap:12px;
}
.full-listen-ready>b{
color:#75e6b0;
font-size:13px;
}
.full-listen-ready audio{
width:100%;
}
.full-listen-auth-card{
border-color:rgba(139,92,246,.32);
background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(236,72,153,.07));
}
.full-listen-auth-card h2{margin-bottom:8px}
.full-listen-auth-card p{max-width:720px}
/* FULL 1.6.41 — MAX authorization modal */
.max-auth-modal[hidden]{display:none!important}
.max-auth-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}
.max-auth-modal-backdrop{position:absolute;inset:0;background:rgba(6,8,17,.78);backdrop-filter:blur(10px)}
.max-auth-modal-card{position:relative;width:min(396px,100%);padding:30px 28px 28px;border-radius:28px;background:#fff;color:#10131b;box-shadow:0 30px 100px rgba(0,0,0,.42);text-align:center}
.max-auth-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#8b96aa;font-size:29px;line-height:1;cursor:pointer}
.max-auth-modal-close:hover{background:#f2f4f8}
.max-auth-logo{position:relative;width:82px;height:82px;margin:0 auto 24px;border-radius:25px;background:linear-gradient(135deg,#f4edff,#fff2fb);display:grid;place-items:center;box-shadow:0 14px 35px rgba(122,70,255,.15)}
.max-auth-logo:before{content:"";width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#6648ff 15%,#c13ff2 58%,#ff3fa7 100%);display:block}
.max-auth-logo span{position:absolute;width:25px;height:25px;border:6px solid #fff;border-radius:50%}
.max-auth-logo span:after{content:"";position:absolute;width:8px;height:8px;right:-4px;bottom:-3px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);transform:rotate(12deg)}
.max-auth-modal-card h2{margin:0 0 12px;font-size:28px;line-height:1.1;color:#11141d}
.max-auth-modal-lead{margin:0 auto 22px;max-width:310px;color:#7a879d;font-size:15px;line-height:1.55}
.max-auth-open-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 18px;border-radius:13px;background:linear-gradient(90deg,#8325ff,#553cff);color:#fff;text-decoration:none;font-size:14px;font-weight:900;box-shadow:0 13px 30px rgba(105,59,255,.25)}
.max-auth-open-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.max-auth-open-btn.disabled{opacity:.55;pointer-events:none}
.max-auth-wait{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0 17px;color:#8793a8;font-size:12px;font-weight:700}
.max-auth-wait i{width:20px;height:20px;border:2px solid #e2d9ff;border-top-color:#7a3cff;border-radius:50%;animation:maxAuthSpin .8s linear infinite}
.max-auth-wait.ok{color:#18a568}.max-auth-wait.ok i{border-color:#b9f0d2;border-top-color:#18a568}
.max-auth-cancel{min-width:100px;padding:10px 18px;border:1px solid #dce2eb;border-radius:13px;background:#fff;color:#526075;font-weight:800;cursor:pointer}
.max-auth-cancel:hover{background:#f7f8fa}
.max-auth-error{display:none;margin-top:14px;padding:10px 12px;border-radius:12px;background:#fff0f2;border:1px solid #ffd4da;color:#c5384e;font-size:12px;line-height:1.45}
.max-auth-error.visible{display:block}
.max-auth-modal-open{overflow:hidden}
@keyframes maxAuthSpin{to{transform:rotate(360deg)}}
@media(max-width:520px){.max-auth-modal{padding:12px}.max-auth-modal-card{padding:28px 20px 22px;border-radius:24px}.max-auth-modal-card h2{font-size:25px}.max-auth-modal-lead{font-size:14px}.max-auth-logo{width:72px;height:72px}.max-auth-logo:before{width:48px;height:48px}}
\n\n/* FULL 1.6.42 — Telegram authorization */
.telegram-auth-shell{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:48px 18px 90px}
.telegram-auth-card{width:min(470px,100%);padding:34px 30px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 28px 80px rgba(0,0,0,.34);text-align:center}
.telegram-auth-mark{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#2AABEE,#168ACB);color:#fff;font-size:34px;box-shadow:0 16px 35px rgba(42,171,238,.22)}
.telegram-auth-card h1{margin:0 0 10px;font-size:clamp(29px,5vw,40px)}
.telegram-auth-card>p{margin:0 auto;color:#aeb4c2;line-height:1.6;max-width:360px}
.telegram-widget-wrap{min-height:62px;display:flex;align-items:center;justify-content:center;margin:25px 0 18px}
.telegram-auth-note{padding:11px 13px;border-radius:13px;background:rgba(42,171,238,.08);border:1px solid rgba(42,171,238,.17);color:#9facbc;font-size:12px;line-height:1.5}
.telegram-auth-back{display:inline-flex;margin-top:20px;color:#c5b5f2;text-decoration:none;font-weight:800;font-size:13px}
.telegram-auth-back:hover{color:#fff}