*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0a1a;--surface:rgba(22,22,52,.65);--card:rgba(30,30,70,.5);
  --primary:#a855f7;--accent:#6366f1;--gold:#f0c040;
  --text:#eef;--muted:#8888b0;--success:#22c55e;--danger:#ef4444;
  --r:16px;--glass:rgba(255,255,255,.04);--glass-border:rgba(255,255,255,.08);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none;z-index:0}

.app{max-width:480px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 0;min-height:100vh;display:flex;flex-direction:column}
.header{text-align:center;padding:12px 0 6px}
.logo{font-size:1.3rem;font-weight:800;color:#fff}
.brand-flag{display:inline-block;width:20px;height:14px;border-radius:2px;vertical-align:middle;margin-right:4px}
.flag-ua{background:linear-gradient(180deg,#0057b8 50%,#ffd700 50%)}
.flag-bg{background:linear-gradient(180deg,#fff 0%,#fff 33%,#00966e 33% 66%,#d62612 66% 100%);border:1px solid rgba(31,36,48,.14)}
.flag-pl{background:linear-gradient(180deg,#ffffff 50%,#dc143c 50%);border:1px solid rgba(31,36,48,.14)}
html.questionnaire-compact .app{padding-top:calc(8px + env(safe-area-inset-top,0px))}
html.questionnaire-compact .header{padding:8px 0 2px}
html.questionnaire-compact .logo{font-size:1.14rem}
html.questionnaire-compact .brand-flag{width:18px;height:12px}
html.questionnaire-compact .lang-switcher{top:calc(6px + env(safe-area-inset-top,0px))}
html.questionnaire-compact #tab-song .progress{margin:8px 0 12px}
html.questionnaire-compact #tab-song .step-sub{margin-bottom:12px;font-size:.8rem}
html.questionnaire-compact #tab-song .btn-back{margin-bottom:10px}

/* ─── Tab Bar ────────────────────────────────── */
.tab-bar{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:480px;display:flex;
  background:linear-gradient(180deg,rgba(21,21,48,.95),rgba(10,10,26,.98));
  border-top:1px solid rgba(168,85,247,.15);
  padding:2px 4px env(safe-area-inset-bottom,4px);z-index:100;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
html.first-step-clean .tab-bar{display:none !important}
html.first-step-clean #tab-song{padding-bottom:22px}
.tab-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:0;
  padding:5px 1px 3px;border:none;background:none;color:var(--muted);
  font-size:.55rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;
  border-radius:10px;margin:2px 1px;position:relative;
}
.tab-btn .tab-icon{font-size:1.15rem;transition:transform .25s;line-height:1.3}
.tab-btn.active{color:#fff;background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(99,102,241,.2));border:1px solid rgba(168,85,247,.35)}
.tab-btn.active .tab-icon{transform:scale(1.1)}
.tab-btn:not(.active):active{background:rgba(255,255,255,.04)}
.tab-btn .tab-badge{
  position:absolute;top:2px;right:calc(50% - 18px);
  background:var(--danger);color:#fff;font-size:.55rem;font-weight:700;
  width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.tab-content{display:none;flex-direction:column;flex:1;padding-top:6px;padding-bottom:72px;animation:fadeIn .3s}
.tab-content.active{display:flex}

/* ─── Progress ───────────────────────────────── */
.progress{display:flex;gap:6px;margin:14px 0 18px}
.progress-dot{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.08);transition:all .4s}
.progress-dot.active{background:var(--primary)}
.progress-dot.done{background:var(--success)}

/* ─── Steps ──────────────────────────────────── */
.step{display:none;flex:1;animation:fadeIn .35s}
.step.active{display:flex;flex-direction:column}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.step-title{font-size:1.2rem;font-weight:700;margin-bottom:6px;text-align:center}
.step-sub{color:var(--muted);font-size:.85rem;text-align:center;margin-bottom:20px}

/* ─── Options grid ───────────────────────────── */
.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;flex:1;overflow-y:auto;padding-top:8px;padding-bottom:20px;align-content:start}
.opt{
  background:var(--surface);border:2px solid transparent;border-radius:var(--r);
  padding:14px 10px;text-align:center;cursor:pointer;font-size:.92rem;font-weight:500;
  transition:all .2s;user-select:none;display:flex;align-items:center;justify-content:center;min-height:52px;
}
.opt:hover{border-color:rgba(168,85,247,.3);background:var(--card)}
.opt:active{transform:scale(.96)}
.opt.selected{border-color:var(--primary);background:rgba(168,85,247,.15);box-shadow:0 0 20px rgba(168,85,247,.15)}
.theme-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opt-theme-card{padding:0 !important;min-height:unset !important;text-align:center;align-items:stretch;justify-content:stretch;border-radius:20px !important}
.opt-theme-card::after{display:none !important}
.opt-theme-card .theme-opt-inner{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px;align-items:center}
.opt-theme-card .theme-opt-media{position:relative;width:100%;min-height:92px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at top right, rgba(216,165,74,.18), transparent 34%),linear-gradient(180deg,#fff8f4,#fff0eb);border:1px solid rgba(191,92,115,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.opt-theme-card .theme-opt-image{width:100%;height:100%;object-fit:cover;display:block}
.opt-theme-card .theme-opt-fallback{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.82) 38%, rgba(255,255,255,0) 62%),
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.72), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,247,242,.98));
  background-size:200% 100%, auto, auto;
  animation:themeCardSkeleton 1.2s ease-in-out infinite;
}
.opt-theme-card .theme-opt-fallback::before{
  content:'';
  width:44%;
  height:44%;
  border-radius:14px;
  border:1px solid rgba(216,165,74,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,244,236,.96));
  box-shadow:0 10px 22px rgba(191,92,115,.08);
}
.opt-theme-card .theme-opt-fallback.emoji-mode{
  animation:none;
  background:linear-gradient(160deg,rgba(30,30,70,.6),rgba(40,35,80,.7));
}
.opt-theme-card .theme-opt-fallback.emoji-mode::before{display:none}
.theme-emoji{font-size:3rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
html[data-market="pl"] .opt-theme-card .theme-opt-fallback.emoji-mode{
  background:linear-gradient(160deg,rgba(255,250,245,.95),rgba(255,244,236,.98));
}
html[data-market="pl"] .theme-emoji{filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}
@keyframes themeCardSkeleton{
  0%{background-position:200% 0,0 0,0 0}
  100%{background-position:-20% 0,0 0,0 0}
}
.opt-theme-card .theme-opt-chip{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(191,92,115,.10);color:#815060;font-size:.68rem;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.opt-theme-card .theme-opt-text{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;width:100%}
.opt-theme-card .theme-opt-title{font-size:.86rem;font-weight:900;color:var(--text);line-height:1.15}
.opt-theme-card .theme-opt-sub{display:none}
.opt-theme-card .theme-opt-sub.has-copy{display:block !important;font-size:.7rem;line-height:1.3;color:var(--muted)}
.opt-theme-card .theme-opt-chip{display:none !important}
.opt-theme-card.selected .theme-opt-media{border-color:rgba(216,165,74,.28);box-shadow:0 16px 30px rgba(191,92,115,.12), inset 0 1px 0 rgba(255,255,255,.82)}
.theme-variant-switch{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0 10px}
.theme-variant-btn{border:1px solid rgba(191,92,115,.14);background:rgba(255,255,255,.82);color:#7a5563;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;cursor:pointer;transition:all .2s ease}
.theme-variant-btn.active{background:linear-gradient(180deg,#fff6ec,#fff0dc);border-color:rgba(216,165,74,.36);color:#7b5317;box-shadow:0 10px 20px rgba(216,165,74,.14)}
html[data-theme-variant="v2"] .theme-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-theme-variant="v2"] .opt-theme-card .theme-opt-inner{flex-direction:column;align-items:center}
html[data-theme-variant="v2"] .opt-theme-card .theme-opt-media{width:100%;min-width:0;min-height:92px}
html[data-theme-variant="v2"] .opt-theme-card .theme-opt-text{flex:unset;width:100%}
html[data-theme-variant="v3"] .opt-theme-card{border-radius:24px !important}
html[data-theme-variant="v3"] .opt-theme-card .theme-opt-inner{gap:10px;padding:11px}
html[data-theme-variant="v3"] .opt-theme-card .theme-opt-media{min-height:100px;background:radial-gradient(circle at top right, rgba(216,165,74,.24), transparent 38%),radial-gradient(circle at bottom left, rgba(191,92,115,.16), transparent 30%),linear-gradient(180deg,#fffaf6,#fff1ec);box-shadow:0 18px 30px rgba(191,92,115,.12)}
html[data-theme-variant="v3"] .opt-theme-card .theme-opt-chip{background:rgba(27,30,43,.74);color:#fff5db;border-color:rgba(255,255,255,.08)}
html[data-theme-variant="v3"] .opt-theme-card .theme-opt-title{font-size:.9rem}

.theme-options-wrap{position:relative}
.theme-guide{
  position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;
  width:92px;pointer-events:none;opacity:0;
  transition:opacity .25s ease,left .42s cubic-bezier(.34,1.2,.64,1),top .42s cubic-bezier(.34,1.2,.64,1);
}
.theme-guide.visible{opacity:1}
.theme-guide-bubble{
  background:rgba(255,255,255,.96);color:#221b47;font-size:.68rem;font-weight:800;
  padding:6px 10px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.18);white-space:nowrap;
}
.theme-guide img{
  width:82px;height:auto;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.22));
  animation:handTap 1.25s ease-in-out infinite;
}
@keyframes handTap{
  0%,100%{transform:translate3d(0,0,0) scale(1) rotate(-6deg)}
  40%{transform:translate3d(-8px,9px,0) scale(.96) rotate(-10deg)}
  70%{transform:translate3d(0,-2px,0) scale(1.02) rotate(-5deg)}
}

#themes .opt,#styles .opt,#moods .opt,#languages .opt,#vocals .opt,#heroQuickThemes .opt,#agentQuickThemes .opt{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.22);
  border-width:1.5px;
  border-radius:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 7px 0 rgba(52,36,120,.78),0 12px 22px rgba(0,0,0,.18);
  min-height:56px;padding:14px 12px;font-weight:700;font-size:.88rem;line-height:1.25;
}
#themes .opt::after,#styles .opt::after,#moods .opt::after,#languages .opt::after,#vocals .opt::after,#heroQuickThemes .opt::after,#agentQuickThemes .opt::after{
  content:'';position:absolute;left:10px;right:10px;top:9px;height:38%;
  border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  pointer-events:none;opacity:.9;
}
#themes .opt:hover,#styles .opt:hover,#moods .opt:hover,#languages .opt:hover,#vocals .opt:hover,#heroQuickThemes .opt:hover,#agentQuickThemes .opt:hover{
  border-color:rgba(255,255,255,.34);
  transform:translateY(-3px);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 0 rgba(52,36,120,.78),0 18px 28px rgba(0,0,0,.22);
}
#themes .opt:active,#styles .opt:active,#moods .opt:active,#languages .opt:active,#vocals .opt:active,#heroQuickThemes .opt:active,#agentQuickThemes .opt:active{
  transform:translateY(5px) scale(.985);
  box-shadow:0 2px 0 rgba(52,36,120,.78),0 8px 14px rgba(0,0,0,.14);
}
#themes .opt.selected,#styles .opt.selected,#moods .opt.selected,#languages .opt.selected,#vocals .opt.selected,#heroQuickThemes .opt.selected,#agentQuickThemes .opt.selected{
  border-color:rgba(240,192,64,.75);
  background:linear-gradient(180deg,rgba(240,192,64,.26),rgba(168,85,247,.2));
  box-shadow:0 4px 0 rgba(166,110,20,.95),0 14px 28px rgba(240,192,64,.2);
}
.opt.tap-press{
  animation:optionTapPress .32s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes optionTapPress{
  0%{transform:translateY(0) scale(1)}
  35%{transform:translateY(6px) scale(.975)}
  68%{transform:translateY(-1px) scale(1.01)}
  100%{transform:translateY(0) scale(1)}
}
.opt.tap-press::before{
  content:'';position:absolute;inset:-6px;border-radius:22px;
  border:1px solid rgba(240,192,64,.55);opacity:0;
  animation:optionTapRing .38s ease-out both;
  pointer-events:none;
}
@keyframes optionTapRing{
  0%{opacity:.95;transform:scale(.92)}
  100%{opacity:0;transform:scale(1.08)}
}
#themes .opt.guide-target{
  border-color:rgba(240,192,64,.9);
  box-shadow:0 7px 0 rgba(166,110,20,.95),0 0 0 0 rgba(240,192,64,.42),0 18px 28px rgba(240,192,64,.22);
  animation:guideTargetPulse 1.45s ease-in-out infinite;
}
@keyframes guideTargetPulse{
  0%,100%{box-shadow:0 7px 0 rgba(166,110,20,.95),0 0 0 0 rgba(240,192,64,.42),0 18px 28px rgba(240,192,64,.22)}
  50%{box-shadow:0 7px 0 rgba(166,110,20,.95),0 0 0 12px rgba(240,192,64,0),0 20px 34px rgba(240,192,64,.28)}
}
.focus-kid-note{
  margin:0 0 14px;padding:12px 14px;border-radius:16px;
  background:rgba(240,192,64,.08);border:1px solid rgba(240,192,64,.28);
  color:#fff;font-size:.82rem;line-height:1.5;text-align:center;
}
.focus-kid-note strong{color:var(--gold)}

/* ─── Inputs / Buttons ───────────────────────── */
.text-input{
  width:100%;min-height:120px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,rgba(22,21,54,.98),rgba(15,14,39,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;padding:15px 16px;color:var(--text);font-size:.92rem;font-family:inherit;
  resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 0 rgba(35,30,76,.88),0 14px 26px rgba(0,0,0,.16);
}
.text-input:focus{border-color:rgba(168,85,247,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 0 rgba(35,30,76,.88),0 16px 32px rgba(168,85,247,.14)}
.text-input::placeholder{color:var(--muted)}
.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:50px;font-size:1rem;font-weight:600;
  border:none;cursor:pointer;transition:all .22s cubic-bezier(.2,.9,.2,1);width:100%;text-decoration:none;color:#fff;
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow:0 6px 0 rgba(43,34,92,.9),0 14px 26px rgba(0,0,0,.2);
}
.btn::before{
  content:'';position:absolute;left:10px;right:10px;top:8px;height:42%;
  border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));
  pointer-events:none;opacity:.95;z-index:-1;
}
.btn::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at center, rgba(255,255,255,.18), transparent 58%);
  opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn:hover:not(:disabled)::after{opacity:.5;transform:scale(1)}
.btn:active:not(:disabled){transform:translateY(4px) scale(.985);box-shadow:0 2px 0 rgba(43,34,92,.92),0 8px 14px rgba(0,0,0,.14)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 6px 0 rgba(78,39,162,.95),0 14px 28px rgba(168,85,247,.32)}
.btn-primary:hover{box-shadow:0 8px 0 rgba(78,39,162,.95),0 18px 34px rgba(168,85,247,.4)}
.btn-primary:disabled{opacity:.5;cursor:default;transform:none}
.btn-outline{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  color:var(--text);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 6px 0 rgba(39,34,76,.92),0 12px 22px rgba(0,0,0,.16)
}
.btn-outline:hover{border-color:rgba(168,85,247,.45);box-shadow:0 8px 0 rgba(39,34,76,.92),0 16px 28px rgba(0,0,0,.2)}
.btn-gold{background:linear-gradient(135deg,var(--gold),#f97316);color:#000;box-shadow:0 6px 0 rgba(166,110,20,.95),0 14px 28px rgba(240,192,64,.3)}
.btn-gold:hover{box-shadow:0 8px 0 rgba(166,110,20,.95),0 18px 34px rgba(240,192,64,.36)}
.btn-pay-soft-glow{
  position:relative;
  text-shadow:0 0 10px rgba(255,249,214,.24);
  animation:paySoftGlow 2.6s ease-in-out infinite;
}
.btn-pay-soft-glow::after{
  content:'';
  position:absolute;
  inset:-7px;
  border-radius:inherit;
  background:radial-gradient(circle, rgba(240,192,64,.24) 0%, rgba(240,192,64,.12) 42%, rgba(240,192,64,0) 74%);
  filter:blur(14px);
  opacity:.9;
  z-index:-1;
  pointer-events:none;
}
.btn-success{background:linear-gradient(135deg,var(--success),#16a34a);box-shadow:0 6px 0 rgba(16,111,52,.95),0 14px 28px rgba(34,197,94,.28)}
.btn-success:hover{box-shadow:0 8px 0 rgba(16,111,52,.95),0 18px 34px rgba(34,197,94,.34)}
.btn-sm{padding:11px 16px;font-size:.9rem;box-shadow:0 5px 0 rgba(43,34,92,.88),0 10px 18px rgba(0,0,0,.16)}
.btn-sm:hover{box-shadow:0 7px 0 rgba(43,34,92,.88),0 14px 22px rgba(0,0,0,.18)}
.btn-pay-ready{animation:payReadyPulse 1.35s ease-in-out 3; box-shadow:0 0 0 0 rgba(240,192,64,.55)}
@keyframes paySoftGlow{
  0%,100%{
    box-shadow:0 6px 0 rgba(166,110,20,.95),0 14px 28px rgba(240,192,64,.28),0 0 0 rgba(255,214,102,0);
    transform:translateY(0);
  }
  50%{
    box-shadow:0 6px 0 rgba(166,110,20,.95),0 18px 34px rgba(240,192,64,.38),0 0 24px rgba(255,214,102,.18);
    transform:translateY(-1px);
  }
}
@keyframes payReadyPulse{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(240,192,64,.5)}
  50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(240,192,64,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(240,192,64,0)}
}

.hero-cta-pulse{animation:ctaPulse 2.8s ease-in-out infinite}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 10px 24px rgba(191,92,115,.22),0 0 0 rgba(255,222,164,0)}
  50%{box-shadow:0 16px 36px rgba(191,92,115,.28),0 0 34px rgba(255,222,164,.18)}
}

.hero-scroll-row{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hero-scroll-row::-webkit-scrollbar{display:none}

.hero-track-card{min-width:140px;max-width:140px;scroll-snap-align:start;background:var(--surface);border-radius:16px;padding:16px 12px;text-align:center;cursor:pointer;flex-shrink:0;transition:transform .2s,border-color .3s;border:1.5px solid transparent;position:relative;overflow:hidden}
.hero-track-card:active{transform:scale(.96)}
.hero-track-card.playing{border-color:var(--gold);background:rgba(240,192,64,.06)}
.hero-track-card .track-wave{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),#f97316);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hero-track-card.playing .track-wave{animation:trackWave 2s linear infinite}
@keyframes trackWave{0%{transform:scaleX(0);opacity:1}100%{transform:scaleX(1);opacity:.4}}

.agent-intro-section{padding:18px 16px 4px}
.agent-intro-card{
  position:relative;overflow:hidden;border-radius:24px;padding:18px;
  background:
    radial-gradient(circle at top right,rgba(240,192,64,.16),transparent 34%),
    linear-gradient(180deg,rgba(28,25,64,.96),rgba(14,15,36,.96));
  border:1px solid rgba(240,192,64,.22);
  box-shadow:0 16px 42px rgba(0,0,0,.26);
}
.agent-intro-card::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%);
}
.agent-intro-head{display:flex;gap:14px;align-items:center;margin-bottom:14px;position:relative;z-index:1}
.agent-avatar{
  width:72px;height:72px;border-radius:50%;overflow:hidden;position:relative;flex:0 0 72px;
  border:2px solid rgba(240,192,64,.42);
  box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 0 4px rgba(255,255,255,.03);
  background:linear-gradient(135deg,#f0c040,#a855f7);
}
.agent-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.agent-avatar-fallback{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  font-size:1.6rem;font-weight:800;color:#140f2e;
  background:linear-gradient(135deg,#f8d46b,#d9a6ff);
}
.agent-status{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);
  color:#d9ffe6;font-size:.68rem;font-weight:700;margin-bottom:8px;
}
.agent-status::before{
  content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.12);
}
.agent-name{font-size:1.15rem;font-weight:800;color:#fff}
.agent-role{color:rgba(255,255,255,.54);font-size:.78rem;margin-top:2px}
.agent-intro-title{font-size:1.08rem;font-weight:800;line-height:1.35;color:#fff;margin-bottom:8px;position:relative;z-index:1}
.agent-intro-sub{color:rgba(255,255,255,.72);font-size:.84rem;line-height:1.55;position:relative;z-index:1}
.agent-intro-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;position:relative;z-index:1;
}
.agent-intro-actions .btn{width:100%;min-height:54px;padding:14px 12px;font-size:.88rem;border-radius:16px}
.btn-auth-home{
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  color:#fff;
  border:1px solid rgba(125,211,252,.42);
  box-shadow:0 6px 0 rgba(24,74,163,.94),0 14px 28px rgba(37,99,235,.28);
}
.btn-auth-home:hover{box-shadow:0 8px 0 rgba(24,74,163,.94),0 18px 34px rgba(37,99,235,.34)}
.btn-my-songs-home{
  background:linear-gradient(135deg,rgba(91,71,196,.92),rgba(34,197,94,.55));
  color:#fff;
  border:1px solid rgba(168,85,247,.36);
  box-shadow:0 6px 0 rgba(47,34,112,.94),0 14px 28px rgba(91,71,196,.24);
}
.btn-my-songs-home:hover{box-shadow:0 8px 0 rgba(47,34,112,.94),0 18px 34px rgba(91,71,196,.3)}
.agent-video-card{
  margin-top:16px;padding:14px;border-radius:20px;position:relative;z-index:1;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
}
.agent-video-lead{font-size:.74rem;font-weight:800;color:var(--gold);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.agent-video-title{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.45}
.agent-video-frame{
  position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:18px;
  background:#000;box-shadow:0 12px 26px rgba(0,0,0,.24);
}
.agent-video-frame iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}
.agent-video-modal{
  display:none;position:fixed;inset:0;z-index:1200;background:rgba(3,6,18,.92);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px;
  align-items:center;justify-content:center;
}
.agent-video-modal.visible{display:flex}
.agent-video-modal-sheet{
  width:min(100%, 1100px);height:min(100%, 94vh);display:flex;flex-direction:column;gap:12px;
  padding:14px;border-radius:28px;
  background:
    radial-gradient(circle at top, rgba(240,192,64,.12), transparent 30%),
    linear-gradient(180deg, rgba(28,20,65,.98), rgba(13,11,33,.98));
  border:1px solid rgba(240,192,64,.18);box-shadow:0 28px 80px rgba(0,0,0,.55);
}
.agent-video-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.agent-video-modal-title{font-size:1rem;font-weight:900;color:#fff}
.agent-video-modal-frame{
  position:relative;flex:1;min-height:260px;border-radius:22px;overflow:hidden;background:#000;
}
.agent-video-modal-frame iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}
.agent-intro-note{
  margin-top:12px;padding:12px 14px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.58);font-size:.76rem;line-height:1.5;position:relative;z-index:1;
}
html.agent-route #heroScreen{padding-bottom:16px}
html.agent-route #heroScreen > div:first-child > div:last-child{padding:0 24px 10px}
@media (max-width:380px){
  .agent-intro-actions{grid-template-columns:1fr}
}

.questionnaire-showcase-entry{
  margin-top:18px;padding:18px 16px 16px;border-radius:24px;text-align:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at top, rgba(240,192,64,.16), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border:1px solid rgba(240,192,64,.18);
  box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)
}
.questionnaire-showcase-entry:before{
  content:'';position:absolute;inset:auto -12% -45% auto;width:180px;height:180px;border-radius:999px;
  background:radial-gradient(circle, rgba(168,85,247,.18), transparent 68%);pointer-events:none
}
.questionnaire-showcase-lead{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.46);margin-bottom:8px}
.questionnaire-showcase-title{font-size:.98rem;font-weight:900;line-height:1.3;color:#fff;max-width:270px;margin:0 auto 8px}
.questionnaire-showcase-sub{font-size:.8rem;line-height:1.55;color:var(--muted);max-width:290px;margin:0 auto 14px}
.questionnaire-showcase-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:220px;max-width:100%;
  box-shadow:0 8px 0 rgba(166,110,20,.92),0 22px 42px rgba(240,192,64,.28)
}
.questionnaire-showcase-btn:hover{box-shadow:0 10px 0 rgba(166,110,20,.92),0 24px 46px rgba(240,192,64,.34)}
.questionnaire-showcase-note{margin-top:12px;font-size:.74rem;color:rgba(255,255,255,.46)}
.showcase-modal{
  display:none;position:fixed;inset:0;z-index:1200;padding:18px;
  background:rgba(5,8,20,.52);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  align-items:center;justify-content:center
}
.showcase-modal-sheet{
  width:min(100%, 520px);max-height:min(82vh, 760px);overflow:hidden;display:flex;flex-direction:column;gap:14px;
  padding:20px;border-radius:30px;
  background:
    radial-gradient(circle at top, rgba(240,192,64,.16), transparent 34%),
    linear-gradient(180deg, rgba(28,20,65,.98), rgba(13,11,33,.98));
  border:1px solid rgba(240,192,64,.2);
  box-shadow:0 28px 80px rgba(0,0,0,.55)
}
.showcase-modal-badge{
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
  background:rgba(240,192,64,.12);border:1px solid rgba(240,192,64,.18);color:#f7d36b;font-size:.74rem;font-weight:900
}
.showcase-modal-title{font-size:1.18rem;font-weight:900;line-height:1.2;color:#fff;margin-top:12px}
.showcase-modal-sub{font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:8px;max-width:360px}
.showcase-modal-row{
  display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none
}
.showcase-modal-row::-webkit-scrollbar{display:none}
.showcase-track-card{
  min-width:220px;max-width:220px;scroll-snap-align:center;border-radius:24px;padding:18px 16px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;cursor:pointer;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;box-shadow:0 18px 34px rgba(0,0,0,.2);flex-shrink:0
}
.showcase-track-card:hover{transform:translateY(-2px);border-color:rgba(240,192,64,.26)}
.showcase-track-card.playing{border-color:rgba(240,192,64,.4);box-shadow:0 22px 44px rgba(240,192,64,.14)}
.showcase-track-card .track-wave{height:4px}
.showcase-track-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.showcase-track-emoji{
  width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;
  background:linear-gradient(135deg, rgba(240,192,64,.2), rgba(168,85,247,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.showcase-track-pill{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68);font-size:.72rem;font-weight:800
}
.showcase-track-title{font-size:1rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:6px}
.showcase-track-caption{font-size:.78rem;line-height:1.5;color:var(--muted);min-height:48px}
.showcase-track-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.showcase-track-play{
  width:46px;height:46px;border:none;border-radius:16px;cursor:pointer;flex:0 0 auto;color:#000;font-size:1rem;font-weight:900;
  background:linear-gradient(135deg,var(--gold),#f97316);box-shadow:0 10px 22px rgba(240,192,64,.24)
}
.showcase-track-status{font-size:.76rem;color:rgba(255,255,255,.56);line-height:1.4;text-align:right}
.showcase-modal-foot{font-size:.74rem;line-height:1.55;color:rgba(255,255,255,.46);text-align:center}
.questionnaire-showcase-entry + .questionnaire-showcase-entry{margin-top:14px}
.questionnaire-review-rating{
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:900;color:#fff;margin-bottom:10px
}
.questionnaire-review-rating .score{color:var(--gold)}
.questionnaire-review-stars{color:#f7d36b;letter-spacing:.04em}
.showcase-review-card{
  min-width:272px;max-width:272px;scroll-snap-align:center;border-radius:24px;padding:18px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px rgba(0,0,0,.2);flex-shrink:0
}
.showcase-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.showcase-review-author{display:flex;align-items:center;gap:10px;min-width:0}
.showcase-review-avatar{
  width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  background:linear-gradient(135deg, rgba(240,192,64,.18), rgba(168,85,247,.18));flex:0 0 auto
}
.showcase-review-name{font-size:.88rem;font-weight:900;color:#fff;line-height:1.2}
.showcase-review-meta{font-size:.73rem;color:rgba(255,255,255,.48);line-height:1.45;margin-top:2px}
.showcase-review-score{
  display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:800;color:#f7d36b;white-space:nowrap
}
.showcase-review-text{font-size:.82rem;line-height:1.62;color:rgba(255,255,255,.82)}
.showcase-review-stars{margin-bottom:10px;color:#f7d36b;font-size:.82rem;letter-spacing:.06em}

.app-dialog-sheet{
  width:min(100%, 430px);max-height:min(84vh, 720px);overflow:hidden;display:flex;flex-direction:column;gap:14px;
  padding:22px;border-radius:30px;
  background:
    radial-gradient(circle at top, rgba(240,192,64,.14), transparent 34%),
    linear-gradient(180deg, rgba(28,20,65,.98), rgba(13,11,33,.98));
  border:1px solid rgba(240,192,64,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.55)
}
.app-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.app-dialog-title{font-size:1.18rem;font-weight:900;line-height:1.2;color:#fff;margin-top:12px}
.app-dialog-message{font-size:.84rem;line-height:1.65;color:var(--muted);white-space:pre-line}
.app-dialog-copy-wrap{
  display:none;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)
}
.app-dialog-copy-input{
  width:100%;min-height:88px;border:none;resize:none;outline:none;border-radius:14px;padding:12px 14px;
  background:rgba(7,10,24,.66);color:#fff;font-size:.8rem;line-height:1.55
}
.app-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.app-dialog-actions .btn{flex:1 1 0;min-width:120px}

.hero-review-card{min-width:260px;max-width:260px;scroll-snap-align:start;background:var(--surface);border-radius:16px;padding:16px;flex-shrink:0;border:1px solid rgba(255,255,255,.04)}

.hero-step-card{min-width:150px;max-width:150px;scroll-snap-align:start;background:var(--surface);border-radius:18px;padding:20px 14px 16px;text-align:center;flex-shrink:0;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}
.hero-step-num{position:absolute;top:10px;left:12px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f97316);color:#000;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center}

html[data-entry-mode="funnel_ads"] #heroStatsSection,
html[data-entry-mode="funnel_ads"] #heroHowSection,
html[data-entry-mode="funnel_ads"] #heroHitsSection,
html[data-entry-mode="funnel_ads"] #heroReviewsSection,
html[data-entry-mode="funnel_ads"] #heroBannerSection,
html[data-entry-mode="funnel_ads"] #socialProofTicker,
html[data-entry-mode="funnel_ads"] #heroBottomCtaWrap,
html[data-entry-mode="funnel_ads"] #heroFooterSection{
  display:none !important;
}

html[data-entry-mode="go_funnel"] #heroScreen{
  display:none !important;
}

#legalOverlay{position:fixed;inset:0;z-index:10000;background:var(--bg);display:none;flex-direction:column}
#legalOverlay.active{display:flex}
#legalContent{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px 40px;font-size:.78rem;line-height:1.65;color:rgba(255,255,255,.6)}
#legalContent h2{font-size:1rem;color:var(--text);margin:18px 0 8px}
#legalContent h3{font-size:.88rem;color:var(--text);margin:14px 0 6px}
#legalContent p{margin-bottom:10px}
#legalContent ul{margin:0 0 10px 18px}
#legalContent li{margin-bottom:4px}
.btn-row{display:flex;gap:10px;margin-top:auto;padding-top:16px}
.btn-back{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer;font-size:.88rem;
  padding:10px 14px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;
  box-shadow:0 4px 0 rgba(39,34,76,.9),0 10px 18px rgba(0,0,0,.14);transition:all .22s cubic-bezier(.2,.9,.2,1)
}
.btn-back:hover{transform:translateY(-1px);box-shadow:0 6px 0 rgba(39,34,76,.9),0 14px 22px rgba(0,0,0,.18)}
.btn-back:active{transform:translateY(3px) scale(.985);box-shadow:0 1px 0 rgba(39,34,76,.9),0 7px 12px rgba(0,0,0,.12)}

/* ─── Lyrics ─────────────────────────────────── */
.lyrics-box{
  background:var(--surface);border:2px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:16px;font-size:.88rem;line-height:1.7;
  max-height:45vh;overflow-y:auto;white-space:pre-wrap;flex:1;
}
.lyrics-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lyrics-actions .btn{flex:1;min-width:120px}

/* ─── Player ─────────────────────────────────── */
.player{background:var(--surface);border-radius:var(--r);padding:20px;text-align:center;border:1px solid rgba(255,255,255,.06)}
.player-title{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.player-sub{color:var(--muted);font-size:.8rem;margin-bottom:14px}
.player audio{width:100%;margin-bottom:14px;border-radius:8px}
.player-badge{display:inline-block;background:rgba(240,192,64,.12);color:var(--gold);padding:6px 14px;border-radius:50px;font-size:.82rem;font-weight:600;margin-bottom:14px}

/* ─── Pricing ────────────────────────────────── */
.price-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.price-card{
  background:var(--surface);border:2px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:16px;cursor:pointer;transition:all .25s;
  display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;
}
.price-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.38) 18%,transparent 34%);
  transform:translateX(-130%);opacity:.0;pointer-events:none;
}
.price-card:hover{border-color:rgba(168,85,247,.3)}
.price-card:hover::after{opacity:.55;transform:translateX(130%);transition:transform .95s ease,opacity .35s ease}
.price-card.selected{border-color:var(--gold);box-shadow:0 0 30px rgba(240,192,64,.15)}
.price-card-inner{display:flex;flex-direction:column;gap:12px;width:100%}
.price-card-head{display:flex;align-items:center;gap:12px;width:100%}
.price-icon{
  font-size:1.4rem;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,244,235,.98));
  border:1px solid rgba(191,92,115,.12);
  box-shadow:0 10px 22px rgba(31,36,48,.08);
}
.price-info{flex:1;min-width:0}
.price-label{font-weight:800;font-size:.96rem;margin-bottom:3px;line-height:1.2}
.price-desc{color:var(--muted);font-size:.78rem;line-height:1.42}
.price-amount-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.price-old{font-size:.72rem;font-weight:700;color:#b6929e;text-decoration:line-through;opacity:.9}
.price-amount{font-size:1.28rem;font-weight:900;color:var(--gold);white-space:nowrap;line-height:1}
.price-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.price-note-pill{
  display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;
  background:rgba(191,92,115,.08);border:1px solid rgba(191,92,115,.14);color:#7b4f60;
  font-size:.74rem;font-weight:800;
}
.price-foot-copy{font-size:.74rem;color:#7d6470;font-weight:700}
.price-card.popular::before{
  content:attr(data-badge-label);position:absolute;top:-9px;right:14px;
  background:linear-gradient(135deg,var(--gold),#f97316);color:#000;
  padding:2px 12px;border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:.5px;
}
.price-card.price-card-pisnya-featured{
  border-color:rgba(212,168,79,.34);
  background:linear-gradient(180deg,#fff7e8,#fff0d9);
  box-shadow:0 16px 34px rgba(212,168,79,.14);
}
.price-card.price-card-pisnya-featured:hover{
  border-color:rgba(212,168,79,.72);
  box-shadow:0 20px 42px rgba(212,168,79,.18);
}
.price-card.price-card-pisnya-featured .price-label{
  color:#6d4620;
}
.price-card.price-card-pisnya-featured .price-desc{
  color:#7f6241;
}
.price-card.price-card-pisnya-featured .price-amount{
  color:#ba7a18;
}
.price-card.price-card-pisnya-premium{
  border-color:rgba(233,122,141,.3);
  background:linear-gradient(180deg,#fff2f5,#ffe8ee);
  box-shadow:0 16px 34px rgba(233,122,141,.16);
}
.price-card.price-card-pisnya-premium:hover{
  border-color:rgba(233,122,141,.6);
  box-shadow:0 22px 44px rgba(233,122,141,.2);
}
.price-card.price-card-pisnya-premium .price-label{
  color:#7a3650;
}
.price-card.price-card-pisnya-premium .price-desc{
  color:#8a5566;
}
.price-card.price-card-pisnya-premium .price-amount{
  color:#c0667f;
}
.price-amount small{font-size:.72rem;font-weight:500;color:var(--muted)}

/* ─── Timer ──────────────────────────────────── */
.timer-bar{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.6), transparent 35%),
    linear-gradient(135deg,rgba(255,240,224,.94),rgba(255,232,238,.96));
  border:1px solid rgba(191,92,115,.16);border-radius:18px;padding:14px 16px;
  text-align:center;margin:14px 0;position:relative;overflow:hidden;
  box-shadow:0 18px 40px rgba(191,92,115,.08);
}
.timer-bar::before{
  content:'';position:absolute;inset:-1px;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.5) 20%,transparent 40%);
  transform:translateX(-140%);animation:timerSheen 5.5s linear infinite;pointer-events:none;
}
.timer-bar .timer-text{font-size:.88rem;color:#6c505e;font-weight:700;line-height:1.45}
.timer-bar .timer-countdown{font-size:1.28rem;font-weight:900;color:#bf5c73;margin-top:6px}
@keyframes timerSheen{0%{transform:translateX(-140%)}22%,100%{transform:translateX(140%)}}

/* ─── Payment ────────────────────────────────── */
.pay-methods{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.pay-method{
  background:var(--surface);border:2px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:14px;cursor:pointer;transition:all .2s;
  display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);
}
.pay-method:hover{border-color:rgba(168,85,247,.3);background:var(--card)}
.pay-method-icon{font-size:1.6rem;width:40px;text-align:center}
.pay-method-info{flex:1}
.pay-method-title{font-weight:600;font-size:.92rem;margin-bottom:2px}
.pay-method-desc{color:var(--muted);font-size:.78rem}
.details-box{
  background:var(--surface);border:1px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:16px;margin:14px 0;font-size:.88rem;line-height:1.8;
}
.details-box .label{color:var(--muted);font-size:.78rem;margin-bottom:4px}
.details-box .value{font-weight:600;font-size:.95rem;word-break:break-all}
.details-box .copy-btn{
  background:var(--primary);color:#fff;border:none;padding:6px 16px;
  border-radius:50px;font-size:.78rem;cursor:pointer;margin-top:8px;font-weight:600;
}
.details-box .copy-btn:active{transform:scale(.95)}

/* ─── Success / Loading ──────────────────────── */
.success-card{
  background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.02));
  border:2px solid rgba(34,197,94,.3);border-radius:var(--r);padding:24px;text-align:center;
}
.success-icon{font-size:3.5rem;margin-bottom:12px}
.loading{text-align:center;padding:40px 0}
.spinner{width:48px;height:48px;border:4px solid rgba(168,85,247,.15);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-text{color:var(--muted);font-size:.92rem}
.loading-text strong{color:var(--text);display:block;margin-bottom:6px;font-size:1rem}
.done-icon{font-size:3.5rem;margin-bottom:14px}

/* ─── Auth ───────────────────────────────────── */
.form-group{margin-bottom:16px}
.form-input{
  width:100%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,rgba(22,21,54,.98),rgba(15,14,39,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;padding:14px 16px;color:var(--text);font-size:1.05rem;font-family:inherit;
  outline:none;transition:border-color .2s,box-shadow .2s,transform .2s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 0 rgba(35,30,76,.88),0 14px 26px rgba(0,0,0,.16);
}
.form-input:focus{border-color:rgba(168,85,247,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 0 rgba(35,30,76,.88),0 16px 32px rgba(168,85,247,.14)}
.form-input::placeholder{color:var(--muted)}
.welcome-icon{font-size:3.5rem;text-align:center;margin-bottom:8px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:6px 0;color:var(--muted);font-size:.78rem}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}
.auth-btn{
  display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r);
  border:2px solid rgba(36,161,222,.3);background:rgba(36,161,222,.08);color:var(--text);
  cursor:pointer;font-size:.92rem;font-weight:600;transition:all .2s;width:100%;
  text-decoration:none;font-family:inherit;justify-content:center;
}
.auth-btn:hover{border-color:#24a1de;background:rgba(36,161,222,.15)}
.auth-btn-icon{font-size:1.5rem;width:32px;text-align:center;flex-shrink:0}

/* ─── Order Cards ────────────────────────────── */
.order-card{
  background:var(--surface);border:1px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:14px;margin-bottom:10px;transition:all .2s;
}
.order-card:hover{border-color:rgba(168,85,247,.3)}
.order-card-title{font-weight:700;font-size:.95rem;margin-bottom:4px}
.order-card-meta{color:var(--muted);font-size:.78rem}
.order-card-status{display:inline-block;padding:3px 10px;border-radius:50px;font-size:.72rem;font-weight:600;margin-top:6px}
.status-paid{background:rgba(34,197,94,.15);color:var(--success)}
.status-pending{background:rgba(240,192,64,.15);color:var(--gold)}
.status-processing{background:rgba(168,85,247,.15);color:var(--primary)}
.status-failed{background:rgba(239,68,68,.12);color:#dc2626}
.card-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.card-btn{
  padding:5px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-size:.75rem;
  font-weight:600;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:3px;
}
.card-btn:hover{background:rgba(255,255,255,.08)}
.card-btn-dl{border-color:rgba(34,197,94,.3);color:var(--success)}
.card-btn-dl:hover{background:rgba(34,197,94,.12)}
.card-btn-del{border-color:rgba(239,68,68,.3);color:#f87171}
.card-btn-del:hover{background:rgba(239,68,68,.12)}
.card-btn-share{border-color:rgba(168,85,247,.3);color:var(--primary)}
.card-btn-share:hover{background:rgba(168,85,247,.12)}
.share-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.share-btn{
  padding:7px 12px;border-radius:10px;border:none;cursor:pointer;
  display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;transition:all .15s;font-family:inherit;
}
.share-btn:hover{transform:scale(1.05)}
.share-tg{background:rgba(36,161,222,.15);color:#24a1de}
.share-wa{background:rgba(37,211,102,.15);color:#25d366}
.share-vb{background:rgba(121,95,172,.15);color:#7360f2}
.share-email{background:rgba(255,255,255,.08);color:var(--text)}
.bonus-banner{
  background:rgba(240,192,64,.08);border:1px solid rgba(240,192,64,.2);
  border-radius:var(--r);padding:12px 16px;margin-bottom:14px;text-align:center;
}
.bonus-banner-text{color:var(--gold);font-weight:600;font-size:.88rem}
.bonus-banner-sub{color:var(--muted);font-size:.78rem;margin-top:4px}
.questionnaire-reward-bar{
  display:none;margin-bottom:12px;padding:14px 14px 13px;border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.76), transparent 34%),
    radial-gradient(circle at top left, rgba(255,228,181,.28), transparent 28%),
    linear-gradient(180deg,rgba(255,248,236,.98),rgba(255,240,244,.98));
  border:1px solid rgba(191,92,115,.14);
  box-shadow:0 20px 42px rgba(191,92,115,.10);
  position:relative;overflow:hidden;
}
.questionnaire-reward-bar::before{
  content:'';position:absolute;left:16px;right:16px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
}
.questionnaire-reward-bar::after{
  content:'';position:absolute;top:-26px;right:-16px;width:96px;height:96px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,219,156,.34) 0%, rgba(255,219,156,0) 72%);
  pointer-events:none;
}
.questionnaire-reward-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;position:relative;z-index:1;
}
.questionnaire-reward-title{
  font-size:.84rem;font-weight:900;color:#46333b;letter-spacing:-.01em;
}
.questionnaire-reward-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;
}
.questionnaire-reward-pill{
  display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.82);border:1px solid rgba(191,92,115,.14);
  color:#9d5a69;font-size:.72rem;font-weight:900;box-shadow:0 8px 18px rgba(191,92,115,.08);
}
.questionnaire-reward-pill.is-count{
  color:#8e5463;
  background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(255,243,239,.96));
}
.questionnaire-reward-pill.is-timer{
  color:#b87517;
  border-color:rgba(216,165,74,.22);
  background:linear-gradient(180deg,rgba(255,250,238,.98),rgba(255,241,220,.98));
}
.questionnaire-reward-stars{
  display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;padding:10px 11px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,245,239,.98));
  border:1px solid rgba(191,92,115,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(191,92,115,.06);
  position:relative;z-index:1;
}
.questionnaire-reward-sub{
  color:#6e5a62;font-size:.78rem;line-height:1.48;position:relative;z-index:1;
}
.questionnaire-star{
  width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:800;position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,233,237,.98));
  border:1px solid rgba(191,92,115,.18);
  color:rgba(186,142,154,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 4px 10px rgba(191,92,115,.05);
}
.questionnaire-star.is-active{
  background:linear-gradient(180deg,rgba(255,246,220,.99),rgba(255,225,160,.96));
  border-color:rgba(216,165,74,.42);
  color:#c88910;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 18px rgba(216,165,74,.22);
}
.questionnaire-star.is-active::after{
  content:'';position:absolute;inset:2px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));
  pointer-events:none;
}
.promo-gift-card{
  margin-bottom:14px;
  padding:16px 18px;
  border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.72), transparent 34%),
    radial-gradient(circle at top, rgba(240,192,64,.16), transparent 45%),
    linear-gradient(180deg, rgba(255,248,233,.96), rgba(255,240,244,.96));
  border:1px solid rgba(191,92,115,.14);
  box-shadow:0 20px 46px rgba(191,92,115,.10);
  position:relative;overflow:hidden;
}
.promo-gift-card::before{
  content:'';position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:.85;
}
.promo-gift-card::after{
  content:'';position:absolute;top:-30%;right:-12%;width:130px;height:130px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,226,170,.34) 0%, rgba(255,226,170,0) 70%);
  pointer-events:none;
}
.promo-gift-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.promo-gift-card-title{
  font-weight:900;
  font-size:.98rem;
  line-height:1.3;
  color:#47303b;
}
.promo-gift-card-timer{
  flex:none;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(191,92,115,.12);
  color:#bf5c73;
  font-weight:900;
  font-size:.82rem;
  box-shadow:0 10px 20px rgba(191,92,115,.08);
}
.promo-gift-card-sub{
  color:#6d5a63;
  font-size:.82rem;
  line-height:1.55;
}

/* ─── Pisnya Landing System ───────────────────── */
.pisnya-hero-panel{
  width:min(100%, 360px);margin:0 auto;padding:12px 16px 10px;border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.32), transparent 32%),
    linear-gradient(180deg, rgba(14,12,33,.74), rgba(12,10,29,.54));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 24px 48px rgba(0,0,0,.30);
  position:relative;overflow:hidden;
}
.pisnya-hero-panel::before{
  content:'';position:absolute;top:-18%;right:-8%;width:145px;height:145px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,229,170,.22) 0%, rgba(255,229,170,0) 72%);
  pointer-events:none;
}
.pisnya-hero-panel::after{
  content:'';position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  opacity:.75;pointer-events:none;
}
.pisnya-hero-badge{
  display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;margin-bottom:6px;
  border-radius:999px;background:rgba(255,244,229,.14);border:1px solid rgba(255,255,255,.16);
  color:#ffe8b8;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 24px rgba(0,0,0,.18);
}
.pisnya-hero-chip-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 8px}
.pisnya-hero-chip{
  display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:#fff3db;
  font-size:.72rem;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.14);
}
.pisnya-home-value-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px 2px;
}
.pisnya-home-value-card{
  border-radius:20px;padding:14px 12px 13px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.74), transparent 30%),
    linear-gradient(180deg,rgba(255,252,246,.98),rgba(255,242,241,.98));
  border:1px solid rgba(191,92,115,.14);
  box-shadow:0 16px 34px rgba(31,36,48,.06);
  position:relative;overflow:hidden;
}
.pisnya-home-value-card::before{
  content:'';position:absolute;left:12px;right:12px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
}
.pisnya-home-value-kicker{
  font-size:.68rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#a15f70;margin-bottom:7px;
}
.pisnya-home-value-main{
  font-size:1rem;font-weight:900;line-height:1.12;color:#332c34;
}
.pisnya-home-value-main strong{
  color:#b87517;
}
.pisnya-home-value-sub{
  font-size:.72rem;line-height:1.4;color:#75636c;margin-top:6px;
}
.pisnya-home-value-old{
  display:block;font-size:.72rem;color:#b2919d;text-decoration:line-through;margin-bottom:3px;
}
#heroBottomCtaWrap{
  position:relative;
}
#heroBottomCtaWrap::before{
  content:'';position:absolute;top:2px;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
}
#heroStatsSection{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px !important}
#heroStatsSection > div{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,246,.98)) !important;
  border:1px solid rgba(191,92,115,.10);box-shadow:0 16px 34px rgba(31,36,48,.06);
  position:relative;overflow:hidden;
}
#heroStatsSection > div::before{
  content:'';position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);
}
#heroHowSection > div:last-child > div{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,246,.98)) !important;
  border-color:rgba(191,92,115,.14) !important;box-shadow:0 16px 32px rgba(31,36,48,.05);
}
#heroBannerSection{
  background:linear-gradient(180deg,rgba(255,248,236,.98),rgba(255,240,244,.98)) !important;
  border-color:rgba(191,92,115,.18) !important;box-shadow:0 18px 38px rgba(191,92,115,.08);
  position:relative;overflow:hidden;
}
#heroBannerSection::after{
  content:'';position:absolute;top:-18px;right:-12px;width:88px;height:88px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,221,167,.28) 0%, rgba(255,221,167,0) 72%);
  pointer-events:none;
}
#heroReviewsSection, #heroHitsSection{position:relative}
#heroReviewsLabelEl, #heroHitsEl{color:#3b3136}
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickEntrySection, html[data-entry-mode="podari_pesen_com"] #heroQuickEntrySection{
  margin:12px 16px 0 !important;padding:16px 14px 14px !important;border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.76), transparent 32%),
    linear-gradient(180deg,rgba(255,251,246,.98),rgba(255,243,241,.98));
  border:1px solid rgba(191,92,115,.14);
  box-shadow:0 22px 42px rgba(31,36,48,.07);
}
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickEntrySection .focus-kid-note, html[data-entry-mode="podari_pesen_com"] #heroQuickEntrySection .focus-kid-note{
  background:linear-gradient(180deg,rgba(255,248,236,.94),rgba(255,241,229,.98));
  border:1px solid rgba(216,165,74,.18);
  color:#5f4d58;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(216,165,74,.08);
}
html[data-entry-mode="pisnya_podarunok_uno"] .hero-cta-btn, html[data-entry-mode="podari_pesen_com"] .hero-cta-btn,
html[data-entry-mode="pisnya_podarunok_uno"] #heroBottomCtaEl, html[data-entry-mode="podari_pesen_com"] #heroBottomCtaEl{
  min-height:58px;border-radius:18px !important;letter-spacing:-.01em;
  box-shadow:0 8px 0 rgba(143,71,87,.92),0 18px 34px rgba(191,92,115,.24),0 0 0 1px rgba(255,255,255,.08) inset !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .hero-cta-btn:hover, html[data-entry-mode="podari_pesen_com"] .hero-cta-btn:hover,
html[data-entry-mode="pisnya_podarunok_uno"] #heroBottomCtaEl:hover, html[data-entry-mode="podari_pesen_com"] #heroBottomCtaEl:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 10px 0 rgba(143,71,87,.92),0 24px 42px rgba(191,92,115,.30),0 0 34px rgba(255,214,156,.12) !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .price-card, html[data-entry-mode="podari_pesen_com"] .price-card{
  border-radius:22px;
  border-color:rgba(191,92,115,.12);
  box-shadow:0 14px 30px rgba(31,36,48,.06);
}
html[data-entry-mode="pisnya_podarunok_uno"] .price-card:hover, html[data-entry-mode="podari_pesen_com"] .price-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 42px rgba(31,36,48,.10);
}
html[data-entry-mode="pisnya_podarunok_uno"] .price-card.selected, html[data-entry-mode="podari_pesen_com"] .price-card.selected{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 24px 44px rgba(191,92,115,.14),0 0 0 1px rgba(255,228,175,.55) inset;
}
html[data-entry-mode="pisnya_podarunok_uno"] .price-card.selected .price-note-pill, html[data-entry-mode="podari_pesen_com"] .price-card.selected .price-note-pill{
  background:linear-gradient(180deg,rgba(255,238,214,.96),rgba(255,232,240,.96));
  color:#8d5060;border-color:rgba(191,92,115,.18);
}
html[data-entry-mode="pisnya_podarunok_uno"] .promo-gift-card, html[data-entry-mode="podari_pesen_com"] .promo-gift-card{
  border-radius:24px;
  box-shadow:0 24px 48px rgba(191,92,115,.12);
}
html[data-entry-mode="pisnya_podarunok_uno"] .timer-bar, html[data-entry-mode="podari_pesen_com"] .timer-bar{
  border-radius:20px;
  box-shadow:0 22px 46px rgba(191,92,115,.10);
}

@media (max-width: 520px){
  .pisnya-home-value-strip{grid-template-columns:1fr;gap:8px;padding-top:12px}
  .price-card{padding:14px}
  .price-card-head{align-items:flex-start}
  .price-icon{width:42px;height:42px;font-size:1.2rem}
  .price-amount{font-size:1.12rem}
  .price-old{font-size:.68rem}
  .price-foot{align-items:flex-start}
  .pisnya-hero-panel{padding:14px 14px 12px}
  .pisnya-hero-chip-row{gap:6px}
  .pisnya-hero-chip{font-size:.68rem;padding:6px 9px}
}
.rename-input{
  background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:8px;
  color:var(--text);padding:6px 10px;font-size:.88rem;width:100%;margin-top:6px;font-family:inherit;
}
.rename-input:focus{outline:none;border-color:var(--primary)}
.empty-state{text-align:center;padding:36px 0;color:var(--muted)}
.empty-state-icon{font-size:3rem;margin-bottom:12px}
.poll-status{text-align:center;margin-top:12px;font-size:.82rem;color:var(--muted)}

/* ─── Game ───────────────────────────────────── */
.game-wrap{
  background:var(--surface);border-radius:20px;padding:28px 20px;text-align:center;
  border:1px solid rgba(255,255,255,.06);margin-top:8px;
}
.game-title{font-size:1.3rem;font-weight:800;margin-bottom:4px}
.game-sub{color:var(--muted);font-size:.82rem;margin-bottom:16px}
.game-timer{
  font-size:3.2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;
  background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;margin:16px 0;min-height:50px;
}
.game-btn{
  width:100%;padding:16px;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;
  cursor:pointer;transition:all .15s;font-family:inherit;color:#fff;
  background:linear-gradient(135deg,var(--primary),#7c3aed);
}
.game-btn:active{transform:scale(.96)}
.game-btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 1s infinite}
.game-btn-again{background:linear-gradient(135deg,var(--primary),#7c3aed);margin-top:10px}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes pulseSmall{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
.game-info{color:var(--muted);font-size:.82rem;margin-top:14px}
.game-info b{color:var(--text)}
.game-result-time{font-size:2.4rem;font-weight:800;margin:8px 0}
.game-result-msg{margin:10px 0;font-size:.95rem}
.game-jackpot{color:var(--gold);font-size:1.2rem;font-weight:800;animation:glow 1s infinite alternate}
@keyframes glow{from{text-shadow:0 0 10px rgba(240,192,64,.3)}to{text-shadow:0 0 30px rgba(240,192,64,.8)}}
.game-best{color:var(--gold);font-size:.88rem;margin-top:6px}
.game-prize-hint{
  color:var(--muted);font-size:.78rem;margin-top:16px;
  padding:10px;background:rgba(240,192,64,.06);border-radius:10px;
}

/* ─── Wallet ─────────────────────────────────── */
.wallet-balance{
  text-align:center;padding:24px 16px;
  background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(99,102,241,.08));
  border:1px solid rgba(168,85,247,.2);border-radius:var(--r);margin-bottom:14px;
}
.wallet-notes{
  font-size:3rem;font-weight:800;
  background:linear-gradient(135deg,var(--primary),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.wallet-label{color:var(--muted);font-size:.88rem;margin-top:2px}
.wallet-progress-bar{
  width:100%;height:8px;background:rgba(255,255,255,.06);border-radius:99px;margin-top:12px;overflow:hidden;
}
.wallet-progress-fill{
  height:100%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:99px;
  transition:width .6s ease;
}
.wallet-free-hint{color:var(--gold);font-size:.8rem;margin-top:6px;font-weight:600}
.wallet-card{
  background:var(--surface);border:1px solid rgba(255,255,255,.06);
  border-radius:var(--r);padding:16px;margin-bottom:12px;
}
.wallet-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.wallet-card-icon{font-size:1.4rem}
.wallet-card-title{font-weight:700;font-size:1rem}
.streak-bar{display:flex;gap:4px;margin-bottom:8px}
.streak-dot{
  flex:1;height:28px;border-radius:8px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;color:var(--muted);transition:all .3s;
}
.streak-dot.filled{background:var(--success);color:#fff}
.streak-dot.current{background:var(--gold);color:#000;transform:scale(1.05)}
.streak-dot.mega{background:linear-gradient(135deg,var(--gold),#f97316);color:#000}
.streak-info{color:var(--muted);font-size:.82rem;text-align:center;margin-bottom:10px}
.daily-earned{
  text-align:center;font-size:1.8rem;font-weight:800;color:var(--gold);
  animation:earnPop .5s ease;margin:12px 0;
}
@keyframes earnPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}100%{transform:scale(1);opacity:1}}
.referral-link-wrap{display:flex;gap:6px;margin-bottom:10px}
.referral-link{
  flex:1;background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:10px;
  color:var(--text);padding:10px 12px;font-size:.78rem;font-family:inherit;outline:none;
}
.copy-link-btn{
  background:var(--primary);color:#fff;border:none;border-radius:10px;
  padding:10px 14px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s;
}
.copy-link-btn:active{transform:scale(.95)}
.referral-stats{display:flex;gap:10px;margin-bottom:10px}
.ref-stat{
  flex:1;text-align:center;padding:10px;background:var(--card);border-radius:10px;
}
.ref-stat-num{font-size:1.4rem;font-weight:800;color:var(--primary)}
.ref-stat-label{font-size:.7rem;color:var(--muted);margin-top:2px}
.tier-badge-wrap{display:flex;align-items:center;gap:8px;margin-top:6px}
.tier-badge{
  padding:4px 14px;border-radius:50px;font-size:.78rem;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;
}
.tier-bronze{background:rgba(205,127,50,.15);color:#cd7f32}
.tier-silver{background:rgba(192,192,192,.15);color:#c0c0c0}
.tier-gold{background:rgba(240,192,64,.15);color:var(--gold)}
.tier-diamond{background:rgba(185,242,255,.15);color:#b9f2ff}
.tier-progress{color:var(--muted);font-size:.75rem}

/* ─── Leaderboard ────────────────────────────── */
.lb-list{display:flex;flex-direction:column;gap:6px}
.lb-row{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid rgba(255,255,255,.06);
  border-radius:12px;padding:12px 14px;transition:all .2s;
}
.lb-row.lb-me{border-color:var(--primary);background:rgba(168,85,247,.08)}
.lb-rank{width:32px;text-align:center;font-weight:800;font-size:1.1rem}
.lb-name{flex:1;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-notes{font-weight:800;color:var(--gold);font-size:.95rem;display:flex;align-items:center;gap:4px}
.lb-user-card{
  margin-top:14px;padding:16px;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(99,102,241,.08));
  border:1px solid rgba(168,85,247,.2);border-radius:var(--r);text-align:center;
}
.lb-user-rank{font-size:2rem;font-weight:800;color:var(--primary)}
.lb-user-label{color:var(--muted);font-size:.82rem}

/* ─── Glassmorphism ──────────────────────────── */
.glass{
  background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
}
.opt{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.player{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--card);border:1px solid var(--glass-border)}
.price-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wallet-balance{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.game-wrap{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ─── Micro-animations ──────────────────────── */
@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes breathe{0%,100%{box-shadow:0 0 20px rgba(168,85,247,.15)}50%{box-shadow:0 0 40px rgba(168,85,247,.3)}}
@keyframes borderGlow{0%,100%{border-color:rgba(168,85,247,.2)}50%{border-color:rgba(168,85,247,.5)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes textGlow{0%,100%{text-shadow:0 0 10px rgba(240,192,64,.3)}50%{text-shadow:0 0 25px rgba(240,192,64,.6)}}

.opt{transition:all .25s cubic-bezier(.4,0,.2,1)}
.opt:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.opt:active{transform:scale(.95) translateY(0)}
.opt.selected{animation:scaleIn .25s ease}

.btn{transition:all .25s cubic-bezier(.4,0,.2,1)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(168,85,247,.45)}
.btn-primary:active{transform:scale(.97)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(240,192,64,.45)}
.btn-gold:active{transform:scale(.97)}

.step{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}
.price-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.order-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}

.hero-track-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.hero-track-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.3)}
.hero-review-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.hero-review-card:hover{transform:translateY(-2px)}

/* ─── Skeleton Loading ──────────────────────── */
.skeleton{
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);
  background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;
  border-radius:8px;
}
.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}
.skeleton-text.w60{width:60%}
.skeleton-text.w80{width:80%}
.skeleton-text.w40{width:40%}
.skeleton-circle{width:48px;height:48px;border-radius:50%}
.skeleton-card{
  background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 75%);
  background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;
  border-radius:var(--r);padding:16px;height:100px;border:1px solid var(--glass-border);
}

/* ─── Confetti (enhanced) ───────────────────── */
.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}

/* ─── Social proof ticker ───────────────────── */
.social-proof-ticker{
  overflow:hidden;height:32px;position:relative;margin:12px 16px 0;
}
.social-proof-item{
  position:absolute;width:100%;text-align:center;font-size:.78rem;color:var(--muted);
  padding:6px 12px;background:rgba(168,85,247,.06);border-radius:10px;
  border:1px solid rgba(168,85,247,.1);
  animation:tickerSlide 4s ease-in-out;
}
@keyframes tickerSlide{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.social-proof-item strong{color:var(--gold);font-weight:700}

/* ─── Generation loader (glassmorphic) ──────── */
.gen-loader-wrap{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 0;flex:1;
}
.gen-loader-video{
  width:100%;max-width:300px;border-radius:18px;
  box-shadow:0 8px 40px rgba(168,85,247,.2),0 0 60px rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.15);
  transition:box-shadow .3s;
}
.gen-loader-video.long-wait{
  box-shadow:0 8px 40px rgba(240,192,64,.25),0 0 80px rgba(240,192,64,.1);
  border-color:rgba(240,192,64,.2);
}

/* ─── Demo player glow ──────────────────────── */
.player-glow{
  position:relative;overflow:visible;
}
.player-glow::before{
  content:'';position:absolute;inset:-2px;border-radius:calc(var(--r) + 2px);
  background:linear-gradient(135deg,var(--primary),var(--gold),var(--accent),var(--primary));
  background-size:300% 300%;animation:gradientShift 4s ease infinite;
  z-index:-1;opacity:.5;filter:blur(8px);
}
.player-glow audio{filter:brightness(1.1)}
.player-glow .player-badge{animation:textGlow 2s ease-in-out infinite}

/* ─── Lyrics loader (glassmorphic) ──────────── */
.lyrics-loader-wrap{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;padding:20px 0;
}
.lyrics-loader-video{
  width:100%;max-width:320px;border-radius:18px;
  box-shadow:0 8px 40px rgba(99,102,241,.2),0 0 60px rgba(99,102,241,.08);
  border:1px solid rgba(99,102,241,.15);
}
.lyrics-loader-text{
  text-align:center;padding:12px 20px;background:var(--glass);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--glass-border);border-radius:14px;
}
.lyrics-loader-text strong{color:var(--text);display:block;margin-bottom:4px;font-size:1rem}
.lyrics-loader-text span{color:var(--muted);font-size:.85rem}
.lyrics-dots::after{content:'';animation:dots 1.5s steps(4,end) infinite}
@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}

/* ─── Song ready celebration ────────────────── */
.song-ready-anim .done-icon{animation:float 2s ease-in-out infinite}
.song-ready-anim .step-title{animation:scaleIn .5s ease .2s both}
.song-ready-anim .step-sub{animation:slideUp .5s ease .4s both}

/* ─── Language switcher ─────────────────────── */
.lang-switcher{
  position:fixed;
  top:calc(8px + env(safe-area-inset-top,0px));
  right:max(8px, calc((100vw - 480px)/2 + 8px));
  z-index:220;
}
.lang-trigger{
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(16,16,40,.78);
  color:#fff;font-size:1rem;cursor:pointer;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.lang-menu{
  display:none;position:absolute;top:42px;right:0;min-width:112px;
  padding:6px;background:rgba(16,16,40,.92);
  border:1px solid rgba(255,255,255,.1);border-radius:12px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.lang-switcher.open .lang-menu{display:block}
.lang-btn{
  width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;
  padding:8px 10px;border-radius:10px;border:none;background:none;
  color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;
}
.lang-btn.active{background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(99,102,241,.28));color:#fff}

/* ─── Onboarding overlay ────────────────────── */
#onboardOverlay{
  position:fixed;inset:0;z-index:9990;
  background:#0a0a1a;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  animation:fadeIn .4s;
}
.onboard-bg{
  position:absolute;inset:0;overflow:hidden;
}
.onboard-bg::before{
  content:'';position:absolute;top:-30%;left:-20%;width:80%;height:80%;
  background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);
  animation:float 6s ease-in-out infinite;
}
.onboard-bg::after{
  content:'';position:absolute;bottom:-20%;right:-20%;width:70%;height:70%;
  background:radial-gradient(circle,rgba(240,192,64,.12) 0%,transparent 70%);
  animation:float 8s ease-in-out infinite reverse;
}
.onboard-card{
  position:relative;z-index:1;width:100%;max-width:480px;
  background:linear-gradient(180deg,transparent 0%,rgba(10,10,26,.95) 20%,rgba(10,10,26,1) 100%);
  padding:40px 28px 50px;text-align:center;
}
.onboard-icon{
  font-size:5rem;margin-bottom:20px;
  filter:drop-shadow(0 0 30px rgba(168,85,247,.4));
  animation:float 3s ease-in-out infinite;
}
.onboard-title{
  font-size:1.6rem;font-weight:800;margin-bottom:10px;line-height:1.2;
  background:linear-gradient(135deg,#fff 60%,rgba(168,85,247,.8));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.onboard-sub{color:rgba(255,255,255,.6);font-size:.95rem;line-height:1.55;margin-bottom:28px}
.onboard-dots{display:flex;gap:7px;justify-content:center;margin-bottom:24px}
.onboard-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s}
.onboard-dot.active{background:var(--primary);width:24px;border-radius:4px}
.onboard-btn{
  width:100%;padding:16px;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;
  background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;
  cursor:pointer;font-family:inherit;transition:all .2s;
  box-shadow:0 8px 32px rgba(168,85,247,.35);
}
.onboard-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(168,85,247,.45)}
.onboard-skip{
  background:none;border:none;color:rgba(255,255,255,.3);font-size:.8rem;
  cursor:pointer;font-family:inherit;margin-top:14px;display:block;width:100%;padding:6px;
  transition:color .2s;
}
.onboard-skip:hover{color:rgba(255,255,255,.6)}

/* ─── Typewriter effect ─────────────────────── */
.typewriter-cursor{
  display:inline-block;width:2px;height:1em;background:var(--primary);
  animation:blink .7s steps(1) infinite;vertical-align:text-bottom;margin-left:1px;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

html[data-market="pl"]{
  --bg:#fff9f7;--surface:rgba(255,255,255,.94);--card:rgba(255,255,255,.86);
  --primary:#d4213d;--accent:#f06a7f;--gold:#d4a84f;
  --text:#1f2430;--muted:#667085;--success:#15803d;--danger:#dc2626;
  --glass:rgba(255,255,255,.78);--glass-border:rgba(212,33,61,.12);
}
html[data-market="pl"] body{
  background:
    radial-gradient(circle at top left, rgba(233,122,141,.12), transparent 28%),
    linear-gradient(180deg, #fff9f7 0%, #fff2f4 100%);
}
html[data-market="pl"] body::before{
  background:
    radial-gradient(circle at 25% 18%,rgba(212,33,61,.08) 0%,transparent 32%),
    radial-gradient(circle at 82% 84%,rgba(212,33,61,.06) 0%,transparent 28%);
}
html[data-market="pl"] .header{padding:14px 0 10px}
html[data-market="pl"] .logo{color:var(--text)}
html[data-market="pl"] .tab-bar{
  background:linear-gradient(180deg,rgba(255,249,247,.96),rgba(255,242,244,.98));
  border-top:1px solid rgba(212,33,61,.12);
}
html[data-market="pl"] .tab-btn{color:#8c6070}
html[data-market="pl"] .tab-btn.active{
  color:var(--primary);
  background:linear-gradient(180deg,#ffffff,#fff3f5);
  border:1px solid rgba(212,33,61,.22);
  box-shadow:0 8px 20px rgba(212,33,61,.10);
}
html[data-market="pl"] .progress-dot{background:rgba(31,36,48,.08)}
html[data-market="pl"] .step-title,
html[data-market="pl"] .showcase-modal-title,
html[data-market="pl"] .questionnaire-showcase-title,
html[data-market="pl"] .agent-intro-title,
html[data-market="pl"] .agent-video-title,
html[data-market="pl"] .order-card-title{color:var(--text)}
html[data-market="pl"] .step-sub,
html[data-market="pl"] .questionnaire-showcase-sub,
html[data-market="pl"] .questionnaire-showcase-note,
html[data-market="pl"] .showcase-modal-sub,
html[data-market="pl"] .agent-intro-sub,
html[data-market="pl"] .agent-intro-note,
html[data-market="pl"] .agent-role,
html[data-market="pl"] .order-card-meta{color:var(--muted)}
html[data-market="pl"] .btn-primary{
  background:linear-gradient(180deg,#d4213d,#b61c34);
  color:#fff;
  box-shadow:0 6px 0 rgba(131,23,40,.95),0 14px 28px rgba(212,33,61,.20);
}
html[data-market="pl"] .btn-primary:hover{box-shadow:0 8px 0 rgba(131,23,40,.95),0 18px 34px rgba(212,33,61,.26)}
html[data-market="pl"] .btn-gold{
  background:linear-gradient(180deg,#f2c66d,#d4a84f);
  color:#241b0d;
  box-shadow:0 6px 0 rgba(163,122,44,.95),0 14px 28px rgba(212,168,79,.20);
}
html[data-market="pl"] .btn-gold:hover{box-shadow:0 8px 0 rgba(163,122,44,.95),0 18px 34px rgba(212,168,79,.26)}
html[data-market="pl"] .btn-outline{
  background:#fff;
  color:var(--text);
  border-color:rgba(212,33,61,.14);
  box-shadow:0 6px 0 rgba(226,213,217,.95),0 14px 28px rgba(31,36,48,.06);
}
html[data-market="pl"] .btn-outline:hover{border-color:rgba(212,33,61,.22);box-shadow:0 8px 0 rgba(226,213,217,.95),0 18px 34px rgba(31,36,48,.08)}
html[data-market="pl"] #themes .opt,
html[data-market="pl"] #styles .opt,
html[data-market="pl"] #moods .opt,
html[data-market="pl"] #languages .opt,
html[data-market="pl"] #vocals .opt,
html[data-market="pl"] #heroQuickThemes .opt{
  background:linear-gradient(180deg,#ffffff,#fff7f8);
  border-color:rgba(212,33,61,.10);
  color:var(--text);
  box-shadow:0 7px 0 rgba(233,223,226,.95),0 12px 22px rgba(31,36,48,.08);
}
html[data-market="pl"] #themes .opt:hover,
html[data-market="pl"] #styles .opt:hover,
html[data-market="pl"] #moods .opt:hover,
html[data-market="pl"] #languages .opt:hover,
html[data-market="pl"] #vocals .opt:hover,
html[data-market="pl"] #heroQuickThemes .opt:hover{
  box-shadow:0 10px 0 rgba(233,223,226,.95),0 18px 28px rgba(31,36,48,.10);
}
html[data-market="pl"] #themes .opt.selected,
html[data-market="pl"] #styles .opt.selected,
html[data-market="pl"] #moods .opt.selected,
html[data-market="pl"] #languages .opt.selected,
html[data-market="pl"] #vocals .opt.selected,
html[data-market="pl"] #heroQuickThemes .opt.selected{
  border-color:rgba(212,33,61,.45);
  background:linear-gradient(180deg,rgba(212,33,61,.10),rgba(212,168,79,.10));
  box-shadow:0 4px 0 rgba(196,150,58,.9),0 14px 28px rgba(212,33,61,.10);
}
html[data-market="pl"] .questionnaire-showcase-entry,
html[data-market="pl"] .agent-intro-card,
html[data-market="pl"] .showcase-modal-sheet,
html[data-market="pl"] .wallet-card,
html[data-market="pl"] .order-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(212,33,61,.12);
  box-shadow:0 18px 42px rgba(31,36,48,.08);
}
html[data-market="pl"] .questionnaire-showcase-entry,
html[data-market="pl"] .agent-intro-card,
html[data-market="pl"] .showcase-modal-sheet{
  background:
    radial-gradient(circle at top right,rgba(212,33,61,.08),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,245,247,.98));
}
html[data-market="pl"] .showcase-modal-badge{
  background:rgba(212,33,61,.08);
  border-color:rgba(212,33,61,.16);
  color:#9a1d35;
}
html[data-market="pl"] .agent-video-card,
html[data-market="pl"] .bonus-banner,
html[data-market="pl"] #mySongsNotesSummary,
html[data-market="pl"] #mySongsTopupPanel,
html[data-market="pl"] #mySongsGrowthOffers{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(212,33,61,.12) !important;
  color:var(--text);
}
html[data-market="pl"] #mySongsTopupTitle,
html[data-market="pl"] #mySongsTopupBalanceTitle,
html[data-market="pl"] #mySongsTitleEl,
html[data-market="pl"] #servicesTitleEl,
html[data-market="pl"] #topTitleEl{color:var(--text) !important}
html[data-market="pl"] .status-processing{background:rgba(212,33,61,.10);color:var(--primary)}
html[data-market="pl"] .status-paid{background:rgba(21,128,61,.10);color:#15803d}
html[data-market="pl"] .card-btn-share{border-color:rgba(212,33,61,.16);color:var(--primary)}
html[data-market="pl"] .card-btn{background:#fff;color:var(--text);border-color:rgba(212,33,61,.12)}

html[data-entry-mode="makepay_ua_v2"],
html[data-entry-mode="pisnya_podarunok_uno"], html[data-entry-mode="podari_pesen_com"]{
  --bg:#fffaf8;
  --surface:rgba(255,255,255,.94);
  --card:#ffffff;
  --primary:#bf5c73;
  --accent:#b16b7c;
  --gold:#d8a54a;
  --text:#1f2430;
  --muted:#667085;
  --glass:rgba(255,255,255,.72);
  --glass-border:rgba(191,92,115,.12);
}
html[data-entry-mode="makepay_ua_v2"] body,
html[data-entry-mode="pisnya_podarunok_uno"] body, html[data-entry-mode="podari_pesen_com"] body{
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(191,92,115,.06) 0%, transparent 34%),
    radial-gradient(circle at top right, rgba(216,165,74,.06) 0%, transparent 28%),
    linear-gradient(180deg,#fffaf8 0%,#fff6f3 48%,#fff2ee 100%);
}
html[data-entry-mode="makepay_ua_v2"] body::before,
html[data-entry-mode="pisnya_podarunok_uno"] body::before, html[data-entry-mode="podari_pesen_com"] body::before{
  background:
    radial-gradient(circle at 28% 18%,rgba(191,92,115,.04) 0%,transparent 36%),
    radial-gradient(circle at 78% 82%,rgba(216,165,74,.06) 0%,transparent 30%);
}
html[data-entry-mode="makepay_ua_v2"] .logo,
html[data-entry-mode="makepay_ua_v2"] .step-title,
html[data-entry-mode="makepay_ua_v2"] .player-title,
html[data-entry-mode="makepay_ua_v2"] .agent-intro-title,
html[data-entry-mode="makepay_ua_v2"] .agent-name,
html[data-entry-mode="makepay_ua_v2"] .wallet-balance,
html[data-entry-mode="makepay_ua_v2"] .done-icon,
html[data-entry-mode="pisnya_podarunok_uno"] .logo, html[data-entry-mode="podari_pesen_com"] .logo,
html[data-entry-mode="pisnya_podarunok_uno"] .step-title, html[data-entry-mode="podari_pesen_com"] .step-title,
html[data-entry-mode="pisnya_podarunok_uno"] .player-title, html[data-entry-mode="podari_pesen_com"] .player-title,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-intro-title, html[data-entry-mode="podari_pesen_com"] .agent-intro-title,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-name, html[data-entry-mode="podari_pesen_com"] .agent-name,
html[data-entry-mode="pisnya_podarunok_uno"] .wallet-balance, html[data-entry-mode="podari_pesen_com"] .wallet-balance,
html[data-entry-mode="pisnya_podarunok_uno"] .done-icon, html[data-entry-mode="podari_pesen_com"] .done-icon{
  color:#1f2430 !important;
  -webkit-text-fill-color:initial !important;
}
html[data-entry-mode="makepay_ua_v2"] .step-sub,
html[data-entry-mode="makepay_ua_v2"] .player-sub,
html[data-entry-mode="makepay_ua_v2"] .agent-intro-sub,
html[data-entry-mode="makepay_ua_v2"] .agent-role,
html[data-entry-mode="makepay_ua_v2"] .agent-intro-note,
html[data-entry-mode="pisnya_podarunok_uno"] .step-sub, html[data-entry-mode="podari_pesen_com"] .step-sub,
html[data-entry-mode="pisnya_podarunok_uno"] .player-sub, html[data-entry-mode="podari_pesen_com"] .player-sub,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-intro-sub, html[data-entry-mode="podari_pesen_com"] .agent-intro-sub,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-role, html[data-entry-mode="podari_pesen_com"] .agent-role,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-intro-note, html[data-entry-mode="podari_pesen_com"] .agent-intro-note{
  color:var(--muted) !important;
}
html[data-entry-mode="makepay_ua_v2"] .lang-trigger,
html[data-entry-mode="makepay_ua_v2"] .lang-menu,
html[data-entry-mode="makepay_ua_v2"] .step,
html[data-entry-mode="makepay_ua_v2"] .player,
html[data-entry-mode="makepay_ua_v2"] .questionnaire-showcase-entry,
html[data-entry-mode="makepay_ua_v2"] .showcase-modal-sheet,
html[data-entry-mode="makepay_ua_v2"] .agent-intro-card,
html[data-entry-mode="makepay_ua_v2"] .agent-video-card,
html[data-entry-mode="makepay_ua_v2"] .wallet-card,
html[data-entry-mode="makepay_ua_v2"] .order-card,
html[data-entry-mode="makepay_ua_v2"] #mySongsNotesSummary,
html[data-entry-mode="makepay_ua_v2"] #mySongsTopupPanel,
html[data-entry-mode="makepay_ua_v2"] #mySongsGrowthOffers,
html[data-entry-mode="makepay_ua_v2"] #notesPayBox,
html[data-entry-mode="makepay_ua_v2"] #notesTopupBox,
html[data-entry-mode="makepay_ua_v2"] #s9AuthCardEl,
html[data-entry-mode="makepay_ua_v2"] #s9TrustBox,
html[data-entry-mode="pisnya_podarunok_uno"] .lang-trigger, html[data-entry-mode="podari_pesen_com"] .lang-trigger,
html[data-entry-mode="pisnya_podarunok_uno"] .lang-menu, html[data-entry-mode="podari_pesen_com"] .lang-menu,
html[data-entry-mode="pisnya_podarunok_uno"] .step, html[data-entry-mode="podari_pesen_com"] .step,
html[data-entry-mode="pisnya_podarunok_uno"] .player, html[data-entry-mode="podari_pesen_com"] .player,
html[data-entry-mode="pisnya_podarunok_uno"] .questionnaire-showcase-entry, html[data-entry-mode="podari_pesen_com"] .questionnaire-showcase-entry,
html[data-entry-mode="pisnya_podarunok_uno"] .showcase-modal-sheet, html[data-entry-mode="podari_pesen_com"] .showcase-modal-sheet,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-intro-card, html[data-entry-mode="podari_pesen_com"] .agent-intro-card,
html[data-entry-mode="pisnya_podarunok_uno"] .agent-video-card, html[data-entry-mode="podari_pesen_com"] .agent-video-card,
html[data-entry-mode="pisnya_podarunok_uno"] .wallet-card, html[data-entry-mode="podari_pesen_com"] .wallet-card,
html[data-entry-mode="pisnya_podarunok_uno"] .order-card, html[data-entry-mode="podari_pesen_com"] .order-card,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsNotesSummary, html[data-entry-mode="podari_pesen_com"] #mySongsNotesSummary,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsTopupPanel, html[data-entry-mode="podari_pesen_com"] #mySongsTopupPanel,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsGrowthOffers, html[data-entry-mode="podari_pesen_com"] #mySongsGrowthOffers,
html[data-entry-mode="pisnya_podarunok_uno"] #notesPayBox, html[data-entry-mode="podari_pesen_com"] #notesPayBox,
html[data-entry-mode="pisnya_podarunok_uno"] #notesTopupBox, html[data-entry-mode="podari_pesen_com"] #notesTopupBox,
html[data-entry-mode="pisnya_podarunok_uno"] #s9AuthCardEl, html[data-entry-mode="podari_pesen_com"] #s9AuthCardEl,
html[data-entry-mode="pisnya_podarunok_uno"] #s9TrustBox, html[data-entry-mode="podari_pesen_com"] #s9TrustBox{
  background:
    radial-gradient(circle at top right, rgba(191,92,115,.05), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,246,.98)) !important;
  border:1px solid rgba(191,92,115,.12) !important;
  box-shadow:0 18px 42px rgba(31,36,48,.08) !important;
  color:var(--text) !important;
}
html[data-entry-mode="makepay_ua_v2"] #mySongsTopupBalance,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsTopupBalance, html[data-entry-mode="podari_pesen_com"] #mySongsTopupBalance{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(191,92,115,.14) !important;
}
html[data-entry-mode="makepay_ua_v2"] #mySongsTopupBalanceTitle,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsTopupBalanceTitle, html[data-entry-mode="podari_pesen_com"] #mySongsTopupBalanceTitle{
  color:#5d4250 !important;
}
html[data-entry-mode="makepay_ua_v2"] #mySongsTopupBalanceSub,
html[data-entry-mode="pisnya_podarunok_uno"] #mySongsTopupBalanceSub, html[data-entry-mode="podari_pesen_com"] #mySongsTopupBalanceSub{
  color:#6b7280 !important;
}
html[data-entry-mode="makepay_ua_v2"] .btn-outline,
html[data-entry-mode="makepay_ua_v2"] .btn-back,
html[data-entry-mode="makepay_ua_v2"] .btn-auth-home,
html[data-entry-mode="makepay_ua_v2"] .btn-my-songs-home,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-outline, html[data-entry-mode="podari_pesen_com"] .btn-outline,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-back, html[data-entry-mode="podari_pesen_com"] .btn-back,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-auth-home, html[data-entry-mode="podari_pesen_com"] .btn-auth-home,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-my-songs-home, html[data-entry-mode="podari_pesen_com"] .btn-my-songs-home{
  background:#fff !important;
  color:var(--text) !important;
  border-color:rgba(191,92,115,.12) !important;
  box-shadow:0 8px 0 rgba(237,228,231,.95),0 18px 28px rgba(31,36,48,.08) !important;
}
html[data-entry-mode="makepay_ua_v2"] .btn-gold,
html[data-entry-mode="makepay_ua_v2"] .btn-primary,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-gold, html[data-entry-mode="podari_pesen_com"] .btn-gold,
html[data-entry-mode="pisnya_podarunok_uno"] .btn-primary, html[data-entry-mode="podari_pesen_com"] .btn-primary{
  background:linear-gradient(180deg,#c4647b,#a85066) !important;
  color:#fff !important;
}
html[data-entry-mode="makepay_ua_v2"] .form-input,
html[data-entry-mode="makepay_ua_v2"] textarea,
html[data-entry-mode="pisnya_podarunok_uno"] .form-input, html[data-entry-mode="podari_pesen_com"] .form-input,
html[data-entry-mode="pisnya_podarunok_uno"] textarea, html[data-entry-mode="podari_pesen_com"] textarea{
  background:#fff !important;
  color:var(--text) !important;
  border-color:rgba(191,92,115,.14) !important;
}
html[data-entry-mode="makepay_ua_v2"] .form-input::placeholder,
html[data-entry-mode="makepay_ua_v2"] textarea::placeholder,
html[data-entry-mode="pisnya_podarunok_uno"] .form-input::placeholder, html[data-entry-mode="podari_pesen_com"] .form-input::placeholder,
html[data-entry-mode="pisnya_podarunok_uno"] textarea::placeholder, html[data-entry-mode="podari_pesen_com"] textarea::placeholder{
  color:#99a1b3 !important;
}
html[data-entry-mode="makepay_ua_v2"] #themes .opt,
html[data-entry-mode="makepay_ua_v2"] #styles .opt,
html[data-entry-mode="makepay_ua_v2"] #moods .opt,
html[data-entry-mode="makepay_ua_v2"] #languages .opt,
html[data-entry-mode="makepay_ua_v2"] #vocals .opt,
html[data-entry-mode="makepay_ua_v2"] #heroQuickThemes .opt,
html[data-entry-mode="makepay_ua_v2"] #agentQuickThemes .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #themes .opt, html[data-entry-mode="podari_pesen_com"] #themes .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #styles .opt, html[data-entry-mode="podari_pesen_com"] #styles .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #moods .opt, html[data-entry-mode="podari_pesen_com"] #moods .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #languages .opt, html[data-entry-mode="podari_pesen_com"] #languages .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #vocals .opt, html[data-entry-mode="podari_pesen_com"] #vocals .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickThemes .opt, html[data-entry-mode="podari_pesen_com"] #heroQuickThemes .opt,
html[data-entry-mode="pisnya_podarunok_uno"] #agentQuickThemes .opt, html[data-entry-mode="podari_pesen_com"] #agentQuickThemes .opt{
  background:linear-gradient(180deg,#ffffff,#fff8f7);
  border-color:rgba(191,92,115,.10);
  color:var(--text);
  box-shadow:0 7px 0 rgba(233,223,226,.95),0 12px 22px rgba(31,36,48,.08);
}
html[data-entry-mode="makepay_ua_v2"] #themes .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #styles .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #moods .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #languages .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #vocals .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #heroQuickThemes .opt.selected,
html[data-entry-mode="makepay_ua_v2"] #agentQuickThemes .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #themes .opt.selected, html[data-entry-mode="podari_pesen_com"] #themes .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #styles .opt.selected, html[data-entry-mode="podari_pesen_com"] #styles .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #moods .opt.selected, html[data-entry-mode="podari_pesen_com"] #moods .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #languages .opt.selected, html[data-entry-mode="podari_pesen_com"] #languages .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #vocals .opt.selected, html[data-entry-mode="podari_pesen_com"] #vocals .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickThemes .opt.selected, html[data-entry-mode="podari_pesen_com"] #heroQuickThemes .opt.selected,
html[data-entry-mode="pisnya_podarunok_uno"] #agentQuickThemes .opt.selected, html[data-entry-mode="podari_pesen_com"] #agentQuickThemes .opt.selected{
  border-color:rgba(191,92,115,.45);
  background:linear-gradient(180deg,rgba(191,92,115,.10),rgba(216,165,74,.12));
}
html[data-entry-mode="makepay_ua_v2"] .timer-bar,
html[data-entry-mode="pisnya_podarunok_uno"] .timer-bar, html[data-entry-mode="podari_pesen_com"] .timer-bar{
  background:linear-gradient(180deg,#fff7e9,#fff2f3) !important;
  border-color:rgba(216,165,74,.30) !important;
}
html[data-entry-mode="makepay_ua_v2"] .timer-text,
html[data-entry-mode="makepay_ua_v2"] .timer-countdown,
html[data-entry-mode="pisnya_podarunok_uno"] .timer-text, html[data-entry-mode="podari_pesen_com"] .timer-text,
html[data-entry-mode="pisnya_podarunok_uno"] .timer-countdown, html[data-entry-mode="podari_pesen_com"] .timer-countdown{
  color:#5c6272 !important;
}
html[data-entry-mode="makepay_ua_v2"] .focus-kid-note,
html[data-entry-mode="pisnya_podarunok_uno"] .focus-kid-note, html[data-entry-mode="podari_pesen_com"] .focus-kid-note{
  color:#4a5161 !important;
  background:rgba(216,165,74,.12) !important;
  border-color:rgba(216,165,74,.28) !important;
}
html[data-entry-mode="makepay_ua_v2"] .theme-guide-bubble,
html[data-entry-mode="pisnya_podarunok_uno"] .theme-guide-bubble, html[data-entry-mode="podari_pesen_com"] .theme-guide-bubble{
  background:rgba(255,255,255,.98) !important;
  color:#5b4250 !important;
}
html[data-entry-mode="makepay_ua_v2"] .tab-bar,
html[data-entry-mode="pisnya_podarunok_uno"] .tab-bar, html[data-entry-mode="podari_pesen_com"] .tab-bar{
  display:flex !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-bar, html[data-entry-mode="podari_pesen_com"] .tab-bar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,246,247,.98)) !important;
  border-top:1px solid rgba(191,92,115,.12) !important;
  box-shadow:0 -10px 30px rgba(31,36,48,.08) !important;
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-btn, html[data-entry-mode="podari_pesen_com"] .tab-btn{
  color:#8b6d78 !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-btn.active, html[data-entry-mode="podari_pesen_com"] .tab-btn.active{
  color:#6a2d3c !important;
  background:linear-gradient(180deg,rgba(196,100,123,.12),rgba(216,165,74,.12)) !important;
  border:1px solid rgba(196,100,123,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px rgba(196,100,123,.10) !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-btn:not(.active):active, html[data-entry-mode="podari_pesen_com"] .tab-btn:not(.active):active{
  background:rgba(196,100,123,.08) !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-btn .tab-badge, html[data-entry-mode="podari_pesen_com"] .tab-btn .tab-badge{
  box-shadow:0 4px 10px rgba(230,75,75,.18);
}
html[data-entry-mode="pisnya_podarunok_uno"] .tab-content, html[data-entry-mode="podari_pesen_com"] .tab-content{
  padding-bottom:88px !important;
}
html[data-entry-mode="makepay_ua_v2"] .tab-bar{
  display:none !important;
}
html[data-entry-mode="makepay_ua_v2"] .app,
html[data-entry-mode="pisnya_podarunok_uno"] .app, html[data-entry-mode="podari_pesen_com"] .app{
  padding-bottom:24px !important;
}
html[data-entry-mode="makepay_ua_v2"] .brand-flag,
html[data-entry-mode="pisnya_podarunok_uno"] .brand-flag, html[data-entry-mode="podari_pesen_com"] .brand-flag{
  display:none !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .logo, html[data-entry-mode="podari_pesen_com"] .logo{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .header, html[data-entry-mode="podari_pesen_com"] .header{
  padding:14px 0 10px !important;
}
html[data-entry-mode="pisnya_podarunok_uno"].questionnaire-compact .header,
html[data-entry-mode="podari_pesen_com"].questionnaire-compact .header{
  padding:10px 0 4px !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-badge, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:9px 16px;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,1),rgba(255,246,248,.97)),
    linear-gradient(135deg,rgba(255,232,184,.55),rgba(196,101,123,.08));
  border:1px solid rgba(196,101,123,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 1px rgba(241,207,132,.28),
    0 12px 28px rgba(31,36,48,.08),
    0 8px 20px rgba(216,165,74,.12);
}
html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-icon, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 30% 30%,#fffdf3 0%,#ffeab8 38%,#f0c975 100%);
  color:#9a6b1f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 16px rgba(216,165,74,.22);
  font-size:15px;
  line-height:1;
}
html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-wordmark, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-wordmark{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  letter-spacing:-.03em;
  font-weight:900;
  font-size:1.02rem;
  line-height:1;
}
html[data-entry-mode="pisnya_podarunok_uno"] .logo .pisnya-logo-primary, html[data-entry-mode="podari_pesen_com"] .logo .pisnya-logo-primary,
html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-primary, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-primary{
  color:#242938;
}
html[data-entry-mode="pisnya_podarunok_uno"] .logo .pisnya-logo-accent, html[data-entry-mode="podari_pesen_com"] .logo .pisnya-logo-accent,
html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-accent, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-accent{
  background:linear-gradient(180deg,#c4647b,#a85066);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
html[data-entry-mode="pisnya_podarunok_uno"] #botPayBrandEl .pisnya-brand-badge, html[data-entry-mode="podari_pesen_com"] #botPayBrandEl .pisnya-brand-badge{
  margin:0 auto;
}
@media(max-width:640px){
  html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-badge, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-badge{
    gap:8px;
    padding:8px 14px;
  }
  html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-icon, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-icon{
    width:28px;
    height:28px;
    font-size:14px;
  }
  html[data-entry-mode="pisnya_podarunok_uno"] .pisnya-brand-wordmark, html[data-entry-mode="podari_pesen_com"] .pisnya-brand-wordmark{
    font-size:.96rem;
  }
}
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickEntrySection, html[data-entry-mode="podari_pesen_com"] #heroQuickEntrySection{
  padding-top:20px !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickEntrySection > div:first-child div:first-child, html[data-entry-mode="podari_pesen_com"] #heroQuickEntrySection > div:first-child div:first-child{
  font-size:1.3rem !important;
  color:#2a3040 !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] #heroQuickEntrySection > div:first-child div:last-child, html[data-entry-mode="podari_pesen_com"] #heroQuickEntrySection > div:first-child div:last-child{
  font-size:.92rem !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] .questionnaire-showcase-entry, html[data-entry-mode="podari_pesen_com"] .questionnaire-showcase-entry{
  display:none !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] #authSaveCardEl, html[data-entry-mode="podari_pesen_com"] #authSaveCardEl{
  background:linear-gradient(180deg,rgba(255,248,230,.98),rgba(255,243,245,.98)) !important;
  border:1px solid rgba(216,165,74,.28) !important;
  box-shadow:0 10px 24px rgba(216,165,74,.10) !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] #authSaveCardTitleEl, html[data-entry-mode="podari_pesen_com"] #authSaveCardTitleEl{
  color:#5b4250 !important;
}
html[data-entry-mode="pisnya_podarunok_uno"] #authSaveCardSubEl, html[data-entry-mode="podari_pesen_com"] #authSaveCardSubEl{
  color:#7a7f8f !important;
}

@media(min-width:520px){.options{grid-template-columns:1fr 1fr 1fr}}
@media(min-width:520px){html[data-theme-variant="v2"] .theme-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}