/* Lyruma Website v2.51 – Typografie DSGVO-konform: keine externen Google-Font-Requests.
   Gewünscht: Überschriften Montserrat, Fließtext Open Sans.
   Fallbacks: Arial/Helvetica/sans-serif, falls lokale Fonts nicht verfügbar sind. */
@font-face{font-family:"Montserrat";src:local("Montserrat"),local("Montserrat Regular");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Open Sans";src:local("Open Sans"),local("Open Sans Regular");font-weight:300 800;font-style:normal;font-display:swap;}
:root{--font-heading:"Montserrat",Arial,Helvetica,sans-serif;--font-body:"Open Sans",Arial,Helvetica,sans-serif;}
:root{
  --bg:#070611;
  --panel:#13101f;
  --panel2:#191527;
  --text:#f7f3ff;
  --muted:#bdb3d7;
  --line:rgba(255,255,255,.12);
  --orange:#ff7a1a;
  --orange2:#ffb86b;
  --violet:#8a5cff;
  --pink:#ff4fd8;
  --green:#55e6a5;
  --shadow:0 24px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left,#25114a 0,#090714 38%,#05050b 100%);line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.bg-glow{position:fixed;pointer-events:none;filter:blur(46px);opacity:.36;z-index:0}.bg-one{width:450px;height:450px;border-radius:999px;right:-140px;top:-90px;background:var(--orange)}.bg-two{width:560px;height:560px;border-radius:999px;left:-210px;bottom:8%;background:var(--violet)}
.site{position:relative;z-index:1}.container{width:min(1180px,calc(100% - 28px));margin:0 auto}.nav{position:sticky;top:0;z-index:20;background:rgba(7,6,17,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:48px;height:48px;border-radius:15px;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.35)}.brand strong{font-size:18px;letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:-2px}.nav-links{display:flex;gap:18px;align-items:center;color:var(--muted);font-weight:800;font-size:14px}.nav-links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 18px;font-weight:950;cursor:pointer;color:var(--text);background:#2a223e;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--pink));color:#17060a;box-shadow:0 16px 42px rgba(255,122,26,.24)}.btn.secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.btn.big{padding:16px 22px;font-size:16px}.hero{padding:78px 0 54px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{color:var(--orange2);font-weight:950;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.92;margin:12px 0 18px;letter-spacing:-.075em}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:720px;margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:999px;padding:9px 12px;color:#eee8ff;font-weight:800;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.studio-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:var(--shadow);padding:20px;backdrop-filter:blur(18px)}.mock-window{border-radius:24px;overflow:hidden;background:#090714;border:1px solid rgba(255,255,255,.13)}.mock-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;background:rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.1)}.traffic{width:12px;height:12px;border-radius:50%;background:var(--orange)}.traffic:nth-child(2){background:var(--pink)}.traffic:nth-child(3){background:var(--green)}.mock-body{padding:20px}.sheet-preview{background:#fff;color:#111;border-radius:10px;padding:24px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 24px 60px rgba(0,0,0,.35)}.sheet-preview h3{font-size:28px;margin:0 0 8px;letter-spacing:-.04em}.sheet-meta{font-size:12px;color:#333;display:grid;gap:4px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:14px}.sheet-lines{font-family:"Courier New",monospace;font-size:13px;white-space:pre-wrap;line-height:1.55}.section{padding:62px 0}.section-head{max-width:780px;margin-bottom:26px}.section-head h2{font-size:clamp(30px,4vw,50px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.055em}.section-head p{color:var(--muted);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 18px 55px rgba(0,0,0,.25);padding:24px;backdrop-filter:blur(14px)}.card h3{font-size:22px;margin:0 0 8px;letter-spacing:-.02em}.card p{color:var(--muted);margin:0}.icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--pink));color:#15060a;font-weight:950;margin-bottom:16px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.workflow .card{position:relative}.workflow .card:before{counter-increment:step;content:counter(step);position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:var(--orange2);font-weight:950}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-card{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035));padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.25);display:flex;flex-direction:column;min-height:420px}.price-card.highlight{border-color:rgba(255,122,26,.6);box-shadow:0 24px 80px rgba(255,122,26,.14)}.badge{position:absolute;top:-13px;left:24px;border-radius:999px;padding:7px 12px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#17060a;font-weight:950;font-size:12px}.price-card h3{margin:4px 0 6px;font-size:24px}.price{font-size:34px;font-weight:950;letter-spacing:-.05em;margin:10px 0}.price small{font-size:13px;color:var(--muted);letter-spacing:0}.features{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:10px;color:#eee8ff}.features li{display:flex;gap:8px}.features li:before{content:"✓";color:var(--green);font-weight:950}.price-card .btn{margin-top:auto}.note{color:var(--muted);font-size:13px;margin-top:14px}.cta{border:1px solid var(--line);border-radius:34px;padding:38px;background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(138,92,255,.18));box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:0 0 12px;letter-spacing:-.055em}.cta p{color:var(--muted);margin:0;font-size:18px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:18px}.faq summary{font-weight:950;cursor:pointer}.faq p{color:var(--muted);margin:12px 0 0}.footer{padding:44px 0;border-top:1px solid var(--line);background:rgba(0,0,0,.18);margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-logo{width:76px;height:76px;border-radius:20px;object-fit:cover;border:1px solid rgba(255,255,255,.18);margin-bottom:12px}.footer h4{margin:0 0 12px;color:#fff}.footer p,.footer a{color:var(--muted)}.footer a{display:block;margin:7px 0}.footer a:hover{color:#fff}.legal-page{padding:56px 0}.legal-box{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.06);padding:30px;max-width:880px}.legal-box h1{font-size:44px;margin:0 0 14px}.legal-box p{color:var(--muted)}
@media(max-width:980px){.nav-links{display:none}.hero-grid,.cards,.workflow,.pricing,.faq,.footer-grid{grid-template-columns:1fr}.hero{padding-top:44px}.studio-card{padding:12px}.cta{flex-direction:column;align-items:flex-start}.pricing{gap:22px}.footer-grid{gap:18px}.sheet-preview{padding:18px}.section{padding:46px 0}}
.compact-hero{padding:54px 0 28px}.flow-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));padding:20px;box-shadow:var(--shadow);display:grid;gap:14px}.flow-step{display:grid;grid-template-columns:46px 1fr;gap:8px 14px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;background:rgba(255,255,255,.06)}.flow-step span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:950;color:var(--orange2)}.flow-step.active span{background:linear-gradient(135deg,var(--orange),var(--pink));color:#16060a}.flow-step strong{font-size:18px}.flow-step small{color:var(--muted)}.checkout-pricing .price-card.selected{outline:3px solid rgba(255,122,26,.45);transform:translateY(-3px)}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.auth-panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.25)}.auth-panel h2{font-size:36px;margin:8px 0 10px;letter-spacing:-.04em}.muted{color:var(--muted)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.auth-btn{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);color:var(--text);font-weight:900;padding:13px;cursor:pointer}.auth-btn:hover{background:rgba(255,255,255,.13)}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;font-weight:900;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.signup-form{display:grid;gap:13px}.signup-form label{display:grid;gap:7px;color:#eee8ff;font-weight:850}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password]{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.18);color:var(--text);padding:14px 15px;font:inherit}.signup-form .check{display:flex;grid-template-columns:none;align-items:center;font-size:14px;color:var(--muted)}.status-box,.architecture-box{border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(0,0,0,.18);padding:18px;color:#eee8ff}.architecture-box{margin-top:18px}.architecture-box h3{margin-top:0}.architecture-box li{margin:8px 0;color:var(--muted)}.tech-cards .card{min-height:220px}@media(max-width:980px){.auth-layout,.social-grid{grid-template-columns:1fr}.compact-hero{padding-top:36px}}


/* v1.2 Auth/Profile additions */
.account-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-layout.three{grid-template-columns:1fr 1fr}.mini-note{font-size:12px;color:var(--muted);margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.signup-form textarea,.signup-form select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.18);color:var(--text);padding:14px 15px;font:inherit;min-height:44px}.profile-hero{padding:40px 0 18px}.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:start}.avatar-wrap{display:flex;gap:18px;align-items:center}.avatar{width:112px;height:112px;border-radius:32px;object-fit:cover;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:34px;font-weight:950;color:var(--orange2)}.history-list{display:grid;gap:12px}.history-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055)}.history-item strong{display:block}.history-item small{color:var(--muted)}.plan-chip{display:inline-flex;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;font-weight:950;color:#fff}.redirect-box{border:1px solid rgba(255,122,26,.35);background:rgba(255,122,26,.09);border-radius:22px;padding:18px}.start-home{font-size:13px;color:var(--muted)}.social-grid.five{grid-template-columns:repeat(5,1fr)}.pay-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pay-logos span{font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 10px}.timeline{display:grid;gap:10px}.timeline .flow-step{grid-template-columns:38px 1fr;padding:13px}.timeline .flow-step span{width:34px;height:34px}.warning-card{border-color:rgba(255,211,106,.35);background:rgba(255,211,106,.07)}
@media(max-width:980px){.auth-layout.three,.profile-grid,.form-grid{grid-template-columns:1fr}.social-grid.five{grid-template-columns:1fr}.account-bar{justify-content:flex-start}}
/* v1.3 Supabase Auth additions */
.avatar.has-img{overflow:hidden;background:transparent}.avatar.has-img img{width:100%;height:100%;object-fit:cover}.auth-status{border:1px solid rgba(85,230,165,.26);background:rgba(85,230,165,.08);border-radius:18px;padding:12px 14px;color:#eafff5;margin:12px 0}.disabled-note{opacity:.72}.history-item span{color:var(--muted);font-size:13px}.auth-panel input::placeholder,.auth-panel textarea::placeholder{color:rgba(255,255,255,.42)}


/* Lyruma Website v2.51 – Lesbarkeit, Responsivität und Version-Footer */
:root{--readable-text:#fbf9ff;--readable-muted:#d6cdea;}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;}
h1,h2,h3,.brand strong,.price{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;text-rendering:geometricPrecision;}
body{color:var(--readable-text);}
.lead,.section-head p,.card p,.cta p,.footer p,.footer a,.muted,.note,.mini-note{color:var(--readable-muted);}
.nav,.card,.price-card,.auth-panel,.studio-card{backdrop-filter:none;-webkit-backdrop-filter:none;}
.nav{background:rgba(7,6,17,.94);}
.nav-inner{min-height:78px;}
.start-home{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;font-weight:900;color:var(--text);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}
.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--readable-muted);font-size:13px;line-height:1.4;}
.footer-bottom span:last-child{color:var(--orange2);font-weight:800;}
img{height:auto;}
input,select,textarea{font-size:16px;}
.auth-layout,.profile-grid{grid-template-columns:1fr 1fr;}
@media(max-width:1120px){.pricing{grid-template-columns:repeat(2,minmax(0,1fr));}.workflow{grid-template-columns:repeat(2,minmax(0,1fr));}.hero-grid{gap:24px;}.auth-layout,.profile-grid{grid-template-columns:1fr;}}
@media(max-width:760px){
  .container{width:min(100% - 22px,1180px);}
  .nav{position:relative;}
  .nav-inner{height:auto;min-height:0;flex-wrap:wrap;align-items:flex-start;padding:12px 0;gap:10px;}
  .brand{width:100%;gap:10px;}
  .brand img{width:42px;height:42px;border-radius:13px;}
  .brand strong{font-size:17px;}
  .brand span{font-size:12px;}
  .nav-links{display:none!important;}
  .nav-inner>.btn,.nav-inner>.start-home{flex:1 1 140px;min-height:44px;padding:11px 12px;font-size:14px;}
  .hero{padding:42px 0 30px;}
  .compact-hero{padding:34px 0 18px;}
  .hero h1,.legal-box h1{font-size:clamp(34px,12vw,48px);line-height:1.03;letter-spacing:-.045em;}
  .section-head h2,.cta h2{font-size:clamp(27px,9vw,38px);line-height:1.08;}
  .lead,.section-head p,.cta p{font-size:16.5px;line-height:1.55;}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  .hero-actions .btn,.btn.big{width:100%;}
  .cards,.workflow,.pricing,.faq,.footer-grid{grid-template-columns:1fr!important;}
  .section{padding:40px 0;}
  .card,.price-card,.auth-panel,.legal-box,.cta{border-radius:22px;padding:20px;}
  .price-card{min-height:0;}
  .studio-card{border-radius:22px;padding:10px;}
  .mock-body{padding:12px;}
  .sheet-preview{padding:16px;overflow:auto;}
  .sheet-preview h3{font-size:23px;}
  .sheet-meta{font-size:11px;}
  .sheet-lines{font-size:12.5px;line-height:1.55;}
  .social-grid{grid-template-columns:1fr;}
  .flow-step{grid-template-columns:40px 1fr;padding:14px;}
  .footer{padding:34px 0;margin-top:30px;}
  .footer-logo{width:64px;height:64px;}
  .footer-bottom{font-size:12.5px;}
}
@media(max-width:420px){.container{width:min(100% - 18px,1180px)}.brand img{width:38px;height:38px}.brand strong{font-size:16px}.btn{font-size:14px}.price{font-size:30px}.pill{font-size:12px}}

/* Lyruma Website v2.51 – mobile Feinschliff und klare Schrift */
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}html{overflow-x:hidden}body{overflow-x:hidden}.footer-logo{object-fit:contain;background:rgba(255,255,255,.06);padding:4px}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--readable-muted,#d6cdea);font-size:13px;line-height:1.4}.footer-bottom span:last-child{color:var(--orange2);font-weight:900}.btn{min-height:42px}.container{max-width:1180px}@media(max-width:760px){.container{width:min(100% - 20px,1180px)}.auth-panel h1,.hero h1{font-size:clamp(31px,10vw,44px);line-height:1.05}.auth-panel h2,.section-head h2{font-size:clamp(26px,8vw,36px)}.footer-bottom{font-size:12.5px}.footer-logo{width:58px;height:58px}.social-grid,.social-grid.five{grid-template-columns:1fr!important}.profile-grid,.auth-layout,.form-grid{grid-template-columns:1fr!important}.history-item{align-items:flex-start;flex-direction:column}.nav-inner>.btn,.nav-inner>.start-home{width:100%}}

.email-only-note{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);padding:14px 16px;margin:18px 0;color:#eee8ff;line-height:1.5}.email-only-note span{color:var(--muted)}


/* Lyruma Website v2.51 – dunkle Profilfelder und smarter Start */
.signup-form input[type=text],
.signup-form input[type=email],
.signup-form input[type=password],
.signup-form input[type=url],
.signup-form input[type=tel],
.signup-form textarea,
.signup-form select,
.auth-panel input,
.auth-panel textarea,
.auth-panel select{
  background:#141122 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.signup-form input::placeholder,
.signup-form textarea::placeholder,
.auth-panel input::placeholder,
.auth-panel textarea::placeholder{color:rgba(236,232,255,.48)!important;}
.signup-form input:focus,
.signup-form textarea:focus,
.signup-form select:focus{
  outline:none;
  border-color:rgba(255,122,26,.62)!important;
  box-shadow:0 0 0 4px rgba(255,122,26,.13), inset 0 1px 0 rgba(255,255,255,.06);
}

/* v2.5 current plan marker */
.price-card .current-plan{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}

/* Lyruma Website v2.51 – Jahres-/Monatsabo Umschalter */
.billing-toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:24px;padding:14px 16px;margin:8px 0 22px;box-shadow:0 14px 42px rgba(0,0,0,.18)}
.billing-label{font-weight:950;color:#fff;letter-spacing:-.02em}.billing-toggle{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#141122;border:1px solid rgba(255,255,255,.14)}
.billing-toggle button{border:0;border-radius:999px;padding:10px 14px;background:transparent;color:var(--readable-muted,#d6cdea);font-weight:950;cursor:pointer;min-height:42px}.billing-toggle button.active{background:linear-gradient(135deg,var(--orange),var(--pink));color:#17060a;box-shadow:0 10px 30px rgba(255,122,26,.2)}
.billing-toggle button strong{font-size:11px;display:inline-block;margin-left:5px}.billing-hint{flex-basis:100%;margin:0;color:var(--readable-muted,#d6cdea);font-size:13px}.save-note{margin:-6px 0 10px;color:#55e6a5;font-size:13px;font-weight:850}.price-card.current-subscription{outline:2px solid rgba(85,230,165,.45)}
@media(max-width:760px){.billing-toggle-wrap{align-items:stretch}.billing-toggle{width:100%;display:grid;grid-template-columns:1fr}.billing-toggle button{width:100%}.billing-label{width:100%}}

/* v2.8: Rechtliches, FAQ, Anleitung */
.legal-page{max-width:980px}.legal-page h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;margin:10px 0 22px}.legal-page h2{margin-top:26px;font-size:1.28rem}.legal-page p,.legal-page li{color:var(--muted);line-height:1.75}.legal-page a{color:#ffd08a}.legal-faq details{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 18px;margin:10px 0}.legal-faq summary{cursor:pointer;font-weight:800;color:#fff}.guide-grid{margin:26px 0}.demo-video{width:100%;max-width:840px;border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.32);background:#050510;display:block;margin-top:14px}.app-menu{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.app-menu a,.app-menu button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer}.app-menu a:hover,.app-menu button:hover{background:rgba(255,255,255,.12)}

/* v2.17: Anleitungsvideo Studio-Abo */
.demo-video{background:#070611;object-fit:contain}.guide-grid .card p{min-height:72px}


/* Lyruma Website v2.51 – freundlichere, ruhigere Überschriften */
:root{--heading-soft:#f2ecff;--heading-muted:#e5dcff;}
.hero h1,
.section-head h2,
.cta h2,
.legal-page h1,
.auth-panel h1{
  font-family:"Avenir Next","Nunito Sans","Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-0.045em !important;
  line-height:1.03 !important;
  color:var(--heading-soft) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.02),0 10px 34px rgba(138,92,255,.12) !important;
}
.hero h1{font-size:clamp(42px,6.25vw,74px) !important;max-width:760px;}
.section-head h2{font-weight:780 !important;letter-spacing:-0.035em !important;}
.lead{color:var(--heading-muted) !important;max-width:690px;}
.eyebrow{color:#ffd36a !important;letter-spacing:.12em;}
@media(max-width:760px){.hero h1{font-size:clamp(34px,10.5vw,48px) !important;line-height:1.06 !important;letter-spacing:-0.035em !important;}}

/* Lyruma Website v2.51 – globale Schriftregel */
body, p, a, li, span, small, label, input, select, textarea, button, .lead, .muted, .card p, .footer p, .footer a{font-family:var(--font-body);}
h1,h2,h3,h4,h5,h6,.brand strong,.btn,.eyebrow,.price,.badge,.section-head h2,.hero h1,.cta h2,.legal-box h1,.auth-panel h2,.price-card h3,.faq summary{font-family:var(--font-heading);}
.hero h1{font-weight:800;letter-spacing:-.045em;line-height:1.02;text-shadow:0 10px 40px rgba(0,0,0,.18);}
.section-head h2,.cta h2{letter-spacing:-.035em;line-height:1.08;}
body{font-size:16px;}
@media(max-width:760px){body{font-size:15.5px}.hero h1{font-size:clamp(34px,10vw,52px);line-height:1.05;letter-spacing:-.035em}.lead{font-size:clamp(16px,4.2vw,19px);line-height:1.55}.section-head h2{font-size:clamp(28px,8vw,42px);line-height:1.1}.btn{font-size:15px}}


/* Lyruma Website v2.51 – Roobert/Suno-inspirierte Typografie und Typewriter-Hero.
   Datenschutzkonform: keine externen Font-Requests, nur lokale/System-Fonts mit Fallbacks. */
:root{
  --font-suno-heading:"Roobert","Inter Tight","Inter","SF Pro Display","Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
  --font-suno-body:"Roobert","Inter","SF Pro Text","Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
}
html{font-size:16px;}
body,input,select,textarea,button{
  font-family:var(--font-suno-body) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.brand strong,.btn,.eyebrow,.price,.badge,.section-head h2,.hero h1,.cta h2,.legal-box h1,.auth-panel h1,.auth-panel h2,.price-card h3,.faq summary{
  font-family:var(--font-suno-heading) !important;
}
.hero h1{
  font-weight:560 !important;
  letter-spacing:-0.044em !important;
  line-height:0.98 !important;
  max-width:780px;
  text-shadow:0 8px 34px rgba(0,0,0,.16);
}
.typewriter-title{
  min-height:calc(1em * 3);
}
.typewriter-title::after{
  content:"";
  display:inline-block;
  width:.08em;
  height:.86em;
  margin-left:.08em;
  transform:translateY(.08em);
  background:linear-gradient(180deg,#ffd36a,#ff7a45);
  border-radius:999px;
  animation:lss-caret 850ms steps(1) infinite;
}
.typewriter-title.typewriter-done::after{
  opacity:.7;
  animation:lss-caret 1200ms steps(1) 3;
}
@keyframes lss-caret{50%{opacity:0}}
@media(max-width:760px){
  html{font-size:15.5px;}
  .hero h1{
    font-size:clamp(32px,9.6vw,48px) !important;
    line-height:1.04 !important;
    letter-spacing:-0.04em !important;
    font-weight:560 !important;
  }
  .typewriter-title{min-height:calc(1em * 4);}
}
@media(prefers-reduced-motion:reduce){
  .typewriter-title::after{display:none;}
}


/* Lyruma Website v2.51 – einheitliche, ruhigere Roobert-inspirierte Überschriften.
   Keine externen Font-Requests. Fallbacks bleiben websafe. */
:root{
  --font-suno-heading:"Roobert","Inter Tight","Inter","SF Pro Display","Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
  --font-suno-body:"Roobert","Inter","SF Pro Text","Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
}
h1,h2,h3,h4,h5,h6,
.hero h1,.section-head h2,.cta h2,.legal-box h1,.legal-page h1,
.auth-panel h1,.auth-panel h2,.card h3,.price-card h3,.faq summary,
.brand strong,.price,.eyebrow,.badge{
  font-family:var(--font-suno-heading) !important;
  font-weight:560 !important;
  letter-spacing:-0.035em !important;
  line-height:1.08 !important;
}
.hero h1{
  font-weight:540 !important;
  letter-spacing:-0.042em !important;
  line-height:1.01 !important;
  max-width:800px;
}
.section-head h2,.cta h2,.legal-page h1,.legal-box h1{
  font-weight:550 !important;
}
.card h3,.price-card h3,.footer h4,.flow-step strong,.auth-panel h2{
  font-weight:600 !important;
  letter-spacing:-0.025em !important;
}
body,p,a,li,span,small,label,input,select,textarea,button,.lead,.muted,.card p,.footer p,.footer a{
  font-family:var(--font-suno-body) !important;
}
.typewriter-title{min-height:calc(1em * 3);}
.typewriter-title::after{
  content:"";
  display:inline-block;
  width:.075em;
  height:.82em;
  margin-left:.08em;
  transform:translateY(.08em);
  background:linear-gradient(180deg,#ffd36a,#ff7a45);
  border-radius:999px;
  animation:lss-caret 850ms steps(1) infinite;
}
.typewriter-title.typewriter-done::after{opacity:1;animation:lss-caret 850ms steps(1) infinite;}
@keyframes lss-caret{50%{opacity:0}}
@media(max-width:760px){
  .hero h1{font-size:clamp(32px,9.2vw,48px) !important;line-height:1.05 !important;font-weight:540 !important;letter-spacing:-0.038em !important;}
  .section-head h2,.cta h2,.legal-page h1,.legal-box h1{font-size:clamp(27px,7.8vw,40px) !important;line-height:1.12 !important;}
  .typewriter-title{min-height:calc(1em * 4);}
}
@media(prefers-reduced-motion:reduce){.typewriter-title::after{display:none;}}


/* Lyruma Website v2.51 – Suno-inspirierte Seitenstruktur, mit eigenen Inhalten/Farben. */
body.suno-layout{background:#08080d;color:#f7f3ff;overflow-x:hidden;}
.suno-layout .site{overflow:hidden;}
.suno-bg{position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(54px);opacity:.48;border-radius:999px;}
.suno-bg-a{width:760px;height:760px;right:-220px;top:-180px;background:radial-gradient(circle,#ff7a1a 0,#8a2bff 48%,transparent 72%);}
.suno-bg-b{width:620px;height:620px;left:-220px;top:28vh;background:radial-gradient(circle,#6d3dff 0,#160c38 58%,transparent 75%);}
.suno-nav{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 clamp(18px,4vw,44px);position:sticky;top:0;z-index:50;background:rgba(8,8,13,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08);}
.suno-brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:-.03em;font-size:20px;}
.suno-brand img{width:46px;height:46px;border-radius:13px;object-fit:contain;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:0 18px 45px rgba(0,0,0,.28);}
.suno-nav-center{display:flex;align-items:center;justify-content:center;gap:30px;font-size:15px;font-weight:560;color:rgba(247,243,255,.72);}
.suno-nav-center a:hover{color:#fff;}
.suno-nav-actions{display:flex;align-items:center;gap:14px;}
.login-link{color:#f7f3ff;font-weight:520;font-size:15px;}
.login-link:hover{color:#ffd36a;}
.white-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f7f3ef;color:#0a090d!important;padding:12px 18px;font-weight:650;box-shadow:0 10px 32px rgba(255,255,255,.08);white-space:nowrap;}
.white-cta:hover{transform:translateY(-1px);filter:brightness(1.03);}
.white-cta.inline{margin-top:24px;}
.suno-hero{position:relative;min-height:calc(100vh - 86px);display:grid;place-items:center;text-align:center;padding:86px 18px 70px;isolation:isolate;}
.suno-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 12%,rgba(255,122,26,.36),transparent 35%),radial-gradient(circle at 24% 44%,rgba(138,92,255,.34),transparent 42%);z-index:-1;}
.suno-hero-inner{width:min(900px,100%);margin:auto;}
.suno-title{font-family:var(--font-suno-heading)!important;font-size:clamp(48px,8.2vw,104px)!important;line-height:.94!important;letter-spacing:-.06em!important;font-weight:510!important;margin:18px auto 24px!important;color:#fff!important;text-shadow:0 20px 80px rgba(0,0,0,.25)!important;max-width:980px!important;}
.suno-subtitle{font-size:clamp(17px,1.75vw,22px);line-height:1.45;color:rgba(247,243,255,.76);max-width:710px;margin:0 auto 28px;}
.song-prompt-bar{width:min(760px,100%);margin:28px auto 0;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:24px;background:rgba(12,10,18,.68);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 90px rgba(0,0,0,.36);backdrop-filter:blur(20px);}
.prompt-placeholder{text-align:left;color:rgba(247,243,255,.48);padding:15px 18px;font-size:17px;}
.song-prompt-bar a{border-radius:18px;padding:14px 20px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#16070b;font-weight:750;}
.suno-mini-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:rgba(247,243,255,.55);font-size:13px;font-weight:560;}
.suno-mini-links span{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);padding:8px 12px;border-radius:999px;}
.floating-preview{position:absolute;width:220px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(18px);padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.32);color:rgba(255,255,255,.78);}
.floating-preview p{margin:8px 0 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.68);}
.mini-card-title{font-weight:700;color:#fff;}
.preview-left{left:clamp(14px,4vw,70px);bottom:18%;transform:rotate(-5deg);}
.preview-right{right:clamp(14px,4vw,70px);top:25%;transform:rotate(4deg);}
.suno-section{position:relative;padding:96px 0;z-index:2;}
.suno-center{text-align:center;}
.narrow{max-width:860px;}
.suno-section h2{font-family:var(--font-suno-heading)!important;font-size:clamp(42px,6.2vw,84px)!important;line-height:.96!important;letter-spacing:-.055em!important;font-weight:510!important;margin:0 0 20px!important;color:#f8f4ee!important;}
.suno-section p{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:rgba(247,243,255,.68);}
.suno-feature-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.suno-card{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.055);padding:28px;text-align:left;min-height:330px;display:flex;flex-direction:column;justify-content:flex-start;backdrop-filter:blur(18px);}
.suno-card .icon{width:52px;height:52px;border-radius:16px;margin:0 0 42px;background:linear-gradient(135deg,var(--orange),var(--pink));}
.suno-card h3{font-size:24px;font-weight:560!important;letter-spacing:-.035em!important;margin:0 0 14px;}
.suno-card p{font-size:16px;margin:0;color:rgba(247,243,255,.66);}
.two-col-showcase{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:start;}
.workflow-list{display:grid;gap:16px;}
.workflow-list article{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.055);padding:18px;}
.workflow-list strong{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#12060a;font-size:18px;}
.workflow-list span{color:rgba(247,243,255,.76);font-size:17px;}
.suno-black-band{background:#0d0d12;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.app-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.app-shot{border-radius:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.35);}
.app-shot-top{height:44px;border-radius:20px 20px 0 0;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:8px;padding:0 18px;}
.app-shot-top span{width:12px;height:12px;border-radius:999px;background:var(--orange);}.app-shot-top span:nth-child(2){background:var(--pink)}.app-shot-top span:nth-child(3){background:var(--green)}
.app-shot-paper{background:#fbfaf7;color:#121116;border-radius:0 0 20px 20px;padding:34px;font-family:Arial,Helvetica,sans-serif;}
.app-shot-paper h3{font-size:32px;margin:0 0 8px;color:#111;font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;}
.app-shot-paper p{font-size:13px;color:#333;margin:0 0 18px;border-bottom:2px solid #111;padding-bottom:12px;}
.app-shot-paper pre{white-space:pre-wrap;font-family:"Courier New",monospace;font-size:15px;line-height:1.55;color:#222;margin:0;}
.suno-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:54px;text-align:left;}
.suno-price{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#1b1b20;padding:28px;min-height:450px;display:flex;flex-direction:column;}
.suno-price.featured{border-color:rgba(255,79,216,.65);box-shadow:0 0 0 1px rgba(255,79,216,.18),0 28px 90px rgba(255,79,216,.1);}
.suno-price h3{font-size:28px;font-weight:510!important;margin:0 0 12px;}
.suno-price strong{font-size:38px;font-weight:650;margin-top:16px;display:inline-block;}
.suno-price small{color:rgba(247,243,255,.55);}
.suno-price ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:11px;color:rgba(247,243,255,.72);}
.suno-price li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px;}
.suno-price a{margin-top:auto;border-radius:999px;padding:14px 18px;background:#f7f3ef;color:#0a090d;text-align:center;font-weight:700;}
.suno-faq{max-width:860px;margin:46px auto 0;text-align:left;}
.suno-faq details{border:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;padding:22px 0;}
.suno-faq details:last-of-type{border-bottom:1px solid rgba(255,255,255,.14);}
.suno-faq summary{font-size:20px;font-weight:560!important;list-style:none;display:flex;justify-content:space-between;cursor:pointer;}
.suno-faq summary::-webkit-details-marker{display:none;}
.suno-faq summary:after{content:"+";font-size:26px;color:#fff;}
.suno-faq details[open] summary:after{content:"–";}
.suno-faq p{font-size:16px;margin:14px 0 0;}
.faq-more{display:block;text-align:center;margin:28px auto;color:rgba(247,243,255,.55);font-size:17px;}
.final-cta{display:inline-flex;margin-top:18px;background:linear-gradient(135deg,var(--orange),var(--pink));border-radius:999px;padding:18px 28px;color:#15060a;font-weight:750;}
.suno-footer{background:#08080d;margin-top:0;}
@media(max-width:1100px){.preview-left,.preview-right{display:none}.suno-feature-grid,.suno-pricing{grid-template-columns:repeat(2,1fr)}.two-col-showcase,.app-showcase{grid-template-columns:1fr}.suno-nav-center{display:none}.suno-title{font-size:clamp(44px,10vw,86px)!important}}
@media(max-width:760px){.suno-nav{height:auto;min-height:76px;grid-template-columns:auto auto;padding:14px 16px}.suno-brand span{display:none}.suno-nav-actions{gap:10px}.login-link{font-size:14px}.white-cta{padding:11px 13px;font-size:13px;white-space:normal;text-align:center}.suno-hero{min-height:82vh;padding:62px 16px}.song-prompt-bar{grid-template-columns:1fr}.prompt-placeholder{text-align:center;font-size:15px}.suno-feature-grid,.suno-pricing{grid-template-columns:1fr}.suno-section{padding:70px 0}.suno-section h2{font-size:clamp(36px,11vw,56px)!important}.suno-card{min-height:auto}.app-shot-paper{padding:22px}.app-shot-paper pre{font-size:12px}.footer-grid{grid-template-columns:1fr}}


/* v2.29 – Suno-inspirierte Gesamtstruktur und Profil/App-Layout */
.nav{position:sticky;top:0;z-index:50;background:rgba(7,6,17,.76)!important;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px)}
.nav .container.nav-inner{min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}.nav .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.nav .brand img{width:50px;height:50px;border-radius:14px}.nav .brand strong{font-size:18px}.nav .brand span{display:block;color:#aaa5b9;font-size:12px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{color:#dad5e8;text-decoration:none;font-weight:750}.nav-links a:hover{color:#fff}.start-home,.nav .btn.secondary{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:800}
.legal-page,.auth-panel,.checkout-card{border-radius:30px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 32px 120px rgba(0,0,0,.38)!important}.legal-page h1,.auth-panel h1,.auth-panel h2{font-weight:500!important;letter-spacing:-.055em}.legal-page{max-width:980px;margin-inline:auto;padding:clamp(26px,5vw,60px)!important}.section{padding:clamp(56px,8vw,100px) 0}.lead{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#d5cfdf}.faq details,.legal-faq details{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;margin:12px 0!important;padding:18px 20px!important}.faq summary,.legal-faq summary{font-weight:750;color:#fff;cursor:pointer}
.profile-suno-wrap{width:min(1100px,calc(100% - 34px));margin:0 auto;padding:42px 0 80px}.profile-cover-card{position:relative;min-height:290px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,rgba(106,61,255,.35),rgba(255,122,26,.28)),url('assets/logo_eduard_wiebe.jpeg') center/cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 120px rgba(0,0,0,.48)}.profile-cover-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,17,.06),rgba(7,6,17,.76))}.cover-upload{position:absolute;top:18px;right:18px;z-index:3;display:inline-flex;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);padding:10px 14px;color:#fff;font-weight:800;cursor:pointer}.cover-upload input,.profile-avatar-upload input{display:none}.profile-cover-content{position:absolute;left:36px;right:36px;bottom:34px;z-index:2;display:flex;align-items:center;gap:20px}.profile-avatar-large{width:104px;height:104px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#6d4dff,#ff4fd8);border:4px solid rgba(255,255,255,.16);font-size:30px;font-weight:900;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-title-block{flex:1}.profile-title-block h1{margin:0;font-weight:560;letter-spacing:-.05em;font-size:clamp(38px,6vw,72px)}.profile-title-block p{margin:4px 0 10px;color:#e6e0f0}.profile-share-actions{display:flex;gap:12px;align-items:center}.round-icon{width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:#111;font-size:22px;font-weight:900}.profile-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.stat-pill{border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:12px 18px;font-weight:800}.latest-sheet-card,.profile-panel{border-radius:28px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 90px rgba(0,0,0,.34)}.latest-sheet-card{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:34px}.latest-sheet-thumb{width:98px;height:98px;border-radius:22px;background:linear-gradient(135deg,#2a2550,#ff7a1a);display:grid;place-items:center;position:relative}.latest-sheet-thumb img{width:60px;height:60px;object-fit:contain}.latest-sheet-thumb span{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:900;color:#111;background:#fff;border-radius:999px;padding:3px 7px}.latest-sheet-card h2,.profile-panel h2{margin:.1rem 0 .4rem;font-weight:560;letter-spacing:-.04em}.latest-sheet-card p{color:#cfc8de}.profile-columns{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}.profile-panel{padding:28px}.profile-demo-list,.genre-chip-row{display:flex;gap:10px;flex-wrap:wrap}.profile-demo-list span,.genre-chip-row span{border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13px}.profile-history:empty::before{content:'Noch keine gespeicherten Sheets vorhanden.';color:#bcb5cf}.profile-panel textarea{min-height:120px}
@media(max-width:820px){.profile-cover-content,.latest-sheet-card{flex-direction:column;align-items:flex-start}.profile-columns{grid-template-columns:1fr}.profile-share-actions{width:100%;justify-content:flex-start}.profile-cover-card{min-height:380px}.profile-cover-content{left:22px;right:22px}.nav-links{display:none}}


/* Website v2.51 – Datenschutzfreundlicher Cookie-Hinweis */
.cookie-consent {
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  width: min(940px, calc(100% - 28px));
  z-index: 9999;
  display: none;
  background: rgba(18, 16, 26, .94);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 24px 90px rgba(0,0,0,.48), 0 0 60px rgba(255,111,57,.14);
  border-radius: 28px;
  backdrop-filter: blur(22px);
  color: #fff;
  padding: 22px;
}
.cookie-consent.show { display: block; }
.cookie-consent-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 22px; align-items: center; }
.cookie-consent h3 { margin: 0 0 8px; font-family: var(--font-heading, Roobert, Inter, Arial, sans-serif); font-weight: 520; letter-spacing: -.02em; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.cookie-consent p { margin: 0; color: rgba(255,255,255,.76); line-height: 1.55; font-size: .96rem; }
.cookie-consent a { color: #ffd37a; text-decoration: none; }
.cookie-consent a:hover { text-decoration: underline; }
.cookie-options { display: grid; gap: 10px; margin-bottom: 14px; }
.cookie-check { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.055); color: rgba(255,255,255,.86); font-size: .92rem; }
.cookie-check input { margin-top: 3px; accent-color: #ff6f39; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.cookie-btn { border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 11px 16px; cursor: pointer; color: #fff; background: rgba(255,255,255,.08); font: inherit; font-weight: 700; }
.cookie-btn.primary { color: #111; background: #fff; border-color: #fff; }
.cookie-btn.accent { border: 0; background: linear-gradient(135deg,#ff7a33,#ff4fc3); color: #100914; }
.cookie-manage { position: fixed; left: 18px; bottom: 18px; z-index: 9998; border: 1px solid rgba(255,255,255,.16); background: rgba(18,16,26,.72); color: rgba(255,255,255,.8); border-radius: 999px; padding: 8px 12px; font-size: .82rem; cursor: pointer; backdrop-filter: blur(14px); display: none; }
.cookie-manage.show { display: inline-flex; }
@media (max-width: 760px) {
  .cookie-consent { bottom: 12px; border-radius: 22px; padding: 18px; }
  .cookie-consent-inner { grid-template-columns: 1fr; }
  .cookie-actions { justify-content: stretch; }
  .cookie-btn { width: 100%; }
}


/* v2.33 Profil: Datenschutzfreundliches Musikprofil mit Suche und Vollbreiten-Verlauf */
.profile-edit-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-bottom:24px}.music-profiles-panel .signup-form{display:grid;gap:12px}.social-input-row{display:grid;grid-template-columns:42px 120px minmax(0,1fr) 46px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:18px;padding:10px 12px}.social-input-row input{margin:0}.social-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--pink));color:#111;font-weight:900;font-size:13px}.share-link-btn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#fff;color:#111;font-weight:950;cursor:pointer}.history-full-panel{width:100%;margin-top:10px}.history-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.history-tools{display:flex;gap:10px;flex-wrap:wrap}.history-tools input,.history-tools select{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(0,0,0,.25);color:var(--text);padding:0 16px;font:inherit}.full-history{grid-template-columns:1fr}.sheet-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.sheet-history-row small{display:block;margin-top:4px;color:var(--muted)}.about-panel textarea{min-height:260px}.profile-panel .genre-chip-row{margin-top:14px}@media(max-width:980px){.profile-edit-grid{grid-template-columns:1fr}.history-head{align-items:flex-start;flex-direction:column}.history-tools,.history-tools input,.history-tools select{width:100%}.social-input-row{grid-template-columns:38px 1fr 42px}.social-input-row span:nth-child(2){grid-column:2}.social-input-row input{grid-column:1/-1}.share-link-btn{grid-column:3;grid-row:1}}


/* v2.33 – schlichte, klare Typografie und dezenteres UI */
:root{--font-heading:"Roobert","Inter","SF Pro Display","Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;--font-body:"Roobert","Inter","SF Pro Text","Segoe UI",Arial,Helvetica,sans-serif;}
body{font-family:var(--font-body)!important;font-weight:360!important;letter-spacing:-.006em;}
h1,h2,h3,h4,.section-head h2,.hero h1,.typewriter-title,.suno-hero-title,.profile-title-block h1,.latest-sheet-card h2,.profile-panel h2{font-family:var(--font-heading)!important;font-weight:500!important;letter-spacing:-.045em!important;}
p,li,a,span,small,label,input,select,textarea,button{font-family:var(--font-body)!important;font-weight:360;}
.nav-links a,.btn,.white-cta,.final-cta,.suno-price a,.cookie-btn,.stat-pill,.signup-form label{font-weight:560!important;}
.eyebrow{font-weight:620!important;letter-spacing:.075em!important;}
.white-cta,.final-cta{background:rgba(255,255,255,.82)!important;color:#141217!important;border:1px solid rgba(255,255,255,.46)!important;box-shadow:none!important;}
.white-cta:hover,.final-cta:hover{background:rgba(255,255,255,.92)!important;}
.suno-nav-actions .white-cta{padding:10px 15px!important;font-size:14px!important;}
.btn.primary{box-shadow:none!important;filter:saturate(.88);}
.cookie-consent{width:min(720px,calc(100% - 28px))!important;padding:14px!important;border-radius:18px!important;box-shadow:0 16px 54px rgba(0,0,0,.38)!important;background:rgba(18,16,26,.90)!important;}
.cookie-consent-inner{grid-template-columns:1fr!important;gap:12px!important;}
.cookie-consent h3{font-size:1rem!important;font-weight:520!important;margin-bottom:4px!important;}
.cookie-consent p{font-size:.86rem!important;line-height:1.45!important;}
.cookie-check{padding:8px 10px!important;border-radius:13px!important;font-size:.82rem!important;}
.cookie-actions{gap:8px!important}.cookie-btn{padding:8px 12px!important;font-size:.83rem!important;}
.cover-tune-panel{position:absolute;top:62px;right:18px;z-index:3;width:min(280px,calc(100% - 36px));border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(0,0,0,.38);backdrop-filter:blur(14px);padding:12px;display:grid;gap:8px;color:#fff;}
.cover-tune-panel label{font-size:12px;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;color:rgba(255,255,255,.82);}
.cover-tune-panel input{accent-color:#ff9d40;}
.profile-cover-bg{background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat;}
.about-panel textarea,.profile-panel textarea{font-family:var(--font-body)!important;font-weight:330!important;line-height:1.65!important;font-size:16px!important;background:rgba(255,255,255,.055)!important;color:#f7f3ff!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;padding:16px!important;}
.btn.danger{background:rgba(255,80,80,.11)!important;border:1px solid rgba(255,105,105,.32)!important;color:#ffd7d7!important;}
.btn.slim{padding:10px 14px!important;border-radius:999px!important;}
@media(max-width:820px){.cover-tune-panel{position:absolute;left:18px;right:18px;top:60px;width:auto}.profile-cover-content{bottom:24px}.profile-title-block h1{font-size:clamp(32px,11vw,52px)}}

/* v2.34 language switcher */


/* v2.36: Schlankere Profil-Socials und neutrales Share-Icon */
.share-arrow-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.round-icon,.share-link-btn,.sidebar-share-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#f7f5ff;min-width:40px;min-height:40px;padding:0 12px;line-height:1;text-decoration:none;box-shadow:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.round-icon:hover,.share-link-btn:hover,.sidebar-share-button:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}
.social-profile-form{display:grid;gap:10px}
.social-input-row{display:grid!important;grid-template-columns:34px minmax(92px,132px) minmax(160px,1fr) 42px;align-items:center;gap:10px;padding:9px 10px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;border-radius:18px!important;margin:0!important}
.social-input-row .social-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;background:rgba(255,255,255,.08);color:#f8f5ff;letter-spacing:-.03em}
.social-input-row span:nth-child(2){font-weight:560;color:#eeeaf8;font-size:14px}
.social-input-row input{min-height:38px!important;border-radius:12px!important;font-weight:400!important;background:rgba(7,6,17,.55)!important}
.share-link-btn{min-width:36px;min-height:36px;padding:0;color:#d9d5e8;background:rgba(255,255,255,.06)!important}
.about-panel textarea#about{font-weight:360!important;font-size:15px!important;line-height:1.65!important;letter-spacing:0!important}
.sidebar-profile-tools{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}.sidebar-share-button{min-height:32px;min-width:32px;padding:0 9px;font-size:12px;color:#cfc9df}.sidebar-share-button span{font-size:12px}
@media(max-width:760px){.social-input-row{grid-template-columns:32px 1fr 42px}.social-input-row input{grid-column:1 / -1}.social-input-row span:nth-child(2){font-size:13px}}


/* v2.36: Profil-Header Werkzeuge dezenter und in einer Zeile */
.profile-cover-card{min-height:300px;overflow:hidden;}
.profile-cover-content{align-items:flex-end;gap:18px;}
.profile-title-block{min-width:220px;}
.profile-header-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  max-width:560px;
}
.profile-header-tools .plan-chip{
  margin:0;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-weight:560;
  letter-spacing:-.01em;
}
.cover-upload-inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  font-size:13px;
  font-weight:540;
  cursor:pointer;
  white-space:nowrap;
}
.cover-upload-inline input{display:none;}
.cover-mini-controls{
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px 7px;
  min-height:34px;
  border-radius:999px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.cover-mini-controls label{
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:460;
  white-space:nowrap;
}
.cover-mini-controls input[type="range"]{
  width:62px;
  height:3px;
  accent-color:#d6c4ff;
}
.compact-profile-btn{
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:13px!important;
  font-weight:560!important;
  white-space:nowrap;
}
.profile-header-tools .round-icon{
  width:36px;
  height:36px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}
.profile-header-tools .share-arrow-icon{width:18px;height:18px;}
.cover-tune-panel,.cover-upload{display:none!important;}
@media(max-width:980px){
  .profile-cover-content{align-items:flex-start;flex-direction:column;bottom:24px;}
  .profile-header-tools{justify-content:flex-start;max-width:100%;}
  .cover-mini-controls{border-radius:18px;flex-wrap:wrap;}
}
@media(max-width:640px){
  .profile-header-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
  .cover-mini-controls{grid-column:1/-1;justify-content:space-between;}
  .cover-mini-controls input[type="range"]{width:min(74px,20vw);}
  .profile-header-tools .round-icon{justify-self:start;}
}

/* v2.37: Profil-Header Bedienelemente unten, Musikprofile schlanker, Sprache rechts */
.profile-cover-card{min-height:340px!important;}
.profile-cover-content{left:32px!important;right:32px!important;bottom:88px!important;align-items:flex-end!important;}
.profile-header-tools{position:absolute;left:32px;right:32px;bottom:22px;z-index:3;max-width:none!important;width:auto;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.profile-header-tools .plan-chip,.cover-upload-inline,.compact-profile-btn,.profile-header-tools .round-icon{min-height:34px!important;height:34px!important;font-size:12.5px!important;background:rgba(18,16,26,.56)!important;backdrop-filter:blur(12px);border-color:rgba(255,255,255,.14)!important;box-shadow:none!important;}
.profile-header-tools .plan-chip{padding:7px 10px!important;font-weight:560!important;color:#f4f0ff!important;}
.cover-upload-inline{padding:7px 11px!important;}
.cover-mini-controls{min-height:34px!important;padding:5px 8px!important;background:rgba(18,16,26,.52)!important;}
.cover-mini-controls label{font-size:11px!important;font-weight:420!important;}
.cover-mini-controls input[type="range"]{width:54px!important;}
.profile-header-tools .round-icon{width:34px!important;min-width:34px!important;display:grid;place-items:center;}
.profile-stats-row{margin-top:14px!important;}
.social-profile-form{display:grid!important;gap:8px!important;}
.social-input-row{grid-template-columns:36px 120px minmax(0,1fr) 38px!important;border-radius:14px!important;padding:8px 10px!important;background:rgba(255,255,255,.045)!important;}
.social-input-row .social-icon{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#f4f0ff!important;}
.social-input-row .social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.social-input-row span:nth-child(2){font-size:13.5px!important;font-weight:500!important;}
.social-input-row input{min-height:36px!important;border-radius:10px!important;}
.share-link-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
.music-save-btn{margin-top:6px!important;width:100%;}
.genre-chip-row{display:none!important;}
.suno-nav-actions{align-items:center;}
.cookie-manage{left:18px!important;bottom:18px!important;}
@media(max-width:980px){.profile-cover-content{bottom:112px!important}.profile-header-tools{justify-content:flex-start!important}.cover-mini-controls{max-width:100%;}.social-input-row{grid-template-columns:34px 1fr 38px!important}.social-input-row input{grid-column:1/-1!important}}


/* v2.39: Korrektur Profil-Header und Sprachmenü */
.profile-cover-card{min-height:340px!important;position:relative!important;}
.profile-cover-content{position:absolute!important;left:32px!important;right:32px!important;bottom:82px!important;z-index:2!important;display:flex!important;align-items:flex-end!important;gap:18px!important;}
.profile-header-tools{position:absolute!important;left:32px!important;right:32px!important;bottom:20px!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;max-width:none!important;width:auto!important;}
.profile-header-tools .plan-chip,.profile-header-tools .cover-upload-inline,.profile-header-tools .compact-profile-btn,.profile-header-tools .round-icon,.profile-header-tools .cover-mini-controls{background:rgba(15,14,20,.58)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;backdrop-filter:blur(12px)!important;}
.profile-header-tools .plan-chip,.profile-header-tools .cover-upload-inline,.profile-header-tools .compact-profile-btn,.profile-header-tools .round-icon{height:34px!important;min-height:34px!important;font-size:12px!important;font-weight:520!important;}
.cover-mini-controls{height:34px!important;min-height:34px!important;border-radius:999px!important;padding:5px 8px!important;}
.cover-mini-controls label{font-size:10.5px!important;font-weight:400!important;color:rgba(255,255,255,.78)!important;}
.cover-mini-controls input[type="range"]{width:52px!important;}
@media(max-width:980px){.profile-cover-content{bottom:116px!important;align-items:flex-start!important;flex-direction:column!important}.profile-header-tools{justify-content:flex-start!important;left:22px!important;right:22px!important}.cover-mini-controls{order:9;flex-basis:100%;max-width:100%;}}
.suno-nav-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.app-language-floating{position:fixed!important;top:14px!important;right:18px!important;z-index:3000!important;background:rgba(25,24,32,.78)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(18px)!important;box-shadow:0 12px 40px rgba(0,0,0,.32)!important;}
.cookie-manage{z-index:2500!important;}

/* v2.39: Profilstruktur korrigiert, Header-Buttons unten und Content wieder kompakt zentriert */
.profile-page .profile-suno-wrap{
  width:min(1100px,calc(100% - 34px))!important;
  max-width:1100px!important;
  margin:0 auto!important;
  padding:42px 0 80px!important;
}
.profile-page .profile-cover-card{width:100%!important;max-width:1100px!important;margin:0 auto!important;min-height:340px!important;}
.profile-page .profile-cover-content{left:32px!important;right:32px!important;bottom:86px!important;z-index:2!important;}
.profile-page .profile-header-tools{position:absolute!important;left:32px!important;right:32px!important;bottom:20px!important;justify-content:flex-end!important;width:auto!important;}
.profile-page .profile-stats-row{width:100%!important;max-width:1100px!important;margin:18px 0 28px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;}
.profile-page .latest-sheet-card,.profile-page .profile-edit-grid,.profile-page .history-full-panel{width:100%!important;max-width:1100px!important;margin-left:0!important;margin-right:0!important;}
.profile-page .latest-sheet-card{margin-bottom:34px!important;}
.profile-page .profile-edit-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:24px!important;}
.profile-page .profile-panel{min-width:0!important;}
.profile-page .about-panel textarea{font-weight:330!important;}
@media(max-width:980px){
  .profile-page .profile-edit-grid{grid-template-columns:1fr!important;}
  .profile-page .profile-header-tools{justify-content:flex-start!important;left:22px!important;right:22px!important;}
  .profile-page .profile-cover-content{bottom:118px!important;}
}

/* v2.42 SEO Search */
.search-hero{padding-top:70px;max-width:1040px}.search-hero h1{max-width:860px}.search-panel{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:28px;padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:28px}.search-panel label{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.76);font-size:13px}.search-panel input,.search-panel select{border:1px solid rgba(255,255,255,.15);background:rgba(5,4,12,.78);color:#fff;border-radius:18px;padding:14px 16px;font:inherit;outline:none}.search-results-wrap{display:grid;gap:14px;margin-top:24px;max-width:1040px}.search-result-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.18)}.search-result-card h3{margin:.25rem 0 .4rem;font-weight:520}.search-result-card h3 a{color:#fff;text-decoration:none}.search-result-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.55}.search-type{display:inline-flex;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffd66b}.search-meta{font-size:12px;color:rgba(255,255,255,.52);margin-top:10px}.search-open{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.search-empty{padding:24px;border-radius:24px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.72)}.mini-search-link{display:inline-flex;align-items:center;gap:6px}.app-search-panel{margin-bottom:18px}.app-search-panel .search-panel{grid-template-columns:1fr auto auto;margin-top:0}.app-search-panel .search-results-wrap{margin-top:12px}.app-search-panel .search-result-card{padding:14px 16px;border-radius:18px}@media(max-width:780px){.search-panel,.app-search-panel .search-panel{grid-template-columns:1fr}.search-hero{padding-top:34px}.search-result-card{align-items:flex-start}}

/* v2.42 language/menu and guide video layout corrections */
.nav-inner>a[href*="login"],.suno-nav-actions>a[href*="login"],.nav-inner>.start-home{order:9!important;margin-left:0!important;}
.nav-inner>.btn,.suno-nav-actions>.btn{order:10!important;}
.app-language-floating{position:static!important;top:auto!important;right:auto!important;box-shadow:none!important;backdrop-filter:none!important;}
.guide-video-panel,.auth-panel:has(.demo-video){overflow:visible!important;}
.demo-video{display:block!important;width:100%!important;margin-bottom:18px!important;position:relative!important;z-index:1!important;}
.video-readalong,.video-transcript,.guide-transcript,.voiceover-panel,.caption-box{position:static!important;display:block!important;margin:18px 0 0!important;padding:16px!important;max-height:none!important;overflow:visible!important;z-index:1!important;}
.guide-video-actions,.video-actions,.voiceover-actions,.guide-controls{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:18px 0 0!important;position:static!important;z-index:2!important;}
.guide-video-actions .btn,.video-actions .btn,.voiceover-actions .btn,.guide-controls .btn{width:min(100%,280px)!important;justify-content:center!important;}


/* v2.47: Hero-Typewriter kompakter, damit die Startseite beim Schreiben nicht springt */
.suno-hero .typewriter-title,
.suno-title.typewriter-title{
  min-height:2.35em!important;
  font-size:clamp(2.4rem, 6.3vw, 5.8rem)!important;
  line-height:.96!important;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:720px){
  .suno-hero .typewriter-title,
  .suno-title.typewriter-title{
    min-height:2.7em!important;
    font-size:clamp(2.15rem, 11vw, 3.8rem)!important;
  }
}


/* v2.48 Entstehungsseite */
.story-hero{padding-top:72px;padding-bottom:42px;}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:center;}
.story-copy h1{font-size:clamp(42px,6.5vw,78px);line-height:0.98;letter-spacing:-0.055em;margin:12px 0 18px;font-weight:560;}
.story-slogan{max-width:820px;color:#e8e2f3;}
.story-quote-card{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:0 28px 90px rgba(0,0,0,.36);padding:30px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.story-quote-card span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--pink));color:#14060b;font-size:26px;font-weight:950;margin-bottom:24px;}
.story-quote-card p{font-size:18px;line-height:1.55;color:#f3eefb;margin:0;}
.story-narrow{max-width:960px;}
.story-section{padding-top:36px;}
.story-panel{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 20px 70px rgba(0,0,0,.24);padding:clamp(24px,4vw,38px);margin-bottom:18px;}
.story-panel h2{font-size:clamp(27px,4.4vw,48px);line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;font-weight:560;}
.story-panel p{font-size:18px;line-height:1.7;color:#d7d0e4;margin:0 0 16px;}
.story-panel p:last-child{margin-bottom:0;}
.accent-panel{border-color:rgba(255,122,26,.34);background:linear-gradient(135deg,rgba(255,122,26,.13),rgba(138,92,255,.10));}
.final-story-panel{border-color:rgba(85,230,165,.22);}
.story-signature{display:flex;flex-direction:column;gap:2px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);}
.story-signature strong{color:#fff;font-size:18px;}
.story-signature span{color:var(--muted);font-size:14px;}
@media(max-width:980px){.story-layout{grid-template-columns:1fr}.story-quote-card{padding:24px}.story-copy h1{font-size:clamp(38px,10vw,58px);line-height:1.05}.story-panel p{font-size:16.5px;line-height:1.65}}


/* v2.51: Schriftart-Hinweisseite und Sheet-Font-Download-Hinweis */
.font-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
.font-page-card{border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 22px 70px rgba(0,0,0,.24);padding:clamp(22px,4vw,34px);}
.font-page-card h2{margin-top:0;}
.font-page-card p,.font-page-card li{color:#d6d0e4;line-height:1.65;}
.font-status-box{border:1px solid rgba(255,214,107,.28);border-radius:22px;background:linear-gradient(135deg,rgba(255,214,107,.10),rgba(255,255,255,.035));padding:18px;margin:18px 0;}
.font-status-box.ok{border-color:rgba(85,230,165,.32);background:linear-gradient(135deg,rgba(85,230,165,.10),rgba(255,255,255,.035));}
.font-download-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.font-download-row .btn[aria-disabled="true"]{opacity:.58;pointer-events:none;filter:grayscale(.2);}
.font-note-muted{font-size:13px;color:var(--muted);margin-top:10px;}
@media(max-width:900px){.font-page-grid{grid-template-columns:1fr}}


/* v2.51: Schriftart-Download immer klickbar; Server liefert die Datei oder sucht Fallback in älteren Versionen. */
#fontDownloadBtn{pointer-events:auto!important;opacity:1!important;filter:none!important;}


/* v2.55: Abo-Anzeige korrigiert – Studio ersetzt Trial-Hinweis */
.paid-access-note{
  color: rgba(255,255,255,.78);
  font-weight: 600;
}

/* v2.55: Einheitlicher Footer und Schriftart-Hinweis */
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start;}
.footer-grid a{display:block;margin:7px 0;color:#d7cff2;text-decoration:none;font-weight:700;}
.footer-grid a:hover{color:#ffb86b;text-decoration:underline;}
.font-page-card a{color:#ffcf8a;font-weight:800;}
.font-license-inline{margin:.45rem 0;color:#d8d0ed;font-size:.92rem;line-height:1.45;}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;}}


/* v2.55: Website-Font-Routen für Xdot Verse. */
@font-face{font-family:"Xdot Verse";src:url('/assets/fonts/XdotVerse-Regular.ttf?v=2.56') format('truetype'),local("Xdot Verse"),local("XdotVerse-Regular"),local("XdotVerse");font-weight:400;font-style:normal;font-display:block;}
@font-face{font-family:"Xdot Verse";src:url('/assets/fonts/XdotVerse-Bold.ttf?v=2.56') format('truetype'),local("Xdot Verse Bold"),local("XdotVerse-Bold");font-weight:700 900;font-style:normal;font-display:block;}
.xdot-sample,.font-status-preview{font-family:"Xdot Verse","XdotVerse",Arial,Helvetica,sans-serif!important;}


/* v2.63: Xdot Verse als extrahierte TTF-Datei laden. */
@font-face{font-family:"Xdot Verse";src:url('/assets/fonts/XdotVerse-Regular.ttf?v=2.56') format('truetype'),local("Xdot Verse"),local("XdotVerse-Regular"),local("XdotVerse");font-weight:400;font-style:normal;font-display:block;}
@font-face{font-family:"Xdot Verse";src:url('/assets/fonts/XdotVerse-Bold.ttf?v=2.56') format('truetype'),local("Xdot Verse Bold"),local("XdotVerse-Bold");font-weight:700 900;font-style:normal;font-display:block;}
.xdot-sample,.font-status-preview{font-family:"Xdot Verse","XdotVerse",Arial,Helvetica,sans-serif!important;}


/* v2.66: Rechtliche Pflichtseiten, Widerrufs-/Kündigungsbutton und Checkout-Hinweise */
.legal-text h2{margin-top:1.8rem;}
.legal-text p,.legal-text li{line-height:1.68;color:#d8d0e8;}
.legal-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.form-template-box{border:1px dashed rgba(255,255,255,.22);border-radius:22px;padding:22px;background:rgba(255,255,255,.04);margin:18px 0;}
.legal-action-card{max-width:860px;}
.legal-form{display:grid;gap:16px;}
.legal-form label{display:flex;flex-direction:column;gap:8px;color:#f5f0ff;font-weight:700;}
.legal-form input,.legal-form select,.legal-form textarea{border:1px solid rgba(255,255,255,.16);background:rgba(8,7,18,.78);color:#fff;border-radius:18px;padding:14px 16px;font:inherit;outline:none;}
.legal-form textarea{resize:vertical;}
.legal-check{flex-direction:row!important;align-items:flex-start!important;font-weight:600!important;line-height:1.45;}
.legal-check input{width:auto!important;margin-top:4px;}
.checkout-legal-box{border:1px solid rgba(255,214,107,.30);border-radius:24px;background:linear-gradient(135deg,rgba(255,214,107,.10),rgba(255,255,255,.04));padding:20px;margin:22px 0;display:grid;gap:10px;}
.checkout-legal-box h2{margin:0 0 2px;font-size:1.35rem;}
.checkout-legal-box p{margin:.2rem 0;color:#d8d0e8;line-height:1.55;}
.checkout-legal-box a,.legal-action-link{color:#ffcf8a;font-weight:800;}
.footer-grid .legal-action-link{color:#ffd66b;}


/* Lyruma Website v2.81 – Profil-Verlauf kompakt: ab 6 Sheets scrollbares Fenster */
.profile-history.history-scroll-window{
  max-height:430px;
  overflow-y:auto;
  padding-right:8px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,184,107,.7) rgba(255,255,255,.08);
}
.profile-history.history-scroll-window::-webkit-scrollbar{width:8px}
.profile-history.history-scroll-window::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.profile-history.history-scroll-window::-webkit-scrollbar-thumb{background:rgba(255,184,107,.65);border-radius:999px}
.profile-history.history-scroll-window::before{
  content:'Mehr als 5 Sheets – bitte im Verlauf scrollen';
  position:sticky;
  top:0;
  z-index:2;
  display:block;
  margin-bottom:8px;
  padding:8px 12px;
  border-radius:14px;
  background:rgba(12,10,20,.92);
  border:1px solid rgba(255,255,255,.11);
  color:var(--muted);
  font-size:12.5px;
}


/* v2.69 – Registrierung: AGB/Datenschutz/Widerruf als saubere Textzeile */
.signup-form .legal-consent-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:10px !important;
  width:100% !important;
  line-height:1.5 !important;
  color:#d8d0e8 !important;
  font-size:14px !important;
  font-weight:650 !important;
}
.signup-form .legal-consent-line input[type=checkbox]{
  flex:0 0 auto !important;
  margin-top:3px !important;
}
.signup-form .legal-consent-line span{
  display:block !important;
  min-width:0 !important;
}
.signup-form .legal-consent-line a{
  color:#ffcf8a !important;
  font-weight:850 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.signup-form .legal-consent-line a:hover{text-decoration:underline !important;}


/* v2.71: Login/Logout immer rechts außen im Website-Menü */
.nav .container.nav-inner{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;}
.nav .brand{flex:0 0 auto!important;}
.nav .nav-links{flex:0 1 auto!important;}
.nav .nav-actions-right{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;}
.nav .nav-actions-right .auth-nav-link,
.nav .nav-actions-right .start-home,
.nav .nav-actions-right .btn{white-space:nowrap!important;}
.suno-nav-actions{margin-left:auto!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;}
.suno-nav-center{min-width:0!important;}
@media(max-width:980px){
  .nav .container.nav-inner{gap:12px!important;}
  .nav .nav-actions-right{margin-left:auto!important;}
}
@media(max-width:760px){
  .nav .container.nav-inner{align-items:center!important;}
  .nav .brand{min-width:0!important;}
  .nav .nav-actions-right{width:auto!important;flex:0 0 auto!important;}
  .nav .nav-actions-right .auth-nav-link,.nav .nav-actions-right .btn{width:auto!important;min-height:40px!important;padding:9px 13px!important;font-size:13px!important;}
}

/* v2.71: Passwort vergessen und Sicherheitsmeldungen */
.auth-help-row{display:flex;justify-content:flex-end;margin:10px 0 0;}
.auth-help-row a{color:#ffd66b;text-decoration:none;font-weight:700;font-size:14px;}
.auth-help-row a:hover{text-decoration:underline;color:#fff;}
.auth-security-note{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:18px;padding:13px 15px;color:#d8d1ea;line-height:1.45;margin:14px 0;}
.auth-security-note strong{color:#fff;}
.reset-form-card{max-width:680px;margin:0 auto;}
.reset-form-card .signup-form{margin-top:18px;}
.session-expired-note{display:none;border:1px solid rgba(255,214,107,.3);background:rgba(255,214,107,.08);border-radius:16px;padding:12px 14px;color:#ffe3a0;margin:0 0 18px;}

/* Lyruma v2.73 / App v13.46 – responsive Hamburger-/Off-Canvas-Menü */
.menu-text-link{
  color:#f7f3ff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  text-decoration:none!important;
  font-weight:560!important;
  white-space:nowrap;
}
.menu-text-link:hover{color:#ffb86b!important;transform:none!important;filter:none!important;}
.suno-nav-actions .menu-text-link,.nav-actions-right .menu-text-link{display:inline-flex;align-items:center;min-height:0;}
.lss-menu-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:#fff;border-radius:14px;width:46px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;z-index:1002;box-shadow:0 12px 34px rgba(0,0,0,.24)}
.lss-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#fff;transition:transform .18s ease,opacity .18s ease}
.lss-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lss-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.lss-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.lss-offcanvas-menu{display:none;}
@media(max-width:980px){
  .suno-nav{grid-template-columns:auto 1fr auto!important;min-height:72px!important;height:auto!important;padding:12px 16px!important;gap:12px!important;position:sticky!important;top:0!important;}
  .suno-nav .suno-brand{min-width:0!important;}
  .suno-nav .suno-nav-center,.suno-nav .suno-nav-actions{display:none!important;}
  .nav .container.nav-inner{min-height:72px!important;height:auto!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:10px 0!important;position:relative!important;}
  .nav .brand{min-width:0!important;}
  .nav .brand span{display:none!important;}
  .nav .nav-links,.nav .nav-actions-right{display:none!important;}
  .lss-menu-toggle{display:inline-flex!important;margin-left:auto!important;flex:0 0 auto!important;}
  .lss-offcanvas-menu{position:fixed;top:74px;right:12px;left:auto;width:min(330px,calc(100vw - 24px));max-height:calc(100vh - 92px);overflow:auto;display:grid;gap:4px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(17,17,24,.98);box-shadow:0 28px 90px rgba(0,0,0,.58);z-index:1001;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
  .lss-menu-open .lss-offcanvas-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
  .lss-offcanvas-menu a,.lss-offcanvas-menu button{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:10px 12px!important;border-radius:13px!important;color:#f7f3ff!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;font-weight:560!important;white-space:normal!important;}
  .lss-offcanvas-menu a:hover,.lss-offcanvas-menu button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
  .lss-offcanvas-menu .white-cta,.lss-offcanvas-menu .menu-text-link{padding:10px 12px!important;background:transparent!important;color:#f7f3ff!important;}
  table{max-width:100%;display:block;overflow-x:auto;white-space:nowrap;}
  .auth-layout,.profile-grid,.profile-columns,.footer-grid{grid-template-columns:1fr!important;}
}
@media(max-width:520px){
  .suno-brand span{display:inline!important;font-size:15px!important;}
  .nav .brand strong,.suno-brand span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lss-offcanvas-menu{top:70px;right:10px;width:calc(100vw - 20px);border-radius:20px;}
}

/* Lyruma v13.46 – WebApp Hamburger-Menü auf iPad/iPhone */
.app-offcanvas-toggle,.app-menu-overlay{display:none;}
@media(max-width:900px){
  body.studio-app-layout{overflow:auto!important;padding-top:62px;}
  .app-offcanvas-toggle{display:inline-flex!important;position:fixed;top:12px;right:12px;z-index:3002;background:rgba(25,25,32,.96)!important;}
  .app-menu-overlay{position:fixed;inset:0;z-index:2998;background:rgba(0,0,0,.46);border:0;padding:0;margin:0;}
  body.app-menu-open .app-menu-overlay{display:block;}
  .studio-app-frame{display:block!important;height:auto!important;min-height:100vh!important;}
  .studio-sidebar{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(330px,86vw)!important;height:100vh!important;z-index:3000!important;transform:translateX(104%)!important;transition:transform .22s ease!important;overflow:auto!important;border-left:1px solid rgba(255,255,255,.12)!important;border-right:0!important;box-shadow:-28px 0 90px rgba(0,0,0,.55)!important;padding:74px 18px 24px!important;}
  body.app-menu-open .studio-sidebar{transform:translateX(0)!important;}
  .studio-main-column,.studio-preview-column{padding:18px!important;}
  .studio-app-head{padding-right:52px;}
  .studio-head-actions{display:grid!important;grid-template-columns:1fr!important;}
  .studio-head-actions .btn{width:100%!important;white-space:normal!important;}
  .studio-preview-column{border-left:0!important;}
  .studio-app-layout .form-grid{grid-template-columns:1fr!important;}
}

/* Lyruma v2.73 – fixes Hamburger-Menü: auf allen Website-Seiten gleiche Position rechts oben */
@media(max-width:980px){
  body:not(.studio-app-layout) .lss-menu-toggle:not(.app-offcanvas-toggle){
    position:fixed!important;
    top:14px!important;
    right:14px!important;
    margin:0!important;
    z-index:3200!important;
  }
  body:not(.studio-app-layout) .lss-offcanvas-menu{
    position:fixed!important;
    top:66px!important;
    right:14px!important;
    left:auto!important;
    z-index:3199!important;
  }
  body:not(.studio-app-layout) .nav,
  body:not(.studio-app-layout) .suno-nav{
    min-height:70px!important;
  }
}
@media(max-width:520px){
  body:not(.studio-app-layout) .lss-menu-toggle:not(.app-offcanvas-toggle){
    top:12px!important;
    right:12px!important;
  }
  body:not(.studio-app-layout) .lss-offcanvas-menu{
    top:62px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
  }
}


/* Lyruma Website v2.81 – Profil-Verlauf anklickbar und in die WebApp ladbar */
.sheet-history-open{
  width:100%;
  text-align:left;
  color:inherit;
  font:inherit;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.sheet-history-open:hover,
.sheet-history-open:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,184,107,.45);
  background:rgba(255,255,255,.085);
  outline:none;
}
.history-open-label{
  color:#ffcf8a!important;
  font-weight:800;
  margin-top:6px!important;
}
.sheet-history-open span{
  white-space:nowrap;
}
@media(max-width:760px){
  .sheet-history-open span{white-space:normal;}
}

/* v2.83: Live-Checkout zentriert und ohne technische API-Details */
.checkout-center-layout{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.checkout-main-card{
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.checkout-main-card .lead{
  max-width: 620px;
}


/* Lyruma v2.88 Bewertungssystem */
.lss-rating-card{max-width:760px;margin:24px auto;padding:24px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.lss-rating-form{display:grid;gap:16px}
.lss-rating-form .stars{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:8px 0}
.lss-rating-form .stars label{cursor:pointer;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06)}
.lss-rating-form textarea{width:100%;box-sizing:border-box;border-radius:14px;padding:14px;min-height:120px}
.lss-rating-form .primary-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}

/* Lyruma v2.89 Bewertung + Stabilitätsdesign */
.lss-review-page{min-height:100vh;margin:0;background:#10131b;color:#f7f1e7}.lss-review-header{max-width:1120px;margin:0 auto;padding:26px 22px}.lss-review-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#f7f1e7}.lss-review-logo img{width:52px;height:52px;object-fit:contain}.lss-review-logo strong{display:block;font-size:22px}.lss-review-logo small{display:block;color:#c8b98d;margin-top:3px}.lss-review-main{min-height:calc(100vh - 210px);display:flex;align-items:center;justify-content:center;padding:20px}.lss-review-card{width:100%;max-width:720px;border-radius:30px;padding:34px;background:linear-gradient(180deg,#1a1f2d,#141824);border:1px solid rgba(212,176,96,.25);box-shadow:0 30px 80px rgba(0,0,0,.35)}.lss-review-kicker{margin:0 0 10px;color:#d7ad55;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lss-review-card h1{margin:0 0 12px;font-size:clamp(30px,5vw,48px);letter-spacing:-.05em}.lss-review-text{margin:0 0 26px;color:#d8d0c2;line-height:1.6}.lss-review-form{display:flex;flex-direction:column;gap:12px}.lss-review-form label{font-weight:800;color:#f2eadb}.lss-review-form small{color:#a99f8e;font-weight:500}.lss-review-form input,.lss-review-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:#202638;color:#fff;border-radius:16px;padding:14px 15px;font:inherit;outline:none}.lss-review-form input::placeholder,.lss-review-form textarea::placeholder{color:#8d95a8}.lss-review-form input:focus,.lss-review-form textarea:focus{border-color:#d7ad55;box-shadow:0 0 0 3px rgba(215,173,85,.16)}.lss-review-stars{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0 4px}.lss-review-stars label{cursor:pointer;background:#202638;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px}.lss-review-stars input{width:auto;margin-right:6px}.lss-review-stars span{color:#d7ad55;font-size:18px}.lss-review-form button{margin-top:12px;border:0;border-radius:999px;padding:15px 22px;font-weight:900;cursor:pointer;background:#d7ad55;color:#111}.lss-review-footer{max-width:860px;margin:0 auto;padding:0 22px 32px;text-align:center;color:#c8c0b2}.lss-review-footer a{color:#d7ad55;font-weight:900;text-decoration:none}@media(max-width:640px){.lss-review-header{padding:20px 18px}.lss-review-logo img{width:44px;height:44px}.lss-review-card{padding:24px;border-radius:24px}.lss-review-main{align-items:flex-start;padding-top:18px}}
.lss-admin-table{width:100%;border-collapse:collapse;margin-top:16px}.lss-admin-table th,.lss-admin-table td{border-bottom:1px solid rgba(0,0,0,.1);padding:10px;text-align:left}.lss-admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.lss-admin-toolbar a{font-weight:800}

/* v2.89 GOLD Fix: Typewriter-Bereich stabilisieren */
.hero h1,
.hero-title,
.typewriter-title,
.typewriter-line {
  min-height: 2.6em;
  line-height: 1.08;
}

.hero .hero-copy,
.hero-content,
.hero-text {
  min-height: 360px;
}

@media (max-width: 768px) {
  .hero h1,
  .hero-title,
  .typewriter-title,
  .typewriter-line {
    min-height: 3.4em;
  }

  .hero .hero-copy,
  .hero-content,
  .hero-text {
    min-height: 420px;
  }
}

/* v2.89 GOLD Fix 2: Hero-Typewriter komplett stabilisieren */
.hero h1,
.hero-title,
.typewriter-title,
.typewriter-line,
.typewriter,
#typewriter {
  display: block;
  min-height: 4.2em !important;
  line-height: 1.05 !important;
  overflow: hidden;
}

.hero .hero-copy,
.hero-content,
.hero-text,
.hero-left {
  min-height: 520px !important;
}

@media (max-width: 768px) {
  .hero h1,
  .hero-title,
  .typewriter-title,
  .typewriter-line,
  .typewriter,
  #typewriter {
    min-height: 5.2em !important;
  }

  .hero .hero-copy,
  .hero-content,
  .hero-text,
  .hero-left {
    min-height: 620px !important;
  }
}

/* v2.89 GOLD: iPhone Typewriter stabilisieren, Animation bleibt aktiv */
@media (max-width: 768px) {
  .typewriter-title.suno-title {
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    min-height: 4.1em !important;
    max-height: 4.1em !important;
    width: 100% !important;
    max-width: 360px !important;
    display: block !important;
    overflow: hidden !important;
  }

  .hero-grid,
  .suno-hero-grid {
    align-items: start !important;
  }

  .hero,
  .suno-hero {
    min-height: 760px !important;
  }
}

@media (max-width: 390px) {
  .typewriter-title.suno-title {
    font-size: 39px !important;
    min-height: 4.6em !important;
    max-height: 4.6em !important;
    max-width: 340px !important;
  }
}

/* v2.89 GOLD: Mobile Monats-/Jahres-Schalter wieder zweispaltig */
@media (max-width:760px){
  .billing-toggle-wrap{
    align-items:stretch !important;
  }

  .billing-label{
    width:100% !important;
  }

  .billing-toggle{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }

  .billing-toggle button{
    width:100% !important;
    min-height:44px !important;
    padding:10px 8px !important;
    font-size:13px !important;
    white-space:normal !important;
    line-height:1.15 !important;
  }

  .billing-toggle button strong{
    display:block !important;
    margin-left:0 !important;
    margin-top:2px !important;
    font-size:10px !important;
  }
}

/* v2.92 Audio & STEM Rechte-Fenster */
.lss-audio-rights-panel{margin:18px 0 22px;padding:22px;border-radius:28px;border:1px solid rgba(215,173,85,.28);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.28);color:#f7f1e7;backdrop-filter:blur(16px)}
.lss-audio-rights-head{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}.lss-audio-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange,#ff7a1a),var(--pink,#ff4fd8));font-size:27px;box-shadow:0 14px 34px rgba(255,122,26,.25)}
.lss-audio-kicker{margin:0 0 4px;color:#d7ad55;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.12em}.lss-audio-rights-panel h2{margin:0 0 8px;font-size:clamp(24px,3.5vw,38px);line-height:1.04;letter-spacing:-.045em}.lss-audio-rights-panel p{margin:0;color:#d8d0c2;line-height:1.55}
.lss-audio-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.lss-audio-flow span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 12px;text-align:center;font-weight:850;font-size:13px;color:#f2eadb}
.lss-audio-rights-check{display:flex!important;gap:12px;align-items:flex-start;border:1px solid rgba(215,173,85,.30);background:rgba(215,173,85,.10);border-radius:20px;padding:15px;margin-top:14px;color:#fff;font-weight:760;line-height:1.45}.lss-audio-rights-check input{width:22px;height:22px;margin-top:2px;accent-color:#d7ad55;flex:0 0 auto}.lss-audio-rights-note{margin-top:12px!important;font-size:13px;color:#c8c0b2!important}
.lss-audio-rights-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(4,5,12,.72);padding:18px;backdrop-filter:blur(10px)}.lss-audio-rights-modal.open{display:flex}.lss-audio-rights-dialog{position:relative;width:min(520px,100%);border-radius:26px;border:1px solid rgba(215,173,85,.34);background:linear-gradient(180deg,#1a1f2d,#121622);box-shadow:0 35px 120px rgba(0,0,0,.45);padding:26px;color:#f7f1e7}.lss-audio-rights-dialog h3{margin:0 0 10px;font-size:28px}.lss-audio-rights-dialog p{color:#d8d0c2;line-height:1.6}.lss-audio-close{position:absolute;right:16px;top:14px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:999px;width:34px;height:34px;font-size:23px}.lss-audio-ok{margin-top:16px;border:0;border-radius:999px;padding:12px 18px;background:#d7ad55;color:#111;font-weight:950}
@media(max-width:760px){.lss-audio-rights-panel{padding:18px;border-radius:24px}.lss-audio-rights-head{grid-template-columns:1fr}.lss-audio-icon{width:50px;height:50px}.lss-audio-flow{grid-template-columns:1fr 1fr}.lss-audio-flow span{font-size:12px;padding:9px}.lss-audio-rights-check{font-size:14px}}

/* v2.95 Fix: Abrechnung wählen wieder oberhalb der Preiskarten */
.suno-pricing .billing-toggle-wrap {
  grid-column: 1 / -1 !important;
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  align-self: auto !important;
}

.suno-pricing .billing-toggle-wrap + .suno-price {
  clear: both !important;
}

@media (min-width: 900px) {
  .suno-pricing {
    align-items: stretch !important;
  }

  .suno-pricing .billing-toggle-wrap {
    min-height: 0 !important;
  }
}

@media (max-width: 820px) {
  .suno-pricing .billing-toggle-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }
}

/* v2.96 Fix: Entstehungsbild dezent darstellen */
.entstehung-photo-panel {
  margin: 28px auto !important;
  max-width: 980px !important;
  padding: 22px !important;
}

.entstehung-photo-layout {
  display: grid !important;
  grid-template-columns: minmax(240px, 360px) 1fr !important;
  gap: 24px !important;
  align-items: center !important;
}

.entstehung-photo {
  margin: 0 !important;
}

.entstehung-photo img {
  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;
  max-height: 420px !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  display: block !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

.entstehung-photo-text h2 {
  margin-top: 0 !important;
}

.entstehung-photo-text p {
  color: var(--muted) !important;
  line-height: 1.6 !important;
}

@media (max-width: 820px) {
  .entstehung-photo-layout {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .entstehung-photo img {
    margin: 0 auto !important;
    max-width: 320px !important;
    max-height: 380px !important;
  }
}

/* v2.96: Entstehung Bild-Kachel getrennt */
.entstehung-photo-panel {
  margin: 28px auto !important;
  max-width: 980px !important;
  padding: 22px !important;
}

.entstehung-photo-card-only {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 26px !important;
  align-items: center !important;
}

.entstehung-photo-card-only img {
  width: 100% !important;
  max-width: 280px !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  display: block !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

.entstehung-photo-card-only h2 {
  margin: 0 0 10px !important;
}

.entstehung-photo-card-only p {
  color: var(--muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .entstehung-photo-card-only {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .entstehung-photo-card-only img {
    margin: 0 auto !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 360px !important;
  }
}

/* v2.96 Fix: Entstehungsseite getrennte Kacheln */
.entstehung-story-section {
  padding-top: 28px !important;
}

.entstehung-story-section .legal-page {
  max-width: 980px !important;
}

.entstehung-photo-panel,
.entstehung-text-card {
  margin: 0 auto 24px !important;
  max-width: 980px !important;
}

.entstehung-photo-card-only {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.entstehung-photo-card-only img {
  width: 100% !important;
  max-width: 280px !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  display: block !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

.entstehung-photo-card-only h2,
.entstehung-text-card h2 {
  margin-top: 0 !important;
}

.entstehung-photo-card-only p,
.entstehung-text-card p {
  color: var(--muted) !important;
  line-height: 1.65 !important;
}

@media (max-width: 820px) {
  .entstehung-photo-card-only {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .entstehung-photo-card-only img {
    margin: 0 auto !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 360px !important;
  }
}

/* v2.96: Entstehung final sauber */
.entstehung-hero-clean {
  padding-top: 90px !important;
  padding-bottom: 34px !important;
}

.entstehung-hero-note {
  max-width: 420px !important;
  align-self: center !important;
}

.entstehung-container {
  max-width: 980px !important;
  margin: 0 auto !important;
}

.entstehung-story-section {
  padding-top: 10px !important;
}

.entstehung-card {
  margin: 0 auto 24px !important;
  padding: 28px !important;
  border-radius: 28px !important;
}

.entstehung-card h2 {
  margin-top: 0 !important;
  font-size: clamp(28px, 4vw, 46px) !important;
  letter-spacing: -0.04em !important;
}

.entstehung-card p {
  color: var(--muted) !important;
  line-height: 1.72 !important;
  font-size: 17px !important;
}

.entstehung-photo-card-only {
  display: grid !important;
  grid-template-columns: 300px 1fr !important;
  gap: 30px !important;
  align-items: center !important;
}

.entstehung-photo-card-only img {
  width: 100% !important;
  max-width: 300px !important;
  height: 230px !important;
  object-fit: cover !important;
  object-position: center 38% !important;
  border-radius: 24px !important;
  display: block !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

.entstehung-photo-card-only h2 {
  font-size: clamp(28px, 3.5vw, 42px) !important;
}

.entstehung-photo-card-only p {
  margin-bottom: 0 !important;
}

.nav .lss-rating-link {
  position: static !important;
}

@media (max-width: 820px) {
  .entstehung-hero-clean {
    padding-top: 44px !important;
  }

  .entstehung-photo-card-only {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .entstehung-photo-card-only img {
    margin: 0 auto !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 360px !important;
  }

  .entstehung-card {
    padding: 22px !important;
  }
}

/* v2.96: Anleitung aktualisiert */
.anleitung-hero {
  padding-top: 90px !important;
  padding-bottom: 34px !important;
}

.anleitung-hero-note {
  max-width: 430px !important;
  align-self: center !important;
}

.anleitung-container {
  max-width: 980px !important;
  margin: 0 auto !important;
}

.anleitung-section {
  padding-top: 18px !important;
}

.anleitung-card {
  margin: 0 auto 22px !important;
  padding: 28px !important;
  border-radius: 28px !important;
}

.anleitung-card .step {
  margin-bottom: 16px !important;
}

.anleitung-card h2 {
  margin-top: 0 !important;
  font-size: clamp(26px, 3.6vw, 42px) !important;
  letter-spacing: -0.04em !important;
}

.anleitung-card h3 {
  margin-top: 28px !important;
  margin-bottom: 8px !important;
  font-size: 20px !important;
}

.anleitung-card p {
  color: var(--muted) !important;
  line-height: 1.7 !important;
  font-size: 17px !important;
}

.anleitung-warning {
  border-color: rgba(255,122,26,.45) !important;
}

.video-script-card {
  border-color: rgba(255,79,216,.32) !important;
}

@media (max-width: 820px) {
  .anleitung-hero {
    padding-top: 44px !important;
  }

  .anleitung-card {
    padding: 22px !important;
  }

  .anleitung-card p {
    font-size: 15.5px !important;
  }
}

/* Musiker fuer Musiker Footer-Links */
.footer-musiker-links {
  max-width: 1180px;
  margin: 0 auto 22px;
  padding: 20px 20px 0;
  display: flex;
  align-items: center;
  gap: 14px 18px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,.08);
}

.footer-musiker-links h3 {
  margin: 0 10px 0 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--text, #fff);
}

.footer-musiker-links a {
  color: var(--muted, rgba(255,255,255,.72));
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.footer-musiker-links a:hover {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 720px) {
  .footer-musiker-links {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
}

/* v2.97: Musiker-fuer-Musiker Links wie normale Footer-Links darstellen */
.footer-musiker-links {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto 24px !important;
  padding: 0 20px !important;
  border-top: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, max-content)) !important;
  justify-content: start !important;
  align-items: start !important;
  gap: 10px 24px !important;
}

.footer-musiker-links h3 {
  grid-column: 1 / -1 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: var(--text, #fff) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

.footer-musiker-links a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--muted, rgba(255,255,255,.72)) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

.footer-musiker-links a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

@media (max-width: 720px) {
  .footer-musiker-links {
    margin: 8px 0 22px !important;
    padding: 0 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .footer-musiker-links h3 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
  }

  .footer-musiker-links a {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
}

/* v2.98: Musiker-fuer-Musiker Footer auf Mobile links sauber ausrichten */
@media (max-width: 720px) {
  .footer-musiker-links,
  .container.footer-musiker-links {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-musiker-links h3,
  .footer-musiker-links a {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
}

/* v2.99: Musiker-fuer-Musiker exakt wie Footer-Container ausrichten */
.footer-musiker-links,
.container.footer-musiker-links {
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  .footer-musiker-links,
  .container.footer-musiker-links {
    width: min(1180px, calc(100% - 44px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .footer-musiker-links h3,
  .footer-musiker-links a {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
}

/* v3.00: Feste Footer-Darstellung auf Mobile */
@media (max-width: 720px) {
  body .suno-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .suno-footer > .container,
  body .suno-footer .footer-musiker-links,
  body .suno-footer .container.footer-musiker-links,
  body .suno-footer .footer-bottom {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }

  body .suno-footer .footer-musiker-links,
  body .suno-footer .container.footer-musiker-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 28px !important;
    margin-bottom: 28px !important;
    border-top: 0 !important;
  }

  body .suno-footer .footer-musiker-links h3,
  body .suno-footer .footer-musiker-links a {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  body .suno-footer .footer-musiker-links h3 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  body .suno-footer .footer-musiker-links a {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
}

/* v3.01: Songbook Sammlungen / Anlaesse */
.songbook-collection-controls {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr);
  gap: 14px;
  margin: 16px 0;
}

.songbook-collection-controls label {
  display: grid;
  gap: 7px;
}

.songbook-collection-controls span {
  font-weight: 800;
  color: var(--text, #fff);
}

.songbook-collection-controls input,
.songbook-collection-controls select {
  width: 100%;
}

.songbook-collection {
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}

.songbook-collection h3 {
  margin: 0 0 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  font-size: 18px;
}

.songbook-collection h3 span {
  color: var(--muted, rgba(255,255,255,.65));
  font-size: 13px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .songbook-collection-controls {
    grid-template-columns: 1fr;
  }

  .songbook-collection {
    padding: 12px;
  }
}

/* v3.02: Elegante Musiklinks im Profil */
.music-links-showcase {
  overflow: hidden;
}

.profile-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.profile-section-head h2 {
  margin-bottom: 8px;
}

.profile-section-head p {
  margin: 0;
  color: var(--muted, rgba(255,255,255,.68));
  line-height: 1.55;
}

.music-links-form {
  display: grid;
  gap: 18px;
}

.music-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.music-link-card {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 38px;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
}

.music-link-card:hover {
  border-color: rgba(255,215,128,.35);
  background: linear-gradient(135deg, rgba(255,215,128,.11), rgba(255,255,255,.035));
}

.music-link-badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #120d18;
  background: linear-gradient(135deg, #ffd36f, #ff4fd8);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .02em;
}

.music-link-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.music-link-copy strong {
  color: var(--text, #fff);
  font-size: 15px;
  line-height: 1.2;
}

.music-link-copy small {
  color: var(--muted, rgba(255,255,255,.65));
  font-size: 12.5px;
  line-height: 1.35;
}

.music-link-card input {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 42px;
  margin-top: 2px;
}

.music-link-card .share-link-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  align-self: start;
}

.music-links-actions {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 820px) {
  .music-link-grid {
    grid-template-columns: 1fr;
  }

  .music-link-card {
    border-radius: 16px;
    padding: 13px;
  }

  .music-links-actions {
    justify-content: stretch;
  }

  .music-links-actions .btn {
    width: 100%;
  }
}

/* v3.03: Profilseite - Lyruma teilen */
.studio-share-panel {
  display: grid;
  gap: 14px;
}

.share-panel-copy {
  margin: 0 0 6px;
  color: var(--muted, rgba(255,255,255,.68));
  line-height: 1.55;
}

.studio-share-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.studio-share-card {
  min-height: 86px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  color: var(--text, #fff);
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.studio-share-card span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-weight: 900;
  background: linear-gradient(135deg, #ffd36f, #ff4fd8);
  color: #120d18;
}

.studio-share-card strong {
  font-size: 15px;
}

.studio-share-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255,211,111,.42);
  background: rgba(255,255,255,.075);
}

@media (max-width: 720px) {
  .studio-share-grid {
    grid-template-columns: 1fr;
  }

  .studio-share-card {
    min-height: 72px;
  }
}

/* Lyruma Studio v3.1.7 · App v13.67 – new homepage design system */
:root {
  --lyruma-bg: #070611;
  --lyruma-surface: rgba(255,255,255,.075);
  --lyruma-surface-strong: rgba(255,255,255,.11);
  --lyruma-line: rgba(255,255,255,.14);
  --lyruma-text: #fffaf0;
  --lyruma-muted: rgba(255,250,240,.72);
  --lyruma-soft: rgba(255,250,240,.52);
  --lyruma-gold: #ffd76a;
  --lyruma-amber: #ff9f45;
  --lyruma-rose: #f241b8;
  --lyruma-radius-lg: 32px;
  --lyruma-radius-md: 22px;
  --lyruma-shadow: 0 24px 80px rgba(0,0,0,.34);
  --lyruma-container: 1180px;
}

body.lyruma-home {
  margin: 0;
  color: var(--lyruma-text);
  background: radial-gradient(circle at 20% 0%, rgba(255,215,106,.12), transparent 30%),
    radial-gradient(circle at 80% 8%, rgba(242,65,184,.15), transparent 32%),
    var(--lyruma-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

body.lyruma-home a { color: inherit; }
body.lyruma-home .container { width: min(calc(100% - 36px), var(--lyruma-container)); margin-inline: auto; }

.lyruma-bg { position: fixed; width: 420px; height: 420px; border-radius: 999px; filter: blur(78px); opacity: .42; pointer-events: none; z-index: -1; }
.lyruma-bg-a { left: -150px; top: 140px; background: rgba(255,159,69,.5); }
.lyruma-bg-b { right: -140px; top: 520px; background: rgba(242,65,184,.45); }

.lyruma-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7,6,17,.78); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.lyruma-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.lyruma-brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.lyruma-brand-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 15px; color: #15100a; font-weight: 950; font-size: 1.35rem; background: linear-gradient(135deg, var(--lyruma-gold), var(--lyruma-amber), var(--lyruma-rose)); box-shadow: 0 16px 42px rgba(255,159,69,.22); }
.lyruma-brand-text { display: grid; line-height: 1.05; }
.lyruma-brand-text strong { font-size: 1.08rem; letter-spacing: .01em; }
.lyruma-brand-text small { margin-top: 4px; color: var(--lyruma-muted); font-size: .74rem; font-weight: 750; }
.lyruma-nav-links, .lyruma-nav-actions { display: flex; align-items: center; gap: 18px; }
.lyruma-nav-links a, .lyruma-link { color: rgba(255,250,240,.76); text-decoration: none; font-weight: 750; font-size: .95rem; }
.lyruma-nav-links a:hover, .lyruma-link:hover { color: #fff; }
.lyruma-menu-toggle { display: none; width: 46px; height: 42px; border: 1px solid var(--lyruma-line); border-radius: 14px; background: rgba(255,255,255,.08); }
.lyruma-menu-toggle span { display: block; width: 20px; height: 2px; margin: 4px auto; border-radius: 999px; background: #fff; }

.lyruma-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 999px; text-decoration: none; font-weight: 900; letter-spacing: .01em; border: 1px solid transparent; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.lyruma-button:hover { transform: translateY(-2px); }
.lyruma-button-small { min-height: 42px; padding-inline: 18px; color: #15100a; background: linear-gradient(135deg, var(--lyruma-gold), var(--lyruma-amber)); }
.lyruma-button-primary { color: #15100a; background: linear-gradient(135deg, var(--lyruma-gold), var(--lyruma-amber), var(--lyruma-rose)); box-shadow: 0 22px 60px rgba(242,65,184,.24); }
.lyruma-button-secondary { color: var(--lyruma-text); border-color: var(--lyruma-line); background: rgba(255,255,255,.07); }

.lyruma-hero { padding: clamp(86px, 10vw, 142px) 0 clamp(70px, 8vw, 110px); }
.lyruma-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr); gap: clamp(38px, 6vw, 74px); align-items: center; }
.lyruma-eyebrow { margin: 0 0 16px; color: var(--lyruma-gold); font-size: .8rem; font-weight: 950; text-transform: uppercase; letter-spacing: .11em; }
.lyruma-hero h1 { margin: 0; max-width: 760px; font-size: clamp(3.3rem, 8.4vw, 7.7rem); line-height: .92; letter-spacing: -.075em; }
.lyruma-hero-copy { margin: 28px 0 0; max-width: 680px; color: var(--lyruma-muted); font-size: clamp(1.08rem, 1.7vw, 1.32rem); line-height: 1.65; }
.lyruma-hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.lyruma-trust-row { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.lyruma-trust-row span { padding: 9px 13px; border: 1px solid var(--lyruma-line); border-radius: 999px; color: rgba(255,250,240,.75); background: rgba(255,255,255,.055); font-size: .86rem; font-weight: 750; }

.lyruma-hero-stage { position: relative; min-height: 540px; display: grid; place-items: center; }
.lyruma-device { width: min(100%, 520px); border: 1px solid rgba(255,255,255,.16); border-radius: 34px; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04)); box-shadow: var(--lyruma-shadow); overflow: hidden; transform: rotate(1deg); }
.lyruma-device-top { height: 42px; display: flex; align-items: center; gap: 7px; padding-inline: 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
.lyruma-device-top span { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,.28); }
.lyruma-sheet-preview { padding: 34px; }
.lyruma-sheet-kicker { color: var(--lyruma-gold); font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.lyruma-sheet-preview h2 { margin: 12px 0 4px; font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.04em; }
.lyruma-sheet-meta { margin: 0 0 28px; color: var(--lyruma-muted); }
.lyruma-sheet-line { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.11); }
.lyruma-sheet-line b { color: var(--lyruma-gold); font-size: 1.15rem; }
.lyruma-floating-card { position: absolute; display: grid; gap: 5px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: rgba(10,9,22,.82); box-shadow: 0 20px 60px rgba(0,0,0,.28); backdrop-filter: blur(18px); }
.lyruma-floating-card strong { font-size: .98rem; }
.lyruma-floating-card span { color: var(--lyruma-muted); font-size: .88rem; }
.lyruma-card-a { left: -10px; top: 46px; }
.lyruma-card-b { right: -6px; bottom: 58px; }

.lyruma-section { padding: clamp(66px, 8vw, 112px) 0; border-top: 1px solid rgba(255,255,255,.08); }
.lyruma-section-head { max-width: 790px; margin-bottom: 32px; }
.lyruma-section-head h2, .lyruma-story-grid h2, .lyruma-final-cta h2 { margin: 0; font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: 1; letter-spacing: -.055em; }
.lyruma-section-head p, .lyruma-story-copy p, .lyruma-final-cta p { color: var(--lyruma-muted); font-size: 1.08rem; line-height: 1.65; }
.lyruma-workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lyruma-feature-card, .lyruma-audience-grid article { padding: 24px; border: 1px solid var(--lyruma-line); border-radius: var(--lyruma-radius-md); background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); box-shadow: 0 18px 56px rgba(0,0,0,.18); }
.lyruma-feature-icon { font-size: 1.7rem; }
.lyruma-feature-card h3, .lyruma-audience-grid h3 { margin: 18px 0 8px; font-size: 1.18rem; }
.lyruma-feature-card p, .lyruma-audience-grid p { margin: 0; color: var(--lyruma-muted); line-height: 1.55; }
.lyruma-story-section { background: rgba(255,255,255,.025); }
.lyruma-story-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(28px, 6vw, 72px); align-items: start; }
.lyruma-story-copy { display: grid; gap: 12px; }
.lyruma-story-copy p { margin: 0; }
.lyruma-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lyruma-final-cta { padding: clamp(76px, 10vw, 132px) 0; text-align: center; border-top: 1px solid rgba(255,255,255,.08); }
.lyruma-final-cta .container { max-width: 860px; }
.lyruma-final-cta .lyruma-hero-actions { justify-content: center; }

.lyruma-footer { padding: 52px 0 24px; border-top: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.18); }
.lyruma-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 34px; }
.lyruma-footer h4 { margin: 0 0 14px; }
.lyruma-footer a { display: block; color: rgba(255,250,240,.72); text-decoration: none; margin: 9px 0; }
.lyruma-footer a:hover { color: #fff; }
.lyruma-footer p { color: var(--lyruma-muted); }
.lyruma-footer-bottom { margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; gap: 14px; color: var(--lyruma-soft); font-size: .9rem; }

@media (max-width: 980px) {
  .lyruma-hero-grid, .lyruma-story-grid { grid-template-columns: 1fr; }
  .lyruma-hero-stage { min-height: 430px; }
  .lyruma-workflow-grid, .lyruma-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lyruma-nav-links { position: fixed; left: 18px; right: 18px; top: 86px; display: none; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--lyruma-line); border-radius: 22px; background: rgba(10,9,22,.96); box-shadow: var(--lyruma-shadow); }
  .lyruma-nav-links.is-open { display: flex; }
  .lyruma-nav-links a { padding: 12px 10px; }
  .lyruma-menu-toggle { display: block; }
  .lyruma-nav-actions .lyruma-link { display: none; }
}

@media (max-width: 680px) {
  body.lyruma-home .container { width: min(calc(100% - 28px), var(--lyruma-container)); }
  .lyruma-nav { min-height: 70px; }
  .lyruma-brand-text small { display: none; }
  .lyruma-nav-actions .lyruma-button { min-height: 38px; padding-inline: 13px; font-size: .86rem; }
  .lyruma-hero { padding-top: 62px; }
  .lyruma-hero h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
  .lyruma-hero-actions .lyruma-button { width: 100%; }
  .lyruma-workflow-grid, .lyruma-audience-grid, .lyruma-footer-grid { grid-template-columns: 1fr; }
  .lyruma-floating-card { display: none; }
  .lyruma-device { transform: none; border-radius: 26px; }
  .lyruma-sheet-preview { padding: 24px; }
  .lyruma-footer-bottom { flex-direction: column; }
}


/* Lyruma Studio v3.1.2 – Account, Login & Dashboard Foundation */
:root{
  --lyruma-navy:#070b1f;
  --lyruma-ink:#0d1226;
  --lyruma-gold:#d8aa4f;
  --lyruma-gold-soft:#f2d28a;
  --lyruma-card:rgba(255,255,255,.08);
  --lyruma-border:rgba(255,255,255,.14);
}
body.lyruma-account-ui, body.suno-layout.profile-page{
  background:
    radial-gradient(circle at 12% 8%, rgba(216,170,79,.18), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(78,106,255,.16), transparent 30%),
    linear-gradient(135deg, #050713 0%, #0b1026 48%, #12101d 100%);
}
.lyruma-auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:28px;align-items:stretch}
.lyruma-auth-hero,.lyruma-auth-card,.lyruma-dashboard-card{
  border:1px solid var(--lyruma-border);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);
}
.lyruma-auth-hero{padding:42px;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.lyruma-auth-hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(216,170,79,.32),transparent 68%)}
.lyruma-auth-mark{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.03em}
.lyruma-auth-mark img{width:46px;height:46px;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.lyruma-auth-hero h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.95;margin:24px 0 16px;color:#fff;letter-spacing:-.06em}
.lyruma-auth-hero p{max-width:620px;color:rgba(255,255,255,.76);font-size:1.08rem;line-height:1.65}
.lyruma-auth-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.lyruma-auth-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.82);font-weight:750;font-size:.92rem}
.lyruma-auth-card{padding:34px}.lyruma-auth-card .auth-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.lyruma-auth-card h1{color:#fff}.lyruma-auth-card .muted,.lyruma-auth-card .mini-note{color:rgba(255,255,255,.68)}
.lyruma-account-nav-note{color:rgba(255,255,255,.62);font-size:.88rem}.lyruma-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.lyruma-dashboard-card{padding:22px;color:#fff}.lyruma-dashboard-card strong{display:block;font-size:1.02rem;margin-bottom:6px}.lyruma-dashboard-card p{color:rgba(255,255,255,.66);margin:0;line-height:1.5}.lyruma-dashboard-card .card-icon{font-size:1.8rem;margin-bottom:12px}
.profile-suno-wrap .lyruma-profile-dashboard{margin:0 0 22px}.lyruma-profile-dashboard h2{margin:0 0 8px;color:#fff}.lyruma-profile-dashboard .profile-dash-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.lyruma-user-menu-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.45);padding:12px 18px 4px}
@media(max-width:920px){.lyruma-auth-shell{grid-template-columns:1fr}.lyruma-auth-hero{min-height:auto}.lyruma-account-grid{grid-template-columns:1fr}.lyruma-auth-card{padding:24px}.lyruma-auth-hero{padding:28px}}

/* Lyruma Studio v3.1.3 – mobile footer, language and cookie correction */
.footer-bottom span:last-child,
.lss-footer-version{color:#ffbf6b;font-weight:800;}
@media (max-width: 760px){
  .footer{padding-bottom:140px;}
  .footer-bottom{gap:14px;align-items:flex-start;}
  #cookieManage{left:22px!important;right:auto!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;z-index:4300!important;}
  .lss-i18n-control.is-floating{right:18px!important;left:auto!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;z-index:4301!important;max-width:56vw;}
  .lss-i18n-control.is-floating select{min-width:0;width:100%;max-width:100%;}
}

/* Lyruma Studio v3.1.6 – mobile correction and unified footer */
body{padding-bottom:0!important;}
.lyruma-footer-bottom span:last-child,.footer-bottom span:last-child,.lss-footer-version{color:#ffbf6b!important;font-weight:900!important;}
@media(max-width:760px){
  .lyruma-hero{padding-bottom:44px!important;}
  .lyruma-hero .lyruma-hero-actions{margin-bottom:18px!important;}
  .lss-i18n-control{font-size:16px!important;}
  .lyruma-footer{padding-bottom:20px!important;}
  .lyruma-footer-bottom{padding-bottom:0!important;}
  .lyruma-auth-shell{display:block!important;padding:0 10px!important;}
  .lyruma-auth-hero{padding:22px!important;border-radius:26px!important;margin-bottom:16px!important;min-height:auto!important;}
  .lyruma-auth-hero h1{font-size:clamp(2rem,9vw,3.35rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;}
  .lyruma-auth-hero p{font-size:1rem!important;line-height:1.5!important;}
  .lyruma-auth-card{border-radius:24px!important;margin-bottom:16px!important;}
  .lyruma-auth-card .auth-panel{padding:22px!important;}
  .lyruma-auth-card h1{font-size:clamp(2rem,9vw,3.2rem)!important;line-height:1.02!important;}
}