/* ==========================================================================
   LIRY DESIGN SYSTEM — single customer-facing stylesheet (2026-09)
   Replaces style.css + every additive "vXX" layer for customer pages.
   Sections: 1 tokens · 2 base · 3 layout/type · 4 buttons · 5 forms · 6 header
   7 footer/floating · 8 home · 9 wizard · 10 player/cover · 11 song page
   12 dashboard · 13 auth · 14 documents · 15 magazine · 16 states · 17 a11y
   ========================================================================== */

/* 1. TOKENS ------------------------------------------------------------- */
:root{
  --bg:#FBF7F2;
  --surface:#FFFFFF;
  --surface-2:#FFF4EA;
  --surface-3:#F6EFE8;
  --ink:#1C1613;
  --text:#1F1915;
  --text-2:#5E534B;
  --text-3:#8B7F76;
  --brand:#F26B1D;
  --brand-strong:#DE5A0F;
  --brand-hover:#C94F0B;
  --brand-ink:#A8450A;
  --brand-soft:#FFF0E3;
  --brand-soft-2:#FFE3CC;
  --success:#1E8A5C; --success-soft:#E6F6EE; --success-ink:#14603F;
  --warning:#B26A00; --warning-soft:#FFF4DE;
  --error:#C0392B; --error-soft:#FDECEA; --error-ink:#8E2A1F;
  --info:#2457A6; --info-soft:#E8F0FC;
  --border:#ECE3DA;
  --border-strong:#D8CCC0;
  --focus:0 0 0 3px rgba(242,107,29,.32);
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-full:999px;
  --shadow-sm:0 1px 2px rgba(28,22,19,.04),0 2px 10px rgba(28,22,19,.05);
  --shadow-md:0 6px 18px rgba(28,22,19,.07),0 14px 40px rgba(28,22,19,.06);
  --shadow-lg:0 24px 60px rgba(28,22,19,.14);
  --shadow-brand:0 10px 26px rgba(222,90,15,.28);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px; --s-9:48px; --s-10:64px; --s-11:88px;
  --container:1120px; --container-narrow:780px; --container-text:700px;
  --input-h:54px; --btn-h:54px; --btn-h-sm:42px;
  --ease:cubic-bezier(.2,.7,.2,1); --dur:.18s;
  --font:'Rubik','Heebo','Segoe UI',Arial,sans-serif;
  --liry-access-font-scale:1;
}

/* 2. BASE ----------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:calc(16px * var(--liry-access-font-scale,1));-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.liry{overflow-x:clip}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand-ink)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0}
.liry-icon{flex:none}
[hidden]{display:none!important}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-xs)}
.liry-skip{position:absolute;top:-60px;right:16px;z-index:10001;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-sm);font-weight:600}
.liry-skip:focus{top:12px;color:#fff}
::selection{background:var(--brand-soft-2);color:var(--ink)}
::placeholder{color:#9A8F86;opacity:1}

/* 3. LAYOUT + TYPE -------------------------------------------------------- */
.liry-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.liry-container--narrow{max-width:var(--container-narrow)}
.liry-container--text{max-width:var(--container-text)}
@media(min-width:768px){.liry-container{padding-inline:32px}}
.liry-main{display:block;min-height:60vh;padding-bottom:calc(var(--s-10) + env(safe-area-inset-bottom))}
.liry-section{padding-block:clamp(44px,7vw,84px)}
.liry-section--tight{padding-block:clamp(28px,5vw,56px)}
.liry-section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.liry-section__head{max-width:640px;margin:0 auto clamp(24px,4vw,40px);text-align:center}
.liry-section__head--start{margin-inline:0;text-align:start}
.liry-section__head p{margin-top:10px;color:var(--text-2);font-size:1.0625rem}

.liry-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--brand-ink);background:var(--brand-soft);border-radius:var(--r-full);padding:6px 12px;line-height:1.3}
.liry-display{font-size:clamp(2.125rem,7.4vw,3.75rem);line-height:1.08;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.liry-h1{font-size:clamp(1.75rem,5.6vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.018em;color:var(--ink)}
.liry-h2{font-size:clamp(1.5rem,4.2vw,2.125rem);line-height:1.2;font-weight:700;letter-spacing:-.014em;color:var(--ink)}
.liry-h3{font-size:1.25rem;line-height:1.3;font-weight:600;color:var(--ink)}
.liry-h4{font-size:1.0625rem;line-height:1.35;font-weight:600;color:var(--ink)}
.liry-lead{font-size:clamp(1.0625rem,2.2vw,1.1875rem);line-height:1.6;color:var(--text-2);max-width:560px}
.liry-muted{color:var(--text-2)}
.liry-meta{font-size:.8125rem;color:var(--text-3);font-weight:500}
.liry-price{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em}
.liry-center{text-align:center}
.liry-center .liry-lead{margin-inline:auto}
.liry-stack{display:grid;gap:var(--s-4)}
.liry-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.liry-divider{height:1px;background:var(--border);border:0;margin:0}

/* 4. BUTTONS -------------------------------------------------------------- */
.liry-btn,.primary-btn,.ghost-btn,.danger-btn,.dashboard-create-button,.detail-primary,.detail-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--btn-h);padding:0 24px;border-radius:var(--r-full);
  font-weight:600;font-size:1.0625rem;line-height:1.2;text-align:center;white-space:nowrap;border:1.5px solid transparent;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
  cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;position:relative
}
.liry-btn--primary,.primary-btn,.dashboard-create-button,.detail-primary{background:var(--brand-strong);color:#fff;box-shadow:var(--shadow-brand)}
.liry-btn--primary:hover,.primary-btn:hover,.dashboard-create-button:hover,.detail-primary:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(222,90,15,.32)}
.liry-btn--primary:active,.primary-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
.liry-btn--dark{background:var(--ink);color:#fff}
.liry-btn--dark:hover{background:#000;color:#fff;transform:translateY(-1px)}
.liry-btn--ghost,.ghost-btn,.detail-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}
.liry-btn--ghost:hover,.ghost-btn:hover,.detail-secondary:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}
.liry-btn--soft{background:var(--brand-soft);color:var(--brand-ink)}
.liry-btn--soft:hover{background:var(--brand-soft-2);color:var(--brand-ink)}
.liry-btn--danger,.danger-btn{background:var(--surface);color:var(--error);border-color:#F1C7C1}
.liry-btn--danger:hover,.danger-btn:hover{background:var(--error-soft);color:var(--error-ink)}
.liry-btn--link{background:none;color:var(--brand-ink);padding:0;min-height:0;border:0;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(168,69,10,.4)}
.liry-btn--link:hover{color:var(--brand-hover)}
.liry-btn--sm,.primary-btn.small,.ghost-btn.small,.danger-btn.small{min-height:var(--btn-h-sm);padding:0 16px;font-size:.9375rem}
.liry-btn--lg{min-height:60px;padding:0 32px;font-size:1.125rem}
.liry-btn--block,.wide{width:100%}
.liry-btn--icon{width:var(--btn-h-sm);min-height:var(--btn-h-sm);padding:0;border-radius:50%}
.liry-btn:disabled,.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled,.liry-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.liry-btn.is-loading{color:transparent!important}
.liry-btn.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:liry-spin .8s linear infinite}
@keyframes liry-spin{to{transform:rotate(360deg)}}
.liry-btn-group{display:flex;flex-wrap:wrap;gap:var(--s-3)}
@media(max-width:560px){.liry-btn-group--stack .liry-btn,.liry-btn-group--stack .primary-btn,.liry-btn-group--stack .ghost-btn{width:100%}}

/* 5. FORMS ---------------------------------------------------------------- */
.liry-field{display:grid;gap:8px;text-align:start}
.liry-field + .liry-field{margin-top:var(--s-4)}
.liry-label,.mini-label{display:block;font-size:.9375rem;font-weight:600;color:var(--ink);line-height:1.35}
.liry-label small,.liry-help,.field-help{font-weight:500;color:var(--text-3);font-size:.8125rem}
.liry-help,.field-help{display:block;line-height:1.5;margin-top:4px}
.liry-input,.step input:not([type="checkbox"]):not([type="radio"]),.step textarea,.step select,.auth-form input,.lyrics-editor,.share-row input,#revisionNote,.pron-customer-form textarea,.pron-customer-form select,.liry-mag-search input{
  width:100%;min-height:var(--input-h);padding:14px 18px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);
  font-size:1rem;line-height:1.5;color:var(--ink);outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.liry-input:hover,.step input:hover,.step textarea:hover,.step select:hover{border-color:#C9BBAE}
.liry-input:focus,.step input:focus,.step textarea:focus,.step select:focus,.auth-form input:focus,.lyrics-editor:focus,#revisionNote:focus,.pron-customer-form textarea:focus,.pron-customer-form select:focus,.liry-mag-search input:focus{border-color:var(--brand);box-shadow:var(--focus)}
.liry-input[aria-invalid="true"],.step input.is-invalid,.step textarea.is-invalid{border-color:var(--error);box-shadow:0 0 0 3px rgba(192,57,43,.15)}
textarea.liry-input,.step textarea,.lyrics-editor,.pron-customer-form textarea{min-height:140px;resize:vertical;line-height:1.7}
.liry-select,.step select,.pron-customer-form select{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='m6 9 6 6 6-6' stroke='%231C1613' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:left 16px center;background-size:18px;padding-left:46px;cursor:pointer;font-weight:500
}
.step input.chip-hidden-input,.chip-hidden-input{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;box-shadow:none!important;opacity:0}
.liry-input-row{display:grid;gap:var(--s-3)}
@media(min-width:640px){.liry-input-row--2{grid-template-columns:1fr 1fr}}

/* Chips (single-choice groups) */
.chip-field{margin:0}
.chip-group{display:flex;flex-wrap:wrap;gap:10px}
.chip-group.shake{animation:liry-shake .45s}
@keyframes liry-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.chip{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:var(--r-full);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent}
.chip:hover{border-color:var(--ink)}
.chip.is-active,.chip[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.chip:focus-visible{box-shadow:var(--focus);border-radius:var(--r-full)}

/* Checkbox rows */
.liry-check,.checkout-consent-row-v115{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;font-size:.9375rem;line-height:1.5;color:var(--text-2);transition:border-color var(--dur) var(--ease)}
.liry-check:hover,.checkout-consent-row-v115:hover{border-color:var(--border-strong)}
.liry-check input,.checkout-consent-row-v115 input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:2px solid var(--border-strong);border-radius:7px;background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:all var(--dur) var(--ease)}
.liry-check input:checked,.checkout-consent-row-v115 input:checked{background:var(--brand-strong);border-color:var(--brand-strong)}
.liry-check input:checked::after,.checkout-consent-row-v115 input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.liry-check input:focus-visible,.checkout-consent-row-v115 input:focus-visible{box-shadow:var(--focus)}
.liry-check a,.checkout-consent-row-v115 a{color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.checkout-check-visual{display:none}
.liry-check:has(input:checked),.checkout-consent-row-v115:has(input:checked){border-color:var(--brand-soft-2);background:#FFFCF9;color:var(--ink)}

/* Selectable cards (song type, packages) */
.client-type-grid{display:grid;gap:12px;width:100%}
@media(min-width:640px){.client-type-grid{grid-template-columns:repeat(3,1fr)}}
.client-type-card{position:relative;display:grid;gap:8px;padding:20px 18px 18px;border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:start;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}
.client-type-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.client-type-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}
.client-type-card.active,.client-type-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--shadow-md);background:#FFFCF9}
.client-type-card:has(input:focus-visible){box-shadow:var(--focus)}
.client-type-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink)}
.client-type-icon svg{width:22px;height:22px}
.client-type-card strong{font-size:1.0625rem;font-weight:600;color:var(--ink);margin-top:4px}
.client-type-card > span:last-child{font-size:.875rem;color:var(--text-2);line-height:1.5}
.client-type-card::after{content:"";position:absolute;top:14px;left:14px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);transition:all var(--dur) var(--ease)}
.client-type-card.active::after,.client-type-card:has(input:checked)::after{border-color:var(--brand-strong);background:var(--brand-strong);box-shadow:inset 0 0 0 4px #fff}

/* 6. HEADER --------------------------------------------------------------- */
.liry-header{position:relative;z-index:900;background:rgba(251,247,242,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}
.liry-header--sticky{position:sticky;top:0}
.liry-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
@media(min-width:1024px){.liry-header__inner{min-height:74px}}
.liry-header__logo img{width:auto;height:38px;display:block}
@media(min-width:1024px){.liry-header__logo img{height:42px}}
.liry-nav{display:none;flex:1;align-items:center;justify-content:space-between;gap:24px}
@media(min-width:1024px){.liry-nav{display:flex}.liry-header__mobile{display:none!important}}
.liry-nav__list{display:flex;align-items:center;gap:4px;list-style:none;margin-inline-start:20px}
.liry-nav__link{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:var(--r-full);font-size:.9375rem;font-weight:500;color:var(--text-2);background:transparent;border:0;cursor:pointer;transition:all var(--dur) var(--ease)}
.liry-nav__link:hover{color:var(--ink);background:var(--surface-3)}
.liry-nav__link.is-active{color:var(--ink);font-weight:600;background:var(--surface-3)}
.liry-nav__link--muted{color:var(--text-3)}
.liry-nav__link--account span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liry-nav__item--dropdown{position:relative}
.liry-nav__dropdown-toggle .liry-icon{transition:transform var(--dur) var(--ease)}
.liry-nav__dropdown-toggle[aria-expanded="true"] .liry-icon{transform:rotate(180deg)}
.liry-nav__dropdown{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:10px;display:none;z-index:50}
.liry-nav__dropdown.is-open{display:grid;gap:2px;animation:liry-pop .16s var(--ease)}
@keyframes liry-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.liry-nav__dropdown-link{display:grid;gap:2px;padding:10px 12px;border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}
.liry-nav__dropdown-link:hover,.liry-nav__dropdown-link.is-active{background:var(--surface-2);color:var(--ink)}
.liry-nav__dropdown-link strong{font-size:.9375rem;font-weight:600;color:var(--ink)}
.liry-nav__dropdown-link span{font-size:.8125rem;color:var(--text-3)}
.liry-nav__account{display:flex;align-items:center;gap:6px}
.liry-nav__cta{margin-inline-start:8px}
.liry-header__mobile{display:flex;align-items:center;gap:8px}
.liry-header__mobile-cta{min-height:40px;padding:0 16px;font-size:.9375rem}
.liry-header__burger{width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink)}
.liry-header__burger .liry-header__burger-close{display:none}
.liry-header__burger[aria-expanded="true"] .liry-header__burger-open{display:none}
.liry-header__burger[aria-expanded="true"] .liry-header__burger-close{display:block}
.liry-header__back{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--text-2);min-height:44px}
.liry-header--minimal .liry-header__inner{justify-content:space-between}
.liry-mobile-menu{position:fixed;inset:66px 0 0 0;z-index:890;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:liry-fade .18s var(--ease)}
@keyframes liry-fade{from{opacity:0}to{opacity:1}}
.liry-mobile-menu__inner{padding-block:20px 40px;display:grid;gap:22px}
.liry-mobile-menu nav{display:grid;gap:4px}
.liry-mobile-menu__link{display:flex;align-items:center;gap:14px;min-height:56px;padding:0 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:1.0625rem;font-weight:600;color:var(--ink)}
.liry-mobile-menu__link .liry-icon{color:var(--brand-ink)}
.liry-mobile-menu__group{display:grid;gap:2px}
.liry-mobile-menu__label{font-size:.8125rem;font-weight:600;color:var(--text-3);padding:4px 16px 8px;letter-spacing:.02em}
.liry-mobile-menu__sublink{display:block;padding:12px 16px;border-radius:var(--r-sm);font-size:1rem;font-weight:500;color:var(--text-2)}
.liry-mobile-menu__sublink:hover{background:var(--surface-3);color:var(--ink)}
.liry-mobile-menu__whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:var(--r-full);background:#E9F8EE;color:#166A3A;font-weight:600}
body.liry-menu-open{overflow:hidden}
@media(min-width:1024px){.liry-mobile-menu{display:none!important}}

/* Account sub-nav */
.liry-account-nav{background:var(--surface);border-bottom:1px solid var(--border)}
.liry-account-nav__inner{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.liry-account-nav__inner::-webkit-scrollbar{display:none}
.liry-account-nav__link{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 14px;font-size:.9375rem;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}
.liry-account-nav__link.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--brand-strong)}
.liry-account-nav__link .liry-icon{color:var(--brand-ink)}

/* 7. FOOTER + FLOATING ---------------------------------------------------- */
.liry-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto}
.liry-footer__inner{display:grid;gap:32px;padding-block:44px 28px}
@media(min-width:768px){.liry-footer__inner{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}}
.liry-footer__brand p{margin-top:14px;max-width:320px;font-size:.9375rem;color:var(--text-2);line-height:1.6}
.liry-footer__brand img{height:36px;width:auto}
.liry-footer__contact{display:grid;gap:8px;margin-top:16px}
.liry-footer__contact a{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--text-2)}
.liry-footer__contact a:hover{color:var(--ink)}
.liry-footer__contact .liry-icon{color:var(--brand-ink)}
.liry-footer__col{display:grid;gap:10px;align-content:start}
.liry-footer__col a{font-size:.9375rem;color:var(--text-2);font-weight:500;width:fit-content}
.liry-footer__col a:hover{color:var(--ink)}
.liry-footer__title{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
.liry-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-block:18px 24px;border-top:1px solid var(--border)}
.liry-footer__pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-3)}
.liry-footer__pay span{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-2);margin-inline-end:6px}
.liry-footer__pay i{font-style:normal;font-weight:600;font-size:.75rem;border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text-2);background:var(--bg)}
.liry-footer__copy{font-size:.8125rem;color:var(--text-3)}

/* WhatsApp FAB */
.liry-whatsapp{position:fixed;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:950;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:var(--r-full);background:#25D366;color:#fff;font-weight:600;font-size:.9375rem;box-shadow:0 10px 24px rgba(37,211,102,.35),0 2px 6px rgba(0,0,0,.08);transition:transform var(--dur) var(--ease),bottom .22s var(--ease)}
.liry-whatsapp:hover{color:#fff;transform:translateY(-2px)}
.liry-whatsapp span{display:none}
@media(min-width:768px){.liry-whatsapp span{display:inline}.liry-whatsapp{padding:0 18px 0 14px;bottom:20px;inset-inline-start:20px}}
@media(max-width:767px){.liry-whatsapp{width:48px;min-height:48px;padding:0;justify-content:center;inset-inline-start:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.access-widget{inset-inline-end:14px;bottom:calc(14px + env(safe-area-inset-bottom))}}
body.liry-sticky-cta-active .liry-whatsapp{bottom:calc(84px + env(safe-area-inset-bottom))}
body.liry-sticky-cta-active .access-widget{bottom:calc(84px + env(safe-area-inset-bottom))}

/* Accessibility widget (markup injected by app.js) */
.access-widget{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:951;direction:rtl;font-family:var(--font);transition:bottom .22s var(--ease)}
@media(min-width:768px){.access-widget{inset-inline-end:20px;bottom:20px}}
.access-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);font-size:0;transition:transform var(--dur) var(--ease)}
.access-toggle::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='4.5' r='2' fill='black'/><path d='M4 8.5l8 1.5 8-1.5M12 10v5l-3.5 6M12 15l3.5 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='4.5' r='2' fill='black'/><path d='M4 8.5l8 1.5 8-1.5M12 10v5l-3.5 6M12 15l3.5 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.access-toggle:hover{transform:translateY(-2px)}
.access-panel{position:absolute;inset-inline-end:0;bottom:60px;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px;color:var(--text);text-align:start}
.access-panel[hidden]{display:none}
.access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.access-head strong{display:block;font-size:1.0625rem;font-weight:600;color:var(--ink)}
.access-head span{display:block;color:var(--text-3);font-size:.8125rem;margin-top:2px}
.access-close{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.access-option{min-height:44px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);color:var(--ink);font-weight:500;font-size:.875rem;padding:8px 10px;line-height:1.25}
.access-option:hover{border-color:var(--border-strong)}
.access-option[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.access-note{font-size:.75rem;color:var(--text-3);margin-top:12px;line-height:1.5}

/* Toast */
.toast{position:fixed;top:calc(74px + env(safe-area-inset-top));inset-inline-start:50%;transform:translateX(50%);z-index:9999;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:14px 18px;box-shadow:var(--shadow-lg);max-width:min(440px,calc(100vw - 32px));font-weight:500;font-size:.9375rem;line-height:1.45;text-align:center;animation:liry-toast .2s var(--ease)}
@keyframes liry-toast{from{opacity:0;transform:translate(50%,-8px)}to{opacity:1;transform:translate(50%,0)}}
@media(min-width:1024px){.toast{top:auto;bottom:24px}}
.toast.success{background:var(--success-ink)}
.toast.error{background:#7A2418}
body.liry-menu-open .liry-whatsapp,body.liry-menu-open .access-widget{display:none}
@media(max-width:767px){.liry-whatsapp,.access-widget{transition:transform .25s var(--ease),bottom .22s var(--ease)}.liry-whatsapp.is-docked,.access-widget.is-docked{transform:translateY(120px)}.access-widget.is-docked .access-panel{display:none}}

/* Sticky mobile CTA (home) */
.liry-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:940;display:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);box-shadow:0 -10px 30px rgba(28,22,19,.08);transform:translateY(100%);transition:transform .22s var(--ease)}
.liry-sticky-cta.is-visible{transform:translateY(0)}
.liry-sticky-cta__row{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto}
.liry-sticky-cta__price{display:grid;line-height:1.15;white-space:nowrap}
.liry-sticky-cta__price small{font-size:.75rem;color:var(--text-3);font-weight:500}
.liry-sticky-cta__price b{font-size:1.125rem;color:var(--ink);font-weight:700}
.liry-sticky-cta .liry-btn{flex:1;min-height:48px}
@media(max-width:1023px){.liry-sticky-cta{display:block}}

/* 8. HOME ------------------------------------------------------------------ */
.liry-hero{position:relative;padding-block:clamp(36px,6vw,80px) clamp(28px,5vw,56px);overflow:hidden}
.liry-hero::before{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(60% 60% at 50% 100%,rgba(242,107,29,.12),transparent 70%);pointer-events:none}
.liry-hero__grid{position:relative;display:grid;gap:36px;align-items:center}
@media(min-width:1024px){.liry-hero__grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.liry-hero__copy{display:grid;gap:18px;justify-items:center;text-align:center}
@media(min-width:1024px){.liry-hero__copy{justify-items:start;text-align:start}}
.liry-hero__copy .liry-display{max-width:12ch}
.liry-hero__price{display:inline-flex;align-items:baseline;gap:8px;font-size:1rem;color:var(--text-2)}
.liry-hero__price b{font-size:1.5rem;color:var(--ink);font-weight:700;letter-spacing:-.01em}
.liry-hero__actions{display:grid;gap:12px;width:100%;max-width:380px}
@media(min-width:1024px){.liry-hero__actions{max-width:none;grid-template-columns:auto auto;align-items:center;justify-content:start}}
.liry-hero__proof{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--text-2);min-height:44px}
.liry-hero__proof .liry-icon{color:var(--brand-ink)}
.liry-hero__visual{position:relative;display:grid;place-items:center;padding:8px 0}
.liry-song-showcase{position:relative;width:min(100%,400px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:18px;display:grid;gap:14px}
.liry-song-showcase::before{content:"";position:absolute;inset:14px -10px -12px 14px;border-radius:var(--r-xl);background:var(--surface-2);z-index:-1;transform:rotate(-2.5deg);border:1px solid var(--border)}
.liry-song-showcase__top{display:flex;align-items:center;gap:14px}
.liry-song-showcase__top .liry-cover{width:64px;height:64px;border-radius:16px;flex:none}
.liry-song-showcase__title{display:grid;gap:2px;min-width:0}
.liry-song-showcase__title strong{font-size:1.0625rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liry-song-showcase__title span{font-size:.8125rem;color:var(--text-3)}
.liry-song-showcase__badge{margin-inline-start:auto;flex:none;font-size:.6875rem;font-weight:600;color:var(--success-ink);background:var(--success-soft);border-radius:var(--r-full);padding:5px 9px}
.liry-song-showcase .liry-player{border:0;padding:0;background:transparent;box-shadow:none}
.liry-song-showcase__lyrics{display:grid;gap:6px;padding-top:12px;border-top:1px dashed var(--border);font-size:.9375rem;line-height:1.6;color:var(--text-2)}
.liry-song-showcase__lyrics span:last-child{color:var(--ink);font-weight:500}
.liry-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding-top:26px}
@media(min-width:1024px){.liry-trust{justify-content:start}}
.liry-trust span{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;font-weight:500;color:var(--text-2)}
.liry-trust .liry-icon{color:var(--brand-ink)}

/* How it works */
.liry-how{display:grid;gap:12px}
@media(min-width:768px){.liry-how{grid-template-columns:repeat(4,1fr);gap:16px}}
.liry-how__step{position:relative;display:grid;gap:8px;padding:22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.liry-how__num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:600;font-size:.875rem;font-variant-numeric:tabular-nums}
.liry-how__step strong{font-size:1.0625rem;font-weight:600;color:var(--ink);margin-top:6px}
.liry-how__step p{font-size:.9rem;color:var(--text-2);line-height:1.55}
.create-info-under-v42,.create-info-under-v43{display:none}

/* Examples */
.liry-examples{display:grid;gap:14px}
@media(min-width:640px){.liry-examples{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(min-width:1024px){.liry-examples--3{grid-template-columns:repeat(3,1fr)}}
.liry-example-card{display:grid;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.liry-example-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.liry-example-card__top{display:flex;align-items:center;gap:14px}
.liry-example-card__top .liry-cover{width:60px;height:60px;border-radius:16px;flex:none}
.liry-example-card__title{display:grid;gap:3px;min-width:0}
.liry-example-card__title h3{font-size:1.0625rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liry-example-card__title p{font-size:.8125rem;color:var(--text-3)}
.liry-example-card .liry-player{border:0;padding:0;background:transparent;box-shadow:none}
.liry-example-card__link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--brand-ink);justify-self:start}

/* Testimonials */
.liry-testimonials{display:grid;gap:14px}
@media(min-width:768px){.liry-testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}}
.liry-testimonial{display:grid;gap:14px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.liry-testimonial__quote{font-size:1rem;line-height:1.7;color:var(--text)}
.liry-testimonial__quote::before{content:"“";color:var(--brand);font-size:1.4em;line-height:0;margin-inline-end:4px}
.liry-testimonial__foot{display:flex;align-items:center;gap:12px}
.liry-testimonial__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--brand-soft);display:grid;place-items:center;font-weight:600;color:var(--brand-ink);flex:none}
.liry-testimonial__name{font-weight:600;color:var(--ink);font-size:.9375rem}
.liry-testimonial__source{font-size:.8125rem;color:var(--text-3)}
.liry-testimonial__shot{border-radius:var(--r-sm);border:1px solid var(--border)}

/* FAQ */
.liry-faq{display:grid;gap:10px;max-width:760px;margin-inline:auto}
.liry-faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:0 18px;transition:border-color var(--dur) var(--ease)}
.liry-faq details[open]{border-color:var(--border-strong)}
.liry-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 0;font-weight:600;font-size:1rem;color:var(--ink)}
.liry-faq summary::-webkit-details-marker{display:none}
.liry-faq summary::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--surface-3) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='m6 9 6 6 6-6' stroke='%231C1613' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px no-repeat;transition:transform var(--dur) var(--ease)}
.liry-faq details[open] summary::after{transform:rotate(180deg)}
.liry-faq details > :not(summary){padding:0 0 18px;color:var(--text-2);line-height:1.65}

/* CTA band */
.liry-cta-band{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(30px,5vw,52px) clamp(22px,4vw,48px);display:grid;gap:18px;justify-items:center;text-align:center;position:relative;overflow:hidden}
.liry-cta-band::after{content:"";position:absolute;inset:auto -10% -60% -10%;height:80%;background:radial-gradient(50% 50% at 50% 100%,rgba(242,107,29,.35),transparent 70%);pointer-events:none}
.liry-cta-band > *{position:relative}
.liry-cta-band h2{color:#fff;font-size:clamp(1.5rem,4vw,2.125rem);font-weight:700;letter-spacing:-.014em}
.liry-cta-band p{color:rgba(255,255,255,.72);font-size:1.0625rem;max-width:520px}
.liry-cta-band .liry-btn--primary{box-shadow:0 10px 26px rgba(0,0,0,.3)}

/* 9. WIZARD ---------------------------------------------------------------- */
.liry-wizard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:clamp(20px,4vw,40px);position:relative;scroll-margin-top:84px}
.liry-wizard__head{display:grid;gap:6px;margin-bottom:18px}
.liry-wizard__head h2{font-size:1.25rem;font-weight:600;color:var(--ink)}
.liry-wizard__head p{font-size:.9375rem;color:var(--text-2)}
.liry-wizard__progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.progress-line{flex:1;height:6px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}
.progress-line span{display:block;height:100%;width:0;background:var(--brand-strong);border-radius:var(--r-full);transition:width .35s var(--ease)}
.liry-wizard__step-label{font-size:.8125rem;font-weight:600;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.wizard-form{position:relative}
.step{display:none}
.step.active{display:grid;gap:18px;animation:liry-step .22s var(--ease);padding-block:18px 8px}
@keyframes liry-step{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.step > h1,.step .liry-q,.client-scope > h1{font-size:clamp(1.5rem,5vw,2rem);line-height:1.2;font-weight:700;letter-spacing:-.016em;color:var(--ink);margin:0}
.step > p,.client-scope > p,.liry-q-help{font-size:1rem;color:var(--text-2);line-height:1.55;margin:-8px 0 0}
.client-scope{display:grid;gap:18px}
.client-scope.hidden,.client-scope.is-hidden{display:none!important}
.step[data-step] .liry-field:only-child{margin:0}
.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
#prevBtn{order:2;min-width:110px}
#nextBtn{order:1;min-width:160px}
@media(max-width:560px){#nextBtn{flex:1}}
.liry-wizard__submit{margin-top:8px}
.liry-wizard__secure{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8125rem;color:var(--text-3);margin-top:12px}
.liry-wizard__secure .liry-icon{color:var(--success)}
#formAlert.alert-box{margin:14px 0 0}

/* Story field emphasis */
.liry-story textarea{min-height:190px;font-size:1.0625rem;line-height:1.75;background:#FFFDFB}
.liry-story__cues{display:flex;flex-wrap:wrap;gap:8px}
.liry-story__cues span{font-size:.8125rem;color:var(--text-2);background:var(--surface-3);border-radius:var(--r-full);padding:6px 11px}

/* Packages (checkout step) */
.checkout-packages-v134,.liry-packages{display:grid;gap:10px;width:100%}
.checkout-upsells-head{display:none}
.checkout-package-card-v134,.liry-package{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:all var(--dur) var(--ease);text-align:start;-webkit-tap-highlight-color:transparent}
.checkout-package-card-v134 input,.liry-package input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.checkout-package-card-v134::before,.liry-package::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);transition:all var(--dur) var(--ease)}
.checkout-package-card-v134.selected,.checkout-package-card-v134:has(input:checked),.liry-package.selected,.liry-package:has(input:checked){border-color:var(--brand);background:#FFFCF9;box-shadow:0 0 0 1px var(--brand)}
.checkout-package-card-v134.selected::before,.checkout-package-card-v134:has(input:checked)::before,.liry-package.selected::before,.liry-package:has(input:checked)::before{border-color:var(--brand-strong);background:var(--brand-strong);box-shadow:inset 0 0 0 4px #fff}
.checkout-package-card-v134:has(input:focus-visible),.liry-package:has(input:focus-visible){box-shadow:var(--focus)}
.checkout-package-card-v134 > span,.liry-package__body{flex:1;display:grid;gap:3px;min-width:0}
.checkout-package-card-v134 b,.liry-package__body b{font-size:1rem;font-weight:600;color:var(--ink)}
.checkout-package-card-v134 small,.liry-package__body small{font-size:.8125rem;color:var(--text-2);line-height:1.45}
.checkout-package-card-v134 em,.liry-package__price{font-style:normal;font-weight:700;font-size:1.0625rem;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.liry-package__tag{position:absolute;top:-10px;inset-inline-end:14px;font-size:.6875rem;font-weight:600;background:var(--ink);color:#fff;border-radius:var(--r-full);padding:3px 9px}
.checkout-total-v113,.liry-checkout-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 4px 4px;margin-top:6px;border-top:1px dashed var(--border-strong)}
.checkout-total-v113 span,.liry-checkout-total span{font-size:.9375rem;color:var(--text-2);font-weight:500}
.checkout-total-v113 strong,.liry-checkout-total strong{font-size:1.5rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.checkout-consents-v115,.liry-consents{display:grid;gap:10px;margin-top:16px}
.liry-next-steps{display:grid;gap:8px;padding:16px;border-radius:var(--r-md);background:var(--surface-2)}
.liry-next-steps strong{font-size:.9375rem;font-weight:600;color:var(--ink)}
.liry-next-steps ol{display:grid;gap:6px;padding-inline-start:18px;font-size:.9rem;color:var(--text-2);line-height:1.5}

/* Working / loading state (wizard + song page) */
.working-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:48px 20px;min-height:300px;align-content:center}
.working-state.inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-column:1/-1;min-height:240px}
.working-state h1,.working-state h2{font-size:1.375rem;font-weight:600;color:var(--ink)}
.working-state p{color:var(--text-2);font-size:1rem;max-width:420px}
.liry-work-mark{width:64px;height:64px;border-radius:20px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-ink);margin-bottom:6px;animation:liry-float 2.4s ease-in-out infinite}
.liry-work-mark img{width:40px;height:auto}
@keyframes liry-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pulse{width:64px;height:64px;border-radius:20px;background:var(--brand-soft);position:relative;margin-bottom:6px}
.pulse::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(242,107,29,.35);animation:liry-pulse 1.6s infinite}
@keyframes liry-pulse{70%{box-shadow:0 0 0 18px rgba(242,107,29,0)}100%{box-shadow:0 0 0 0 rgba(242,107,29,0)}}
.tiny-loader{display:flex;gap:7px;justify-content:center;margin-top:6px}
.tiny-loader span{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:liry-bounce .9s infinite alternate}
.tiny-loader span:nth-child(2){animation-delay:.16s}.tiny-loader span:nth-child(3){animation-delay:.32s}
@keyframes liry-bounce{to{transform:translateY(-7px);opacity:.4}}
.lyrics-review.hidden{display:none!important}

/* 10. PLAYER + COVER ------------------------------------------------------- */
.liry-cover{position:relative;overflow:hidden;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;aspect-ratio:1}
.liry-cover img{width:100%;height:100%;object-fit:cover}
.liry-cover--art-0{background:linear-gradient(135deg,#F26B1D,#FFB070)}
.liry-cover--art-1{background:linear-gradient(135deg,#1C1613,#5A3B2E)}
.liry-cover--art-2{background:linear-gradient(135deg,#C94F0B,#F2A26B)}
.liry-cover--art-3{background:linear-gradient(135deg,#2B2320,#8A4A2A)}
.liry-cover--art-4{background:linear-gradient(135deg,#F28B3D,#F7C89E)}
.liry-cover--art-5{background:linear-gradient(135deg,#7A3413,#F26B1D)}
.liry-cover--art::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 30% 20%,rgba(255,255,255,.25),transparent 60%)}
.liry-cover__mark{position:relative;z-index:1;opacity:.95;width:38%;height:38%}

.liry-player{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);width:100%}
.liry-player audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.liry-player__cover{width:56px;height:56px;border-radius:14px;flex:none}
.liry-player__toggle{flex:none;width:48px;height:48px;border-radius:50%;background:var(--brand-strong);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-brand);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.liry-player__toggle:hover{transform:scale(1.04);background:var(--brand-hover)}
.liry-player__toggle .liry-icon{grid-area:1/1}
.liry-player__icon-pause{display:none}
.liry-player.is-playing .liry-player__icon-pause{display:block}
.liry-player.is-playing .liry-player__icon-play{display:none}
.liry-player.is-loading .liry-player__toggle{background:var(--brand)}
.liry-player__body{flex:1;min-width:0;display:grid;gap:6px}
.liry-player__meta{display:grid;gap:1px;min-width:0}
.liry-player__title{font-size:.9375rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liry-player__subtitle{font-size:.8125rem;color:var(--text-3)}
.liry-player__track{display:flex;align-items:center;gap:10px}
.liry-player__bar{flex:1;height:22px;display:flex;align-items:center;cursor:pointer;position:relative;border-radius:var(--r-xs)}
.liry-player__bar::before{content:"";position:absolute;inset-inline:0;height:6px;border-radius:var(--r-full);background:var(--surface-3)}
.liry-player__fill{position:relative;display:block;height:6px;border-radius:var(--r-full);background:var(--brand-strong);width:0%;transition:width .12s linear}
.liry-player__fill::after{content:"";position:absolute;inset-inline-start:calc(100% - 7px);top:50%;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--brand-strong);transform:translateY(-50%);opacity:0;transition:opacity var(--dur) var(--ease)}
.liry-player:hover .liry-player__fill::after,.liry-player.is-playing .liry-player__fill::after{opacity:1}
.liry-player__time{flex:none;font-size:.75rem;color:var(--text-3);font-variant-numeric:tabular-nums;direction:ltr;min-width:38px;text-align:end}
.liry-player__download{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);background:var(--surface-3)}
.liry-player__download:hover{color:var(--ink)}
.liry-player--lg{padding:16px;gap:16px}
.liry-player--lg .liry-player__cover{width:84px;height:84px;border-radius:18px}
.liry-player--lg .liry-player__toggle{width:56px;height:56px}
.liry-player--lg .liry-player__title{font-size:1.0625rem;white-space:normal}
@media(max-width:480px){.liry-player--lg .liry-player__cover{display:none}}
/* Legacy <audio> that app.js renders — upgraded in place by liry.js */
audio.liry-native{width:100%}

/* 11. SONG PAGE ------------------------------------------------------------ */
.liry-song{display:grid;gap:20px;padding-block:clamp(18px,3vw,32px) 40px}
.liry-song-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:clamp(20px,4vw,36px);display:grid;gap:22px}
@media(min-width:900px){.liry-song-hero{grid-template-columns:220px 1fr;align-items:start;gap:32px}}
.liry-song-hero__cover{width:min(220px,100%);margin-inline:auto;border-radius:var(--r-lg)}
.liry-song-hero__cover .liry-cover__mark{width:34%;height:34%}
.liry-song-hero__body{display:grid;gap:14px;text-align:center}
@media(min-width:900px){.liry-song-hero__body{text-align:start}}
.liry-song-hero__status{display:inline-flex;align-items:center;gap:7px;justify-self:center;font-size:.8125rem;font-weight:600;color:var(--brand-ink);background:var(--brand-soft);border-radius:var(--r-full);padding:6px 12px}
@media(min-width:900px){.liry-song-hero__status{justify-self:start}}
.liry-song-hero__status.is-ready{color:var(--success-ink);background:var(--success-soft)}
.liry-song-hero__status.is-attention{color:var(--error-ink);background:var(--error-soft)}
.liry-song-hero__status i{width:8px;height:8px;border-radius:50%;background:currentColor;font-style:normal}
.liry-song-hero__title{font-size:clamp(1.75rem,5.5vw,2.75rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.liry-song-hero__context{font-size:1.0625rem;color:var(--text-2)}
.liry-song-hero__context b{color:var(--ink);font-weight:600}
.liry-song-hero .liry-player{margin-top:4px}
.liry-song-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
@media(min-width:900px){.liry-song-actions{justify-content:flex-start}}
.liry-song-actions .liry-btn{min-height:46px;padding:0 18px;font-size:.9375rem}
.share-row{display:flex;gap:8px;align-items:center;width:100%;max-width:560px;margin-inline:auto}
@media(min-width:900px){.share-row{margin-inline:0}}
.share-row input{direction:ltr;text-align:left;font-size:.875rem;color:var(--text-2);min-height:46px;padding:10px 14px}
.share-row .ghost-btn{min-height:46px;white-space:nowrap}
.liry-song-grid{display:grid;gap:20px}
@media(min-width:1024px){.liry-song-grid{grid-template-columns:1fr 340px;align-items:start}}
.liry-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(18px,3vw,26px);display:grid;gap:14px}
.liry-panel__head{display:grid;gap:4px}
.liry-panel__head h2{font-size:1.25rem;font-weight:600;color:var(--ink)}
.liry-panel__head p{font-size:.9375rem;color:var(--text-2);line-height:1.55}
.liry-panel--soft{background:var(--surface-2);border-color:var(--brand-soft-2)}
.liry-panel--success{background:var(--success-soft);border-color:#CFEBDD}

/* Order summary (pre-payment) */
.liry-order-summary{display:grid;gap:14px}
.liry-order-summary__rows{display:grid;gap:10px;padding:16px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border)}
.liry-order-summary__row{display:flex;justify-content:space-between;gap:12px;font-size:.9375rem;color:var(--text-2)}
.liry-order-summary__row b{color:var(--ink);font-weight:600}
.liry-order-summary__row--total{border-top:1px dashed var(--border-strong);padding-top:10px;font-size:1.0625rem}
.liry-order-summary__row--total b{font-size:1.375rem;font-weight:700}

/* Versions (server-rendered AND app.js-rendered markup share these classes) */
.song-productions-shell,#songVersions{display:grid;gap:16px}
.production-batch-card{display:grid;gap:14px}
.production-batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.production-batch-head span{font-size:.75rem;font-weight:600;color:var(--brand-ink);background:var(--brand-soft);border-radius:var(--r-full);padding:4px 10px}
.production-batch-head h2{font-size:1.125rem;font-weight:600;color:var(--ink);margin-top:6px}
.production-batch-head p{font-size:.8125rem;color:var(--text-3)}
.versions-grid,.production-versions-grid{display:grid;gap:12px}
@media(min-width:640px){.versions-grid,.production-versions-grid{grid-template-columns:repeat(2,1fr)}}
.version-card{display:grid;gap:12px;padding:18px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur) var(--ease)}
.version-card > span:first-child{font-size:.75rem;font-weight:600;color:var(--text-3);letter-spacing:.02em}
.version-card.guest-visible-version{border-color:var(--brand)}
.version-card.guest-visible-version > span:first-child{color:var(--brand-ink)}
.version-card h2{font-size:1.0625rem;font-weight:600;color:var(--ink)}
.version-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.version-card-actions .primary-btn.small,.version-card-actions .ghost-btn.small,.version-card-actions .danger-btn.small{min-height:40px;font-size:.875rem;padding:0 14px}
.versions-help-card{padding:14px 16px;border-radius:var(--r-md);background:var(--info-soft);color:#1E3F73;display:grid;gap:4px;font-size:.9rem}
.versions-help-card strong{font-weight:600}

/* Lyrics review / editor */
.lyrics-review,.paid-flow-card{display:grid;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(18px,3vw,26px)}
.lyrics-review > .status-chip{justify-self:start}
.lyrics-review h1,.lyrics-review h2{font-size:1.375rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.lyrics-review > p{font-size:.9375rem;color:var(--text-2);line-height:1.6}
.lyrics-version-panel{display:grid;gap:8px}
.lyrics-version-panel h3{font-size:.8125rem;font-weight:600;color:var(--text-3);letter-spacing:.02em}
.lyrics-version-list{display:flex;flex-wrap:wrap;gap:8px}
.lyrics-version-btn{display:grid;gap:1px;padding:8px 14px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);text-align:start;transition:all var(--dur) var(--ease)}
.lyrics-version-btn strong{font-size:.875rem;font-weight:600;color:var(--ink)}
.lyrics-version-btn span{font-size:.75rem;color:var(--text-3)}
.lyrics-version-btn.active{border-color:var(--brand);background:#FFFCF9}
.lyrics-version-btn.active span{color:var(--brand-ink)}
.lyrics-editor,#paidLyricsEditor{min-height:380px;font-size:1.0625rem;line-height:1.85;padding:20px 22px;white-space:pre-wrap;direction:rtl;text-align:right;background:#FFFDFB;border-radius:var(--r-lg)}
.revision-note-wrap{display:grid;gap:8px}
.revision-note-wrap label{font-size:.9375rem;font-weight:600;color:var(--ink)}
.revision-note-wrap label small{font-weight:500;color:var(--text-3)}
.review-actions{display:grid;gap:10px}
@media(min-width:640px){.review-actions{grid-template-columns:1fr 1fr}.review-actions .primary-btn{grid-column:1/-1}}
#lyricsRevisionLeft{font-size:.75rem;font-weight:600;background:var(--surface-3);color:var(--text-2);border-radius:var(--r-full);padding:3px 8px;margin-inline-start:4px}
.liry-lyrics{display:grid;gap:12px}
.liry-lyrics__stanzas{display:grid;gap:18px;font-size:1.0625rem;line-height:1.85;color:var(--text);max-width:560px}
.liry-lyrics__stanzas p{white-space:pre-line}
.liry-lyrics[data-collapsed="1"] .liry-lyrics__stanzas{max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.liry-lyrics__toggle{justify-self:start}
.lyrics-box{display:grid;gap:12px}
.lyrics-box pre{white-space:pre-wrap;font-family:inherit;line-height:1.85;font-size:1.0625rem;color:var(--text)}

/* Lyrics-video cards (song + dashboard) */
.lyrics-video-song-card,.dashboard-video-box{display:grid;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}
.lyrics-video-song-card span,.dashboard-video-box small{font-size:.75rem;font-weight:600;color:var(--brand-ink)}
.lyrics-video-song-card h2,.dashboard-video-box strong{font-size:1.125rem;font-weight:600;color:var(--ink)}
.lyrics-video-song-card p,.dashboard-video-box p{font-size:.9375rem;color:var(--text-2)}
.lyrics-video-song-card video,.dashboard-video-box video{width:100%;max-width:320px;border-radius:var(--r-md);background:#000;margin-inline:auto}
.lyrics-video-pending-card,.dashboard-inline-message{display:grid;gap:4px;padding:16px 18px;border-radius:var(--r-md);background:var(--info-soft);color:#1E3F73;border:1px solid #CFDDF5}
.lyrics-video-pending-card strong,.dashboard-inline-message strong{font-weight:600}
.lyrics-video-pending-card span,.dashboard-inline-message span{font-size:.9rem;opacity:.9}
.clip-queue-position-v151{font-size:.8125rem;opacity:.8}
.lyrics-video-order-card,.dashboard-upsell{display:grid;gap:14px;padding:20px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--brand-soft-2)}
@media(min-width:640px){.lyrics-video-order-card,.dashboard-upsell{grid-template-columns:1fr auto;align-items:center}}
.lyrics-video-order-copy,.dashboard-upsell > div:first-child{display:grid;gap:4px}
.lyrics-video-order-copy span,.dashboard-upsell small{font-size:.75rem;font-weight:600;color:var(--brand-ink)}
.lyrics-video-order-copy strong,.dashboard-upsell strong{font-size:1.0625rem;font-weight:600;color:var(--ink)}
.lyrics-video-order-copy p,.dashboard-upsell p{font-size:.9rem;color:var(--text-2)}
.lyrics-video-order-action,.dashboard-upsell > div:last-child{display:flex;align-items:center;gap:14px;justify-content:space-between}
.lyrics-video-order-action b,.dashboard-upsell > div:last-child b{font-size:1.25rem;font-weight:700;color:var(--ink);white-space:nowrap}
.dashboard-upsell a,.customer-buy-lyrics-video{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--r-full);background:var(--brand-strong);color:#fff;font-weight:600;font-size:.9375rem;white-space:nowrap}
.dashboard-upsell a:hover{background:var(--brand-hover);color:#fff}

/* Alerts */
.alert-box,.customer-notice,.error-box,.success-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--r-md);font-size:.9375rem;line-height:1.55;font-weight:500;background:var(--warning-soft);color:#6B4300;border:1px solid #F3E0B8;text-align:start}
.alert-box.success,.customer-notice.success,.success-box{background:var(--success-soft);color:var(--success-ink);border-color:#CFEBDD}
.alert-box.error,.error-box{background:var(--error-soft);color:var(--error-ink);border-color:#F3CBC5}
.alert-box a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.status-chip,.mini-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-ink);font-weight:600;font-size:.8125rem}
.muted{color:var(--text-2);font-size:.9375rem}
.order-upsells-badges{display:flex;flex-wrap:wrap;gap:6px}
.order-upsells-badges span{font-size:.75rem;font-weight:600;background:var(--surface-3);color:var(--text-2);border-radius:var(--r-full);padding:4px 10px}

/* 12. DASHBOARD ------------------------------------------------------------ */
.liry-dash{display:grid;gap:22px;padding-block:clamp(20px,3vw,32px) 40px}
.liry-dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.liry-dash-head h1{font-size:clamp(1.5rem,4.5vw,2.125rem);font-weight:700;letter-spacing:-.016em;color:var(--ink)}
.liry-dash-head p{margin-top:4px;color:var(--text-2)}
.liry-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:768px){.liry-stats{grid-template-columns:repeat(4,1fr);gap:14px}}
.liry-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.liry-stat__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);flex:none}
.liry-stat__icon.ready{background:var(--success-soft);color:var(--success-ink)}
.liry-stat__icon.active{background:var(--info-soft);color:var(--info)}
.liry-stat__icon.payment{background:var(--warning-soft);color:var(--warning)}
.liry-stat strong{display:block;font-size:1.375rem;font-weight:700;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
.liry-stat span{font-size:.8125rem;color:var(--text-3)}
.liry-dash-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.liry-dash-tools h2{font-size:1.25rem;font-weight:600;color:var(--ink)}
.liry-dash-tools__controls{display:flex;gap:8px;flex:1;min-width:min(100%,360px);justify-content:flex-end}
.liry-dash-tools__controls .liry-input{min-height:44px;padding:8px 14px 8px 14px;font-size:.9375rem}
.liry-dash-tools__controls .liry-input--search{flex:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><circle cx='11' cy='11' r='6.5' stroke='%238B7F76' stroke-width='1.8'/><path d='m20 20-4.2-4.2' stroke='%238B7F76' stroke-width='1.8' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.liry-dash-tools__controls select.liry-input{max-width:190px}
.liry-songs{display:grid;gap:12px}
.liry-song-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow var(--dur) var(--ease)}
.liry-song-card:hover{box-shadow:var(--shadow-md)}
.liry-song-card__main{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;align-items:center}
@media(min-width:768px){.liry-song-card__main{grid-template-columns:auto 1fr auto auto;gap:18px;padding:16px 20px}}
.liry-song-card__cover{width:56px;height:56px;border-radius:14px}
.liry-song-card__info{display:grid;gap:4px;min-width:0}
.liry-song-card__info h3{font-size:1.0625rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liry-song-card__info p{font-size:.875rem;color:var(--text-2)}
.liry-song-card__info .liry-meta{display:flex;flex-wrap:wrap;gap:6px 10px}
.liry-song-card__status{display:grid;gap:6px;grid-column:1/-1}
@media(min-width:768px){.liry-song-card__status{grid-column:auto;min-width:170px}}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;border-radius:var(--r-full);padding:5px 11px;width:fit-content;background:var(--surface-3);color:var(--text-2)}
.status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.status-pill.status-ready{background:var(--success-soft);color:var(--success-ink)}
.status-pill.status-payment{background:var(--warning-soft);color:#7A4A00}
.status-pill.status-active{background:var(--info-soft);color:#1E3F73}
.status-pill.status-attention{background:var(--error-soft);color:var(--error-ink)}
.song-progress{display:flex;align-items:center;gap:8px}
.song-progress > div{flex:1;height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}
.song-progress > div span{display:block;height:100%;border-radius:var(--r-full);background:var(--brand-strong)}
.song-progress small{font-size:.75rem;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:32px}
.liry-song-card__actions{display:flex;gap:8px;grid-column:1/-1}
@media(min-width:768px){.liry-song-card__actions{grid-column:auto}}
.liry-song-card__actions .liry-btn{min-height:42px;padding:0 16px;font-size:.9375rem;flex:1}
@media(min-width:768px){.liry-song-card__actions .liry-btn{flex:none}}
.liry-song-card__more{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;color:var(--text-2);flex:none;transition:transform var(--dur) var(--ease)}
.liry-song-card__more[aria-expanded="true"]{transform:rotate(180deg);background:var(--surface-3)}
.liry-song-card__details{display:none;border-top:1px solid var(--border);padding:18px 16px 20px;background:var(--bg)}
.liry-song-card__details.is-open{display:grid;gap:14px}
@media(min-width:768px){.liry-song-card__details{padding:20px}}
.song-detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:768px){.song-detail-summary{grid-template-columns:repeat(4,1fr)}}
.song-detail-summary > div{display:grid;gap:2px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}
.song-detail-summary span{font-size:.75rem;color:var(--text-3);font-weight:500}
.song-detail-summary strong{font-size:.9375rem;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.detail-actions .detail-primary,.detail-actions .detail-secondary{min-height:44px;font-size:.9375rem;padding:0 18px}
.dashboard-correction-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:0 16px}
.dashboard-correction-box summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;font-weight:600;color:var(--ink);font-size:.9375rem}
.dashboard-correction-box summary::-webkit-details-marker{display:none}
.dashboard-correction-box summary span{font-size:.75rem;font-weight:600;background:var(--brand-soft);color:var(--brand-ink);border-radius:var(--r-full);padding:4px 10px}
.pron-customer-form{display:grid;gap:12px;padding:4px 0 18px}
.pron-customer-form label{display:grid;gap:6px;font-size:.9375rem;font-weight:600;color:var(--ink)}
.pron-customer-form textarea{min-height:110px}
.pron-customer-form .correction-help{font-size:.875rem;color:var(--text-2);line-height:1.5;padding:12px 14px;background:var(--surface-2);border-radius:var(--r-sm)}
.pron-customer-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:var(--r-full);background:var(--ink);color:#fff;font-weight:600;font-size:.9375rem}
.pron-customer-form button[type="submit"]:disabled{opacity:.6}
.pron-form-status{font-size:.875rem;color:var(--error-ink)}
.customer-clip-state-v151{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;border-radius:var(--r-full);padding:3px 9px;background:var(--surface-3);color:var(--text-2)}
.customer-clip-state-v151 i{width:6px;height:6px;border-radius:50%;background:currentColor}
.customer-clip-state-v151.ready{background:var(--success-soft);color:var(--success-ink)}
.customer-clip-state-v151.failed{background:var(--error-soft);color:var(--error-ink)}
.customer-clip-state-v151.processing{background:var(--info-soft);color:#1E3F73}
.liry-empty{display:grid;justify-items:center;text-align:center;gap:12px;padding:clamp(36px,6vw,64px) 20px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-xl)}
.liry-empty__mark{width:64px;height:64px;border-radius:20px;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center}
.liry-empty h2{font-size:1.375rem;font-weight:700;color:var(--ink)}
.liry-empty p{color:var(--text-2);max-width:420px}
.songs-no-results{padding:24px;text-align:center;color:var(--text-2)}
.songs-no-results h3{font-size:1.0625rem;font-weight:600;color:var(--ink);margin-bottom:4px}

/* 13. AUTH ----------------------------------------------------------------- */
.liry-auth{min-height:calc(100vh - 66px);display:grid;place-items:start center;padding:clamp(24px,6vw,64px) 20px 60px}
.liry-auth__card{width:min(100%,440px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:clamp(24px,5vw,36px);display:grid;gap:18px}
.liry-auth__card h1{font-size:1.625rem;font-weight:700;letter-spacing:-.016em;color:var(--ink)}
.liry-auth__intro{font-size:.9375rem;color:var(--text-2);line-height:1.55;margin-top:-8px}
.auth-form{display:grid;gap:12px}
.auth-form .liry-btn{margin-top:4px}
.liry-auth__links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.9375rem}
.liry-auth__links a{font-weight:600;color:var(--brand-ink)}
.liry-auth__foot{font-size:.9375rem;color:var(--text-2);text-align:center;padding-top:14px;border-top:1px solid var(--border)}
.liry-auth__foot a{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.code-input{text-align:center;direction:ltr;letter-spacing:.35em;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
.liry-auth__note{font-size:.875rem;color:var(--text-2);background:var(--surface-2);border-radius:var(--r-md);padding:12px 14px;line-height:1.55}

/* 14. DOCUMENTS (legal, info, brand pages) --------------------------------- */
.liry-doc{padding-block:clamp(24px,4vw,48px) 60px;display:grid;gap:28px}
@media(min-width:1024px){.liry-doc{grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}}
.liry-doc__toc{display:none;position:sticky;top:96px}
@media(min-width:1024px){.liry-doc__toc{display:grid;gap:4px}}
.liry-doc__toc strong{font-size:.75rem;font-weight:600;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;padding:0 12px 8px}
.liry-doc__toc a{display:block;padding:8px 12px;border-radius:var(--r-sm);font-size:.875rem;color:var(--text-2);line-height:1.4}
.liry-doc__toc a:hover,.liry-doc__toc a.is-active{background:var(--surface);color:var(--ink)}
.liry-doc__body{max-width:var(--container-text)}
.liry-doc__head{display:grid;gap:12px;margin-bottom:28px}
.liry-doc__head .liry-lead{max-width:none}
.liry-doc__updated{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-3);font-weight:500}
.liry-prose{font-size:1.0625rem;line-height:1.8;color:var(--text)}
.liry-prose > * + *{margin-top:1.1em}
.liry-prose h2{font-size:1.375rem;font-weight:700;letter-spacing:-.012em;color:var(--ink);margin-top:2.2em;padding-top:.2em;scroll-margin-top:96px}
.liry-prose h2:first-child{margin-top:0}
.liry-prose h3{font-size:1.125rem;font-weight:600;color:var(--ink);margin-top:1.8em}
.liry-prose p{color:var(--text)}
.liry-prose a{color:var(--brand-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(168,69,10,.35)}
.liry-prose ul,.liry-prose ol{padding-inline-start:1.3em;display:grid;gap:.45em}
.liry-prose li::marker{color:var(--brand)}
.liry-prose strong{font-weight:600;color:var(--ink)}
.liry-prose blockquote{margin:1.4em 0;padding:16px 20px;border-inline-start:3px solid var(--brand);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-2)}
.liry-prose .liry-table-wrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.liry-prose table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:520px}
.liry-prose th,.liry-prose td{text-align:start;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}
.liry-prose th{background:var(--surface-3);font-weight:600;color:var(--ink);font-size:.875rem}
.liry-prose tr:last-child td{border-bottom:0}
.liry-prose img{border-radius:var(--r-md)}
.liry-prose .liry-callout{padding:16px 18px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--brand-soft-2);color:var(--text-2);font-size:.9375rem}
.liry-info-grid{display:grid;gap:14px}
@media(min-width:768px){.liry-info-grid{grid-template-columns:repeat(3,1fr)}}
.liry-info-card{display:grid;gap:10px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.liry-info-card .client-type-icon{margin-bottom:4px}
.liry-info-card h2{font-size:1.125rem;font-weight:600;color:var(--ink)}
.liry-info-card p{font-size:.9375rem;color:var(--text-2);line-height:1.6}

/* Brand pages (about / technology / why) */
.liry-brand-hero{padding-block:clamp(32px,6vw,72px) clamp(20px,4vw,40px);display:grid;gap:16px;max-width:760px}
.liry-brand-hero .liry-lead{max-width:640px}
.liry-brand-body{display:grid;gap:32px;padding-bottom:60px}
@media(min-width:1024px){.liry-brand-body{grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}}
.liry-brand-aside{display:grid;gap:14px;position:sticky;top:96px}
.liry-aside-card{display:grid;gap:12px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.liry-aside-card h2{font-size:1.125rem;font-weight:600;color:var(--ink)}
.liry-aside-card p{font-size:.9375rem;color:var(--text-2);line-height:1.55}
.liry-price-line{display:flex;align-items:baseline;gap:6px;color:var(--text-2);font-size:.9375rem}
.liry-price-line b{font-size:1.375rem;color:var(--ink);font-weight:700}
.liry-aside-card ul{display:grid;gap:8px;list-style:none}
.liry-aside-card li{display:flex;gap:8px;font-size:.9rem;color:var(--text-2);line-height:1.45}
.liry-aside-card li .liry-icon{color:var(--success);margin-top:2px}

/* 15. MAGAZINE + ARTICLES -------------------------------------------------- */
.liry-mag-hero{padding-block:clamp(32px,6vw,64px) clamp(20px,4vw,36px);display:grid;gap:14px;max-width:720px}
.liry-mag-search{display:flex;gap:8px;max-width:520px;margin-top:8px}
.liry-mag-search input{min-height:50px;background-color:var(--surface)}
.liry-mag-search button{min-height:50px}
.liry-mag-cats{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px}
.liry-mag-cats a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text-2)}
.liry-mag-cats a.is-active,.liry-mag-cats a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.liry-featured-post{display:grid;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:28px;transition:transform var(--dur) var(--ease)}
.liry-featured-post:hover{transform:translateY(-2px)}
@media(min-width:900px){.liry-featured-post{grid-template-columns:1.1fr 1fr}}
.liry-featured-post__media{aspect-ratio:16/10;background:linear-gradient(135deg,#1C1613,#5A3B2E);display:grid;place-items:center;color:rgba(255,255,255,.7)}
.liry-featured-post__media img{width:100%;height:100%;object-fit:cover}
.liry-featured-post__body{display:grid;gap:12px;padding:clamp(20px,4vw,36px);align-content:center}
.liry-featured-post__body h2{font-size:clamp(1.375rem,3vw,1.875rem);font-weight:700;letter-spacing:-.014em;color:var(--ink);line-height:1.25}
.liry-featured-post__body p{color:var(--text-2);line-height:1.6}
.liry-post-grid{display:grid;gap:16px}
@media(min-width:640px){.liry-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.liry-post-grid{grid-template-columns:repeat(3,1fr);gap:20px}}
.liry-post-card{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.liry-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.liry-post-card__media{aspect-ratio:16/9;display:grid;place-items:center;color:rgba(255,255,255,.75)}
.liry-post-card__media img{width:100%;height:100%;object-fit:cover}
.liry-post-card__body{display:grid;gap:8px;padding:18px 18px 20px;align-content:start}
.liry-post-card__body h2,.liry-post-card__body h3{font-size:1.125rem;font-weight:600;color:var(--ink);line-height:1.35}
.liry-post-card__body p{font-size:.9rem;color:var(--text-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.liry-cat{display:inline-flex;font-size:.75rem;font-weight:600;color:var(--brand-ink);background:var(--brand-soft);border-radius:var(--r-full);padding:4px 10px;width:fit-content}
.liry-post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.8125rem;color:var(--text-3);margin-top:auto;padding-top:6px}
.liry-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:32px}
.liry-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);font-weight:600;font-size:.9375rem;color:var(--text-2)}
.liry-pagination a.active{background:var(--ink);border-color:var(--ink);color:#fff}

.liry-article{padding-block:clamp(20px,4vw,40px) 60px}
.liry-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-3);margin-bottom:20px}
.liry-breadcrumbs a{color:var(--text-2);font-weight:500}
.liry-breadcrumbs a:hover{color:var(--ink)}
.liry-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;list-style:none}
.liry-breadcrumbs li + li::before{content:"›";color:var(--text-3)}
.liry-article__hero{display:grid;gap:16px;max-width:760px;margin-bottom:28px}
.liry-article__hero h1{font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.liry-article__excerpt{font-size:1.125rem;line-height:1.6;color:var(--text-2)}
.liry-article__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.875rem;color:var(--text-3);align-items:center}
.liry-article__meta span{display:inline-flex;align-items:center;gap:6px}
.liry-article__figure{margin:0 0 28px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-3)}
.liry-article__figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.liry-article__figure figcaption{font-size:.8125rem;color:var(--text-3);padding:10px 4px 0}
.liry-article__layout{display:grid;gap:36px}
@media(min-width:1024px){.liry-article__layout{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}}
.liry-article__aside{display:grid;gap:14px;position:sticky;top:96px}
.liry-review-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.liry-review-card .liry-icon{color:var(--success);flex:none}
.liry-review-card div{display:grid;gap:2px;font-size:.8125rem;color:var(--text-3)}
.liry-review-card strong{font-size:.9375rem;font-weight:600;color:var(--ink)}
.liry-article__faq{margin-top:48px;display:grid;gap:14px}
.liry-article__faq .liry-h2{font-size:1.5rem}
.liry-article__cta{margin-top:48px;display:grid;gap:16px;padding:clamp(22px,4vw,32px);background:var(--ink);color:#fff;border-radius:var(--r-lg);position:relative;overflow:hidden}
.liry-article__cta::after{content:"";position:absolute;inset:auto -10% -70% -10%;height:90%;background:radial-gradient(50% 50% at 50% 100%,rgba(242,107,29,.35),transparent 70%);pointer-events:none}
.liry-article__cta > *{position:relative}
.liry-article__cta span{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.04em}
.liry-article__cta h2{font-size:1.375rem;font-weight:700;color:#fff}
.liry-article__cta p{color:rgba(255,255,255,.75);line-height:1.6}
.liry-article__cta .liry-btn{justify-self:start}
.liry-related{margin-top:48px;display:grid;gap:16px}
.liry-related .liry-post-grid{grid-template-columns:1fr}
@media(min-width:640px){.liry-related .liry-post-grid{grid-template-columns:repeat(2,1fr)}}
.preview-banner{background:var(--warning-soft);color:#6B4300;padding:10px 20px;text-align:center;font-size:.875rem;font-weight:600}
.preview-banner a{text-decoration:underline;margin-inline-start:8px}

/* 16. STATES --------------------------------------------------------------- */
.liry-error{display:grid;justify-items:center;text-align:center;gap:14px;padding-block:clamp(48px,10vw,120px) 60px}
.liry-error__mark{width:76px;height:76px;border-radius:24px;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center}
.liry-error__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.liry-error .liry-lead{margin-inline:auto}

/* PWA / push modals (markup from pwa_install.js / push_subscribe.js) */
.liry-pwa-modal,.liry-push-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:flex-end;justify-content:center;padding:16px}
.liry-pwa-modal.is-open,.liry-push-modal.is-open{display:flex}
@media(min-width:640px){.liry-pwa-modal,.liry-push-modal{align-items:center}}
.liry-pwa-backdrop,.liry-push-backdrop{position:absolute;inset:0;background:rgba(28,22,19,.5)}
.liry-pwa-card,.liry-push-card{position:relative;width:min(100%,420px);background:var(--surface);border-radius:var(--r-xl);padding:28px 24px 22px;display:grid;gap:12px;text-align:center;box-shadow:var(--shadow-lg)}
.liry-pwa-close,.liry-push-close{position:absolute;top:12px;inset-inline-start:12px;width:36px;height:36px;border-radius:50%;background:var(--surface-3);font-size:22px;line-height:1;display:grid;place-items:center;color:var(--ink)}
.liry-pwa-logo img,.liry-push-logo img{width:56px;height:56px;border-radius:16px;margin:0 auto}
.liry-pwa-card h2,.liry-push-card h2{font-size:1.25rem;font-weight:700;color:var(--ink)}
.liry-pwa-card p,.liry-push-card p{font-size:.9375rem;color:var(--text-2);line-height:1.55}
.liry-pwa-benefits{list-style:none;display:grid;gap:4px;font-size:.875rem;color:var(--text-2)}
.liry-pwa-actions,.liry-push-actions{display:grid;gap:8px;margin-top:6px}
.liry-pwa-install,.liry-push-approve{min-height:50px;border-radius:var(--r-full);background:var(--brand-strong);color:#fff;font-weight:600}
.liry-pwa-later,.liry-push-later{min-height:44px;border-radius:var(--r-full);color:var(--text-2);font-weight:500}
.liry-pwa-instructions{display:none;font-size:.875rem;color:var(--text-2);background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px}
.liry-pwa-instructions.is-visible{display:block}
.liry-pwa-mini{font-size:.75rem;color:var(--text-3)}
.liry-push-status{font-size:.8125rem;color:var(--text-2)}
.liry-push-status.is-error{color:var(--error)}
.liry-push-ios{font-size:.8125rem;color:var(--text-3)}

/* 17. ACCESSIBILITY MODES + MOTION ----------------------------------------- */
body.access-contrast{background:#000!important;color:#fff!important}
body.access-contrast .liry-header,body.access-contrast .liry-footer,body.access-contrast .liry-wizard,body.access-contrast .liry-panel,body.access-contrast .liry-song-hero,body.access-contrast .liry-song-card,body.access-contrast .liry-example-card,body.access-contrast .liry-post-card,body.access-contrast .liry-auth__card,body.access-contrast .version-card,body.access-contrast .lyrics-review,body.access-contrast .liry-player,body.access-contrast .client-type-card,body.access-contrast .liry-package,body.access-contrast .checkout-package-card-v134,body.access-contrast .liry-how__step,body.access-contrast .liry-faq details,body.access-contrast .liry-stat,body.access-contrast .liry-info-card,body.access-contrast .liry-featured-post,body.access-contrast .liry-mobile-menu,body.access-contrast .liry-mobile-menu__link{background:#000!important;color:#fff!important;border-color:#fff!important}
body.access-contrast h1,body.access-contrast h2,body.access-contrast h3,body.access-contrast p,body.access-contrast span,body.access-contrast small,body.access-contrast strong,body.access-contrast label{color:#fff!important}
body.access-contrast input,body.access-contrast textarea,body.access-contrast select{background:#000!important;color:#fff!important;border-color:#fff!important}
body.access-contrast a{color:#FFD166!important}
body.access-contrast .liry-btn--primary,body.access-contrast .primary-btn,body.access-contrast .access-toggle,body.access-contrast .liry-player__toggle,body.access-contrast .liry-whatsapp{background:#FFD166!important;color:#000!important;box-shadow:none!important}
body.access-grayscale{filter:grayscale(1)}
body.access-underline a{text-decoration:underline!important;text-underline-offset:3px}
body.access-readable,body.access-readable *{letter-spacing:.01em!important;line-height:1.75!important}
body.access-pause *,body.access-pause *::before,body.access-pause *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.liry-header,.liry-footer,.liry-whatsapp,.access-widget,.liry-sticky-cta,.toast{display:none!important}body{background:#fff}}