/* Liry v41 premium UI layer - additive overrides only */
:root{
  --liry-ink:#17120f;
  --liry-ink-2:#2d241f;
  --liry-muted:#74665d;
  --liry-border:#eadfd6;
  --liry-soft:#fff8f2;
  --liry-surface:#ffffff;
  --liry-orange:#ff6f1a;
  --liry-orange-2:#ff9a3d;
  --liry-orange-3:#ffbd82;
  --liry-shadow-soft:0 18px 50px rgba(25,13,5,.08);
  --liry-shadow-deep:0 36px 100px rgba(42,22,8,.13);
}
html{scroll-behavior:smooth}
body{
  color:var(--liry-ink);
  background:
    linear-gradient(180deg,#fffdfb 0%,#fff7ef 52%,#fffaf6 100%) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{display:none!important}

/* Top bar */
.topbar{
  height:72px!important;
  padding:0 clamp(14px,3vw,34px)!important;
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(234,223,214,.82)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  box-shadow:0 8px 28px rgba(31,18,8,.04)!important;
}
.main-logo{height:48px!important;filter:drop-shadow(0 8px 18px rgba(255,111,26,.09))}
.top-actions a{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(234,223,214,.95)!important;
  color:#3a2c23!important;
  border-radius:14px!important;
  font-weight:800!important;
  transition:.2s ease!important;
}
.top-actions a:hover{transform:translateY(-1px);border-color:#ffbf82!important;color:#e95f00!important;box-shadow:0 12px 30px rgba(255,111,26,.09)}

/* Full screen creation studio */
.liry-create-page .create-shell-v29,
.create-shell-v29{
  width:100%!important;
  min-height:calc(100vh - 72px)!important;
  padding:clamp(14px,3vw,34px)!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#fffdfb,#fff6ee)!important;
}
.liry-create-page .create-stage,
.create-stage{
  width:min(1200px,100%)!important;
  min-height:min(790px,calc(100vh - 118px))!important;
  display:grid!important;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  gap:clamp(18px,2.4vw,32px)!important;
  align-items:stretch!important;
  margin:0 auto!important;
}
.stage-intro{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:right!important;
  padding:clamp(18px,2vw,32px)!important;
  border:1px solid rgba(234,223,214,.85)!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,250,246,.78))!important;
  box-shadow:var(--liry-shadow-soft)!important;
}
.stage-mark{
  width:max-content!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#d95c00!important;
  border:1px solid rgba(255,177,113,.55)!important;
  padding:9px 13px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  margin-bottom:18px!important;
}
.stage-intro h1{
  margin:0!important;
  color:#17120f!important;
  font-size:clamp(42px,5vw,74px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
.stage-intro p{
  margin:20px 0 0!important;
  color:var(--liry-muted)!important;
  font-size:16px!important;
  line-height:1.75!important;
  max-width:30ch!important;
}
.stage-intro:after{
  content:'אחרי התשלום תקבלו מילים לעריכה, עד 2 נוסחים חדשים, ואז 2 גרסאות שיר להורדה';
  display:block;
  margin-top:28px;
  padding:16px 18px;
  border-radius:22px;
  background:#17120f;
  color:#fff;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  box-shadow:0 18px 40px rgba(23,18,15,.12);
}

.create-card,
.app-card.create-card{
  width:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:clamp(20px,3vw,38px)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(234,223,214,.96)!important;
  box-shadow:var(--liry-shadow-deep)!important;
  overflow:hidden!important;
}
.app-card:before,.app-card:after,.create-card:before,.create-card:after{display:none!important}
.card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important}
.card-head h2{margin:3px 0 0!important;font-size:20px!important;letter-spacing:-.02em!important;color:#201812!important}
.step-count{color:#d95c00!important;font-weight:900!important;font-size:12px!important;letter-spacing:.02em!important}
.progress-line{height:5px!important;background:#f2e7dd!important;border-radius:999px!important;overflow:hidden!important;margin-bottom:18px!important}
.progress-line span{background:linear-gradient(90deg,var(--liry-orange),var(--liry-orange-2))!important;box-shadow:0 0 0 1px rgba(255,255,255,.25) inset!important}

.wizard-form{flex:1!important;position:relative!important;display:flex!important;flex-direction:column!important}
.step{
  flex:1!important;
  display:none!important;
  min-height:520px!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
  padding:clamp(18px,3vw,42px) clamp(10px,2vw,24px) 110px!important;
  animation:liryStepIn .36s ease both;
}
.step.active{display:grid!important}
.step-kicker{
  margin:0 0 12px!important;
  color:#d95c00!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.step h1{
  width:min(100%,760px)!important;
  margin:0 0 12px!important;
  color:#17120f!important;
  font-size:clamp(38px,5.2vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
.step p{
  width:min(100%,620px)!important;
  margin:0 0 24px!important;
  color:#70645c!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.step input,.step select,.step textarea,.lyrics-editor,.share-row input,.auth-form input{
  width:min(100%,690px)!important;
  min-height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(218,205,194,.95)!important;
  background:#fff!important;
  color:#1e1712!important;
  padding:15px 18px!important;
  box-shadow:0 10px 28px rgba(31,18,8,.035)!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.step textarea,.lyrics-editor{min-height:150px!important;line-height:1.8!important}
.step input:focus,.step select:focus,.step textarea:focus,.lyrics-editor:focus,.auth-form input:focus{
  border-color:#ffac6b!important;
  box-shadow:0 0 0 5px rgba(255,111,26,.11),0 15px 42px rgba(31,18,8,.06)!important;
  transform:translateY(-1px)!important;
}
.mini-label{display:block!important;margin:18px 0 8px!important;color:#65564d!important;font-size:13px!important;font-weight:900!important}
.wizard-nav{
  position:absolute!important;
  bottom:22px!important;
  left:22px!important;
  right:22px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  pointer-events:auto!important;
}
.primary-btn,.ghost-btn{
  border-radius:16px!important;
  min-height:50px!important;
  padding:13px 20px!important;
  font-weight:900!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.primary-btn{background:linear-gradient(135deg,#ff6f1a,#ff9a3d)!important;box-shadow:0 16px 36px rgba(255,111,26,.22)!important}
.primary-btn:hover{transform:translateY(-2px)!important;box-shadow:0 24px 54px rgba(255,111,26,.27)!important}
.ghost-btn{background:#fff!important;border:1px solid rgba(218,205,194,.98)!important;color:#32261f!important}
.ghost-btn:hover{transform:translateY(-1px)!important;border-color:#ffbd82!important;box-shadow:0 14px 34px rgba(31,18,8,.06)!important}

/* remove noisy visual circles/loaders */
.pulse{border-radius:22px!important;background:linear-gradient(135deg,#ff6f1a,#ff9a3d)!important;box-shadow:0 18px 45px rgba(255,111,26,.18)!important;animation:none!important}
.liry-work-mark img{max-height:92px;filter:drop-shadow(0 14px 30px rgba(255,111,26,.12))}
.working-state h1,.lyrics-review h1{font-size:clamp(34px,4vw,58px)!important;letter-spacing:-.04em!important}
.lyrics-review{width:min(100%,780px)!important;margin:auto!important;padding:30px!important;border:1px solid rgba(234,223,214,.9)!important;border-radius:28px!important;background:#fff!important;box-shadow:var(--liry-shadow-soft)!important}

/* Examples and cards */
.featured-examples{width:min(1200px,100%)!important;margin:32px auto 0!important;padding:0!important}
.example-card,.song-card,.version-card,.table-card,.lyrics-box,.song-hero,.empty-state,.stats-grid>div{
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(234,223,214,.95)!important;
  box-shadow:0 18px 48px rgba(31,18,8,.065)!important;
}

/* dashboard polish */
.dash-layout{background:linear-gradient(180deg,#fffdfb,#fff8f1)!important}
.sidebar{background:#17120f!important;border-left:1px solid rgba(255,255,255,.08)!important}
.sidebar nav a{border-radius:14px!important;color:rgba(255,255,255,.72)!important}
.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,111,26,.16)!important;color:#fff!important}
.dash-main{width:min(100%,1260px)!important}
.dash-title h1{font-size:clamp(32px,4vw,58px)!important;letter-spacing:-.045em!important}
.stats-grid>div strong{letter-spacing:-.04em!important;color:#17120f!important}

/* accessibility menu color fix */
.access-toggle{
  background:linear-gradient(135deg,#ff6f1a,#ff9a3d)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 16px 40px rgba(255,111,26,.26)!important;
}
.access-toggle:before{content:'נגיש'!important;font-size:12px!important;letter-spacing:0!important;background:rgba(255,255,255,.18);padding:4px 7px;border-radius:999px}
.access-panel{border-color:rgba(234,223,214,.96)!important;box-shadow:0 28px 80px rgba(31,18,8,.16)!important}
.access-option[aria-pressed="true"]{background:#fff1e7!important;border-color:#ffbd82!important;color:#c85200!important}

/* Footer and payment marks */
.liry-footer-v41{margin-top:44px!important;background:#fff!important;border-top:1px solid rgba(234,223,214,.95)!important;padding:30px 18px calc(30px + env(safe-area-inset-bottom))!important}
.liry-footer-v41 .liry-footer-inner{width:min(1220px,100%)!important;grid-template-columns:1.15fr 1.15fr 1.2fr 1.1fr!important;align-items:center!important;gap:22px!important}
.liry-footer-brand strong{display:block;font-size:17px;font-weight:900;letter-spacing:-.02em}.liry-footer-brand p{margin-top:3px!important;max-width:260px}
.liry-footer-trust{display:grid;gap:8px;justify-items:start}.trust-title{font-size:12px;font-weight:900;color:#d95c00}.payment-logos{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pay-logo{height:30px;min-width:52px;padding:0 9px;border-radius:9px;background:#fff;border:1px solid #e6dbd2;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#1b1715;box-shadow:0 8px 18px rgba(31,18,8,.04);direction:ltr}.pay-logo.visa{color:#123b8f;font-style:italic;font-size:14px;letter-spacing:.03em}.pay-logo.amex{background:#2676c9;color:#fff;border-color:#2676c9;font-size:12px}.pay-logo.isracard{color:#e44d1b}.pay-logo.applepay{font-size:13px}.pay-logo.mastercard{gap:3px;min-width:74px}.pay-logo.mastercard i,.pay-logo.mastercard b{width:16px;height:16px;border-radius:50%;display:inline-block}.pay-logo.mastercard i{background:#ea001b;margin-left:-7px}.pay-logo.mastercard b{background:#ff9f00;margin-right:-7px;mix-blend-mode:multiply}.pay-logo.mastercard em{font-style:normal;font-size:9px;margin-right:4px}.liry-footer-trust small{font-size:11px;color:#89796f}.liry-footer-copy small{line-height:1.65!important}

/* motion helpers used by v41 JS */
.liry-animate-in{animation:liryRise .5s ease both}.liry-focus-glow{box-shadow:0 0 0 5px rgba(255,111,26,.1),0 18px 48px rgba(31,18,8,.07)!important}.liry-step-breathe{animation:lirySoftPulse .55s ease both}
@keyframes liryStepIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@keyframes liryRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lirySoftPulse{0%{transform:scale(.995)}60%{transform:scale(1.004)}100%{transform:scale(1)}}

@media(max-width:980px){
  .liry-create-page .create-stage,.create-stage{grid-template-columns:1fr!important;min-height:auto!important}
  .stage-intro{min-height:auto!important;text-align:center!important;align-items:center!important;padding:22px!important}
  .stage-intro p{max-width:62ch!important}
  .stage-intro:after{max-width:580px;margin-inline:auto}
  .step{min-height:510px!important}
  .liry-footer-v41 .liry-footer-inner{grid-template-columns:1fr!important;text-align:center!important}.liry-footer-trust{justify-items:center}.liry-footer-brand{justify-content:center!important;flex-direction:column!important}.liry-footer-brand p{max-width:none}.payment-logos{justify-content:center}.liry-footer-copy{text-align:center!important}
}
@media(max-width:640px){
  .create-shell-v29{padding:10px!important}
  .create-card{border-radius:24px!important;padding:16px!important}
  .stage-intro h1,.step h1{font-size:36px!important;line-height:1.02!important}
  .stage-intro{display:none!important}
  .step{min-height:calc(100vh - 210px)!important;padding:18px 2px 96px!important}
  .wizard-nav{left:14px!important;right:14px!important;bottom:14px!important;flex-direction:row!important}.wizard-nav .primary-btn,.wizard-nav .ghost-btn{width:auto!important;flex:1!important}
  .top-actions{gap:6px}.top-actions a{font-size:12px!important;padding:8px 9px!important}.main-logo{height:42px!important}
}