/* =========================================================
   LEBENSRAD – eigenes, immersives Design (dunkel & ruhig)
   ========================================================= */
@property --mood  { syntax:'<color>'; inherits:true; initial-value:#8FB8BD; }
@property --mood2 { syntax:'<color>'; inherits:true; initial-value:#D9A99A; }

body.lr{
  --bg:#1E2C30; --bg2:#26363A; --ivory:#F7F4EE; --soft:rgba(247,244,238,.72); --faint:rgba(247,244,238,.5);
  --glass:rgba(247,244,238,.055); --glass-b:rgba(247,244,238,.12);
  --mood:#8FB8BD; --mood2:#D9A99A;
  background:var(--bg); color:var(--ivory); min-height:100vh; overflow-x:hidden;
  transition:--mood 1.6s ease, --mood2 1.6s ease;
}
body.lr ::selection{background:var(--mood); color:var(--bg);}
.lr h1, .lr h2, .lr h3{color:var(--ivory);}
.lr a{color:inherit;}
.lr a.lr-btn-light{color:var(--bg);}
.lr [tabindex="-1"]:focus{outline:none;}
.lr input:focus-visible, .lr textarea:focus-visible{outline:none;}
.lr button{font-family:var(--sans);}
.lr :focus-visible{outline:2px solid var(--ivory); outline-offset:3px;}

/* ---------- Hintergrund: Farbwolken + Körnung ---------- */
.lr-bg{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%, #26363A 0%, #1E2C30 55%, #172226 100%);}
.lr-blob{position:absolute; border-radius:50%; filter:blur(90px); opacity:.42; will-change:transform;}
.lr-blob.b1{width:62vmax; height:62vmax; left:-18vmax; top:-22vmax; background:radial-gradient(circle, var(--mood) 0%, transparent 65%); animation:drift1 38s ease-in-out infinite alternate;}
.lr-blob.b2{width:52vmax; height:52vmax; right:-20vmax; top:18vh; background:radial-gradient(circle, var(--mood2) 0%, transparent 65%); opacity:.28; animation:drift2 44s ease-in-out infinite alternate;}
.lr-blob.b3{width:70vmax; height:70vmax; left:10vw; bottom:-45vmax; background:radial-gradient(circle, #8FB8BD 0%, transparent 60%); opacity:.18; animation:drift1 52s ease-in-out infinite alternate-reverse;}
@keyframes drift1{to{transform:translate(8vw, 6vh) scale(1.08);}}
@keyframes drift2{to{transform:translate(-10vw, -4vh) scale(.94);}}
.lr-grain{position:absolute; inset:-50%; opacity:.07; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
@media (prefers-reduced-motion: reduce){ .lr-blob{animation:none;} }

/* ---------- Kopfzeile ---------- */
.lr-top{
  position:fixed; top:0; left:0; right:0; z-index:20; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px;
  padding:16px clamp(18px, 4vw, 44px); background:linear-gradient(180deg, rgba(30,44,48,.85), rgba(30,44,48,0));
}
.lr-logo img{height:30px; width:auto; filter:invert(1) brightness(1.7) sepia(.15);}
.lr-exit{justify-self:end; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; text-decoration:none; color:var(--soft);}
.lr-exit:hover{color:var(--ivory);}
.lr-progress{list-style:none; margin:0; padding:0; display:flex; justify-content:center; gap:6px; transition:opacity .5s ease;}
body[data-screen="intro"] .lr-progress, body[data-screen="breathe"] .lr-progress{opacity:0; pointer-events:none;}
.lr-progress button{
  width:32px; height:32px; border-radius:50%; border:1px solid var(--glass-b); background:transparent; color:var(--faint);
  display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; font-size:14px;
  transition:all .35s ease;
}
.lr-progress button:disabled{cursor:default; opacity:.45;}
.lr-progress svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.lr-progress li.is-done button{background:var(--c); border-color:transparent; color:var(--bg);}
.lr-progress li.is-current button{border-color:var(--ivory); color:var(--ivory); transform:scale(1.15); box-shadow:0 0 0 4px rgba(247,244,238,.08);}
.lr-progress li.is-done.is-current button{color:var(--bg);}
.lr-progress-wish{margin-left:8px;}

/* ---------- Bühne & Screens ---------- */
.lr-stage{position:relative; z-index:1;}
.lr-screen{display:none; min-height:100svh; padding:112px clamp(20px, 5vw, 64px) 72px;}
.lr-screen.is-active{display:flex; align-items:flex-start; justify-content:center; animation:screenIn .8s cubic-bezier(.2,.7,.2,1) both;}
@keyframes screenIn{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){ .lr-screen.is-active{animation:none;} }
.lr-screen > div{width:100%; max-width:1180px; margin:auto;}   /* auto-Margins zentrieren, ohne oben abzuschneiden */

.lr-eyebrow{display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; color:var(--soft); margin:0 0 18px;}
.lr-lead{font-size:17px; line-height:1.75; color:var(--soft); max-width:540px; margin:0 0 28px;}
.lr em{font-style:italic; background:linear-gradient(100deg, var(--ivory) 0%, var(--mood) 80%); -webkit-background-clip:text; background-clip:text; color:transparent;}

.lr-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 28px; border-radius:999px;
  font-size:14.5px; letter-spacing:.4px; text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease, opacity .3s ease;
}
.lr-btn-light{background:var(--ivory); color:var(--bg);}
.lr-btn-light:hover{transform:translateY(-2px); box-shadow:0 12px 34px rgba(0,0,0,.28), 0 0 0 6px rgba(247,244,238,.06);}
.lr-btn-light:disabled{opacity:.3; cursor:not-allowed; transform:none; box-shadow:none;}
.lr-btn-ghost{background:transparent; color:var(--ivory); border-color:rgba(247,244,238,.35);}
.lr-btn-ghost:hover{border-color:var(--ivory); background:rgba(247,244,238,.06);}
.lr-link{background:none; border:none; color:var(--soft); font-size:14px; cursor:pointer; padding:6px 0; text-decoration:none; display:inline-flex; align-items:center; gap:8px;}
.lr-link:hover{color:var(--ivory);}
.lr-link svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round;}

.lr-privacy{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--faint); margin:26px 0 0;}
.lr-privacy svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; flex:0 0 auto;}

/* ---------- Rad (SVG) ---------- */
.w-halo{fill:rgba(247,244,238,.025); stroke:rgba(247,244,238,.08); stroke-width:1;}
.w-track{fill:rgba(247,244,238,.035);}
.w-ring{fill:none; stroke:rgba(247,244,238,.08); stroke-width:1;}
.w-ring-mid{stroke-dasharray:2 5; stroke:rgba(247,244,238,.16);}
.w-ring-outer{stroke:rgba(247,244,238,.2);}
.w-fill{transition:d .7s cubic-bezier(.3,.8,.3,1), opacity .5s ease; opacity:.92;}
.w-fill.is-dim{opacity:.26;}
.w-wish-arc{fill:none; stroke:var(--ivory); stroke-width:2.6; stroke-dasharray:7 6; stroke-linecap:round; transition:d .6s ease;}
.w-label{font-family:var(--sans); fill:rgba(247,244,238,.72); transition:opacity .4s ease, fill .4s ease;}
.w-label.is-hl{fill:var(--ivory); font-weight:500;}
.w-label.is-dim{opacity:.45;}
.w-value{font-weight:500;}
.w-center{fill:#1E2C30; stroke:rgba(247,244,238,.18);}
.w-center-txt{font-family:var(--serif); font-style:italic; fill:var(--ivory);}
.w-hit{fill:transparent; cursor:pointer;}
.w-hit:hover{fill:rgba(247,244,238,.07);}
@media (prefers-reduced-motion: reduce){ .w-fill, .w-wish-arc{transition:none;} }

/* ---------- Intro ---------- */
.lr-intro{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;}
.lr-intro h1{font-size:clamp(46px, 7vw, 92px); font-weight:400; line-height:1.02; margin:0 0 26px; letter-spacing:-.5px;}
.lr-phases{list-style:none; margin:0 0 36px; padding:0; display:flex; flex-wrap:wrap; gap:12px;}
.lr-phases li{display:flex; align-items:center; gap:12px; padding:10px 18px 10px 10px; border-radius:999px; background:var(--glass); border:1px solid var(--glass-b); font-size:13.5px; color:var(--soft);}
.lr-phases li span{width:30px; height:30px; border-radius:50%; background:rgba(247,244,238,.1); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-style:italic; font-size:17px; color:var(--ivory);}
.lr-phases strong{display:block; color:var(--ivory); font-weight:500; font-size:14px; line-height:1.2;}
.lr-cta{display:flex; flex-wrap:wrap; gap:12px;}
.lr-intro-art{position:relative;}
.lr-intro-art svg{width:100%; height:auto; animation:spin 140s linear infinite; filter:drop-shadow(0 0 60px rgba(143,184,189,.18));}
.lr-intro-art::after{content:''; position:absolute; left:50%; top:50%; width:18%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(circle at 35% 30%, var(--ivory), var(--mood)); box-shadow:0 0 60px var(--mood); animation:pulse 6s ease-in-out infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.18);}}
@media (prefers-reduced-motion: reduce){ .lr-intro-art svg, .lr-intro-art::after{animation:none;} }

/* ---------- Atmen ---------- */
.lr-breathe, .lr-half{text-align:center; display:flex; flex-direction:column; align-items:center; max-width:640px !important;}
.lr-orb-wrap{position:relative; width:320px; height:320px; display:flex; align-items:center; justify-content:center; margin:10px 0 34px;}
.lr-orb-wrap.small{width:180px; height:180px; margin-bottom:26px;}
.lr-orb{width:42%; height:42%; border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--ivory) 0%, var(--mood) 70%);
  box-shadow:0 0 80px var(--mood), 0 0 160px rgba(143,184,189,.3); transform:scale(1); transition:transform 6s cubic-bezier(.45,0,.3,1);}
.lr-orb.is-in{transform:scale(2); transition-duration:4s;}
.lr-orb.is-out{transform:scale(1); transition-duration:6s;}
.lr-orb.is-slow{animation:breatheLoop 10s ease-in-out infinite;}
@keyframes breatheLoop{40%{transform:scale(1.7);} 100%{transform:scale(1);}}
.lr-orb-ring{position:absolute; inset:0; border-radius:50%; border:1px solid rgba(247,244,238,.14);}
.lr-orb-ring::before{content:''; position:absolute; inset:16%; border-radius:50%; border:1px dashed rgba(247,244,238,.1);}
.lr-breathe-word{font-family:var(--serif); font-style:italic; font-size:clamp(30px, 5vw, 44px); margin:0 0 6px; min-height:1.3em;}
.lr-breathe-count{font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--faint); min-height:1.4em; margin:0 0 30px;}
.lr-half h2{font-size:clamp(38px, 6vw, 60px); font-style:italic; font-weight:400; margin:0 0 18px;}
.lr-half .lr-lead{margin-left:auto; margin-right:auto;}

/* ---------- Bereich ---------- */
.lr-area{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px, 5vw, 72px); align-items:center;}
.lr-area-meta{display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:2.5px; text-transform:uppercase; color:var(--soft); margin-bottom:18px;}
.lr-area-icon{width:44px; height:44px; border-radius:50%; border:1px solid var(--c); display:flex; align-items:center; justify-content:center; color:var(--c); box-shadow:0 0 24px color-mix(in srgb, var(--c) 35%, transparent);}
.lr-area-icon svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.lr-area h2{font-size:clamp(40px, 5.6vw, 68px); font-style:italic; font-weight:400; line-height:1.02; margin:0 0 10px;}
.lr-area-tagline{font-family:var(--serif); font-style:italic; font-size:21px; color:var(--soft); margin:0 0 28px;}

.lr-question{margin:0 0 30px; padding:22px 24px 16px; border-radius:20px; background:var(--glass); border:1px solid var(--glass-b); position:relative; overflow:hidden;}
.lr-question::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--c);}
.lr-question figcaption{font-size:11.5px; letter-spacing:2px; text-transform:uppercase; color:var(--faint); margin-bottom:10px;}
.lr-question blockquote{margin:0 0 8px; font-family:var(--serif); font-style:italic; font-size:clamp(21px, 2.3vw, 26px); line-height:1.4; transition:opacity .24s ease, transform .24s ease;}
.lr-question blockquote.is-fading{opacity:0; transform:translateY(6px);}
.lr-question-next{font-size:12.5px;}

.lr-rate-label{font-size:14px; color:var(--soft); margin:0 0 12px;}
.lr-pills{display:grid; grid-template-columns:repeat(10, 1fr); gap:7px; max-width:520px;}
.lr-pills button{
  aspect-ratio:1; border-radius:50%; border:1px solid rgba(247,244,238,.22); background:rgba(247,244,238,.03);
  color:var(--soft); font-size:15px; cursor:pointer; transition:background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
  transition-delay:calc(var(--i) * 18ms);
}
.lr-pills button:hover{border-color:var(--ivory); color:var(--ivory); transform:translateY(-2px);}
.lr-pills button.is-on{background:color-mix(in srgb, var(--c) calc(35% + var(--i) * 6.5%), transparent); border-color:transparent; color:var(--bg);}
.lr-pills button[aria-checked="true"]{transform:scale(1.18); box-shadow:0 0 0 4px rgba(247,244,238,.14), 0 0 26px var(--c); color:var(--bg); font-weight:500;}
.lr-scale-ends{display:flex; justify-content:space-between; max-width:520px; font-size:11.5px; color:var(--faint); margin-top:8px;}
.lr-rate-phrase{font-family:var(--serif); font-style:italic; font-size:22px; min-height:1.5em; margin:12px 0 0; color:var(--faint); transition:color .3s ease;}
.lr-rate-phrase.is-set{color:var(--ivory);}

.lr-note{margin:22px 0 0;}
.lr-note summary{cursor:pointer; font-size:14px; color:var(--soft); list-style:none; display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px 8px;}
.lr-note summary::-webkit-details-marker{display:none;}
.lr-note summary::before{content:'+'; width:22px; height:22px; border-radius:50%; border:1px solid var(--glass-b); display:inline-flex; align-items:center; justify-content:center; transition:transform .3s ease;}
.lr-note[open] summary::before{transform:rotate(45deg);}
.lr-note summary span{color:var(--faint); font-size:12.5px;}
.lr-note textarea, .lr-commit input{
  width:100%; margin-top:12px; padding:14px 16px; border-radius:14px; border:1px solid var(--glass-b); background:rgba(0,0,0,.18);
  color:var(--ivory); font-family:var(--sans); font-size:15px; line-height:1.6; resize:vertical; outline:none;
}
.lr-note textarea:focus, .lr-commit input:focus{border-color:var(--mood);}
.lr ::placeholder{color:rgba(247,244,238,.38);}

.lr-nav{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:34px;}
.lr-area-wheel svg, .lr-wish-wheel svg, .lr-result-wheel svg{width:100%; height:auto; display:block; overflow:visible;}

.lr-area.is-enter .lr-area-copy > *{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;}
.lr-area.is-enter .lr-area-copy > *:nth-child(2){animation-delay:.05s;}
.lr-area.is-enter .lr-area-copy > *:nth-child(3){animation-delay:.1s;}
.lr-area.is-enter .lr-area-copy > *:nth-child(4){animation-delay:.16s;}
.lr-area.is-enter .lr-area-copy > *:nth-child(5){animation-delay:.22s;}
@keyframes rise{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){ .lr-area.is-enter .lr-area-copy > *{animation:none;} }

/* ---------- Wunsch ---------- */
.lr-wish{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px, 5vw, 64px); align-items:center;}
.lr-wish h2, .lr-result h2{font-size:clamp(40px, 5.4vw, 64px); font-weight:400; line-height:1.05; margin:0 0 18px;}
.lr-hint{font-size:14px; color:var(--faint); margin:-12px 0 22px;}
.lr-hint em{-webkit-text-fill-color:var(--ivory);}
.lr-wish-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.lr-wish-list li{display:grid; grid-template-columns:1fr auto; gap:6px 14px; align-items:center; padding:10px 14px; border-radius:14px; background:var(--glass); border:1px solid transparent;}
.lr-wish-list li:hover{border-color:var(--glass-b);}
.lr-wish-name{display:flex; align-items:center; gap:10px; font-size:14.5px;}
.lr-wish-name svg{width:18px; height:18px; fill:none; stroke:var(--c); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.lr-wish-ctrl{display:flex; align-items:center; gap:6px;}
.lr-wish-ctrl output{min-width:58px; text-align:center; font-size:14px; font-weight:500;}
.lr-step{width:30px; height:30px; border-radius:50%; border:1px solid var(--glass-b); background:transparent; color:var(--ivory); font-size:17px; line-height:1; cursor:pointer;}
.lr-step:hover:not(:disabled){background:var(--ivory); color:var(--bg);}
.lr-step:disabled{opacity:.25; cursor:default;}
.lr-wish-bar{grid-column:1 / -1; position:relative; height:4px; border-radius:2px; background:rgba(247,244,238,.08); overflow:hidden;}
.lr-wish-bar i{position:absolute; left:0; top:0; bottom:0; border-radius:2px; transition:width .5s ease;}
.lr-wish-bar .now{background:var(--c);}
.lr-wish-bar .want{background:repeating-linear-gradient(90deg, var(--ivory) 0 5px, transparent 5px 9px); opacity:.7;}
.lr-legend{display:flex; justify-content:center; align-items:center; gap:10px; font-size:13px; color:var(--soft); margin:10px 0 0;}
.lr-legend .lg-fill{width:18px; height:10px; border-radius:3px; background:linear-gradient(90deg, #8FB8BD, #D9A99A, #E5C28C);}
.lr-legend .lg-dash{width:22px; height:0; border-top:2px dashed var(--ivory); margin-left:12px;}

/* ---------- Ergebnis ---------- */
.lr-screen[data-screen="result"].is-active{display:block;}
.lr-result{margin:0 auto;}
.lr-result-head{text-align:center; margin-bottom:10px;}
.lr-result-hero{display:grid; grid-template-columns:1.25fr .75fr; gap:40px; align-items:center; margin-bottom:56px;}
.lr-roundness{padding:30px; border-radius:26px; background:var(--glass); border:1px solid var(--glass-b); backdrop-filter:blur(8px);}
.lr-gauge{position:relative; width:150px; height:150px; margin-bottom:18px;}
.lr-gauge svg{width:100%; height:100%; transform:rotate(-90deg);}
.g-track{fill:none; stroke:rgba(247,244,238,.1); stroke-width:6;}
.g-val{fill:none; stroke:var(--mood); stroke-width:6; stroke-linecap:round; transition:stroke-dashoffset 1.8s cubic-bezier(.3,.8,.3,1);}
.lr-gauge > div{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.lr-gauge strong{font-family:var(--serif); font-style:italic; font-weight:500; font-size:40px; line-height:1;}
.lr-gauge span{font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--faint); margin-top:4px;}
.lr-roundness h3{font-size:28px; font-style:italic; font-weight:400; line-height:1.2; margin:0 0 10px;}
.lr-roundness p{color:var(--soft); font-size:15px; margin:0 0 20px;}
.lr-kpis{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0;}
.lr-kpis div{padding:12px 14px; border-radius:14px; background:rgba(0,0,0,.16);}
.lr-kpis dt{font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--faint);}
.lr-kpis dd{margin:4px 0 0; font-family:var(--serif); font-style:italic; font-size:28px;}

.lr-cards{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:64px;}
.lr-card{position:relative; padding:30px 30px 26px; border-radius:24px; background:var(--glass); border:1px solid var(--glass-b); overflow:hidden;}
.lr-card::before{content:''; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, var(--c) 0%, transparent 70%); opacity:.35;}
.lr-card-eyebrow{font-size:11.5px; letter-spacing:2.4px; text-transform:uppercase; color:var(--c, var(--soft)); margin:0 0 10px; position:relative;}
.lr-card h3{font-size:32px; font-style:italic; font-weight:400; margin:0 0 10px; position:relative;}
.lr-card p{margin:0; color:var(--soft); position:relative;}

.lr-deep{display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; margin-bottom:64px; align-items:start;}
.lr-deep-head h3{font-size:clamp(30px, 3.6vw, 42px); font-style:italic; font-weight:400; line-height:1.15; margin:0 0 14px;}
.lr-deep-head p:not(.lr-eyebrow){color:var(--soft);}
.lr-deep-list{list-style:none; counter-reset:dq; margin:0 0 30px; padding:0;}
.lr-deep-list li{counter-increment:dq; position:relative; padding:18px 0 18px 70px; border-bottom:1px solid var(--glass-b); font-family:var(--serif); font-style:italic; font-size:clamp(21px, 2.3vw, 26px); line-height:1.4;}
.lr-deep-list li::before{content:counter(dq, decimal-leading-zero); position:absolute; left:0; top:20px; font-family:var(--sans); font-style:normal; font-size:13px; letter-spacing:2px; color:var(--mood);}
.lr-commit{grid-column:2; display:flex; flex-direction:column;}
.lr-commit label{font-size:13px; letter-spacing:.6px; color:var(--soft); margin-top:18px;}
.lr-commit label:first-child{margin-top:0;}
.lr-commit input{margin-top:8px; border-radius:999px; padding:14px 20px;}

.lr-thought{margin:0 auto 72px; max-width:820px; text-align:center;}
.lr-thought blockquote{margin:0 0 14px; font-family:var(--serif); font-style:italic; font-size:clamp(28px, 4vw, 44px); line-height:1.3;}
.lr-thought figcaption{font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--faint);}

.lr-take{padding:36px; border-radius:30px; background:linear-gradient(135deg, rgba(247,244,238,.09), rgba(247,244,238,.03)); border:1px solid var(--glass-b); margin-bottom:24px;}
.lr-take h3{font-size:34px; font-style:italic; font-weight:400; margin:0 0 6px;}
.lr-take > p{color:var(--soft); margin:0 0 24px; font-size:14.5px;}
.lr-take-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px;}
.lr-take-btn{
  text-align:left; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:2px 14px; align-items:center;
  padding:18px; border-radius:18px; border:1px solid var(--glass-b); background:rgba(0,0,0,.15); color:var(--ivory); cursor:pointer;
  transition:transform .3s ease, background .3s ease, border-color .3s ease;
}
.lr-take-btn:hover{transform:translateY(-3px); background:rgba(247,244,238,.08); border-color:rgba(247,244,238,.3);}
.lr-take-btn svg{grid-row:1 / 3; width:38px; height:38px; padding:9px; border-radius:50%; background:var(--ivory); stroke:var(--bg); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.lr-take-btn strong{font-weight:500; font-size:15px;}
.lr-take-btn span{font-size:12.5px; color:var(--faint);}

.lr-next{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:40px;}
.lr-next-card{padding:30px; border-radius:24px; background:var(--glass); border:1px solid var(--glass-b);}
.lr-next-card h3{font-size:28px; font-style:italic; font-weight:400; margin:0 0 8px;}
.lr-next-card p:not(.lr-card-eyebrow){color:var(--soft); margin:0 0 20px;}
.lr-end{display:flex; justify-content:center; gap:28px; flex-wrap:wrap; padding:10px 0 20px;}

/* ---------- Mobil ---------- */
@media (max-width:980px){
  .lr-top{grid-template-columns:auto auto; row-gap:10px; padding:12px 18px; background:rgba(30,44,48,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid rgba(247,244,238,.06);}
  body[data-screen="intro"] .lr-top, body[data-screen="breathe"] .lr-top{background:transparent; border-color:transparent; backdrop-filter:none;}
  body[data-screen="intro"] .lr-progress, body[data-screen="breathe"] .lr-progress{display:none;}
  .lr-progress{grid-column:1 / -1; grid-row:2; gap:4px;}
  .lr-progress button{width:28px; height:28px;}
  .lr-screen{padding-top:124px;}
  .lr-intro, .lr-area, .lr-wish, .lr-result-hero, .lr-cards, .lr-deep, .lr-next{grid-template-columns:1fr;}
  .lr-intro-art{order:-1; max-width:230px; margin:0 auto;}
  .lr-area-wheel{order:-1; max-width:380px; width:100%; margin:0 auto -8px;}
  .lr-wish-wheel{order:-1; max-width:420px; margin:0 auto;}
  .lr-commit{grid-column:auto;}
  .lr-deep{gap:10px;}
}
@media (max-width:560px){
  body[data-screen="intro"] .lr-screen, body[data-screen="breathe"] .lr-screen{padding-top:84px;}
  .lr-progress-wish{margin-left:2px;}
  .lr-progress button{width:26px; height:26px;}
  .lr-progress svg{width:13px; height:13px;}
  .lr-pills{gap:4px;}
  .lr-pills button{font-size:13px;}
  .lr-orb-wrap{width:240px; height:240px;}
  .lr-phases li{flex:1 1 100%;}
  .lr-cta .lr-btn{flex:1 1 100%;}
  .lr-nav{margin-top:26px;}
  .lr-take, .lr-roundness, .lr-card, .lr-next-card{padding:22px;}
  .lr-deep-list li{padding-left:44px;}
  .lr-wish-ctrl output{min-width:48px;}
}

/* =========================================================
   DRUCK / PDF – helle, ruhige Ansicht mit Schreibplatz
   ========================================================= */
.lr-print{display:none;}
@media print{
  @page{size:A4; margin:13mm 15mm 12mm;}
  body.lr{background:#fff !important; color:#26363A;}
  body.lr > *:not(.lr-print){display:none !important;}
  .lr-print{display:block; font-family:var(--sans); color:#26363A;}
  .p-page{page-break-after:always; break-after:page; padding:0 !important;}
  .p-page:last-child{page-break-after:auto; break-after:auto;}
  .p-head{display:flex; align-items:center; gap:18px; border-bottom:1px solid #D3C3AF; padding-bottom:10px; margin-bottom:6px;}
  .p-head img{width:110px; filter:none;}
  .p-head h1{font-family:var(--serif); font-style:italic; font-weight:500; font-size:26pt; margin:0; color:#26363A;}
  .p-eyebrow{font-size:8.5pt; letter-spacing:2px; text-transform:uppercase; color:#8C8175; margin:10px 0 2px;}
  .p-head .p-eyebrow{margin:0 0 2px;}
  .p-wheel{width:122mm; margin:0 auto; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
  .p-wheel svg{width:100%; height:auto;}
  .p-wheel .w-halo{fill:#F7F4EE; stroke:#D3C3AF;}
  .p-wheel .w-track{fill:#F3EEE6;}
  .p-wheel .w-ring{stroke:#E0D6C8;}
  .p-wheel .w-ring-outer{stroke:#B8B9A7;}
  .p-wheel .w-label{fill:#26363A;}
  .p-wheel .w-value{fill:#26363A;}
  .p-wheel .w-wish-arc{stroke:#26363A;}
  .p-wheel .w-center{fill:#fff; stroke:#D3C3AF;}
  .p-wheel .w-center-txt{fill:#26363A;}
  .p-wheel .w-fill{opacity:1;}
  .p-summary{text-align:center; font-size:10.5pt; margin:4px 0 12px;}
  .p-table{width:100%; border-collapse:collapse; font-size:10pt;}
  .p-table th{text-align:left; font-weight:500; font-size:8.5pt; letter-spacing:1px; text-transform:uppercase; color:#8C8175; border-bottom:1px solid #D3C3AF; padding:5px 6px;}
  .p-table td{border-bottom:1px solid #EDE6DB; padding:4px 6px; vertical-align:bottom; height:8mm;}
  .p-table td:nth-child(2), .p-table td:nth-child(3){width:14mm; text-align:center; font-weight:500;}
  .p-table td:last-child{width:72mm;}
  .p-dot{display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; vertical-align:middle; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
  .lr-print h2{font-family:var(--serif); font-style:italic; font-weight:500; font-size:20pt; margin:0 0 4px; color:#26363A;}
  .lr-print p{font-size:10.5pt; line-height:1.55; margin:0 0 6px;}
  .p-q{margin:9px 0 2px; break-inside:avoid;}
  .p-line{display:block; height:7mm; border-bottom:1px solid #D3C3AF;}
  .p-table .p-line{height:5mm;}
  .p-answer{font-family:var(--serif); font-style:italic; font-size:14pt !important; border-bottom:1px solid #D3C3AF; padding-bottom:4px;}
  .p-quote{margin:14px 0 8px; padding:14px 18px; border-left:3px solid #8FB8BD; font-family:var(--serif); font-style:italic; font-size:15pt; line-height:1.4;}
  .p-foot{margin-top:14px; font-size:8.5pt; color:#8C8175; line-height:1.6;}
}

/* Sicherheitsnetz, falls das Skript nicht lädt */
.lr-loadfail{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:50; width:min(560px, calc(100% - 32px));
  display:flex; flex-direction:column; gap:6px; padding:18px 22px; border-radius:18px; background:#F7F4EE; color:#26363A;
  box-shadow:0 20px 50px rgba(0,0,0,.35); font-size:14.5px; line-height:1.5;}
.lr-loadfail small{font-size:12px; color:#6F665C; word-break:break-word;}
.lr-loadfail[hidden]{display:none;}

/* =========================================================
   FRÜHERE RÄDER · Hochladen · Entwicklung
   ========================================================= */
.lr-return{display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:26px; padding:16px 18px; border-radius:18px;
  background:var(--glass); border:1px dashed rgba(247,244,238,.22);}
.lr-return strong{display:block; font-weight:500; font-size:14.5px;}
.lr-return span{font-size:13px; color:var(--soft); line-height:1.5;}
.lr-upload{position:relative; flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px;
  border:1px solid rgba(247,244,238,.35); cursor:pointer; font-size:13.5px; white-space:nowrap; transition:background .25s ease, border-color .25s ease;}
.lr-upload:hover, .lr-upload:focus-within{background:rgba(247,244,238,.08); border-color:var(--ivory);}
.lr-upload svg, .lr-take-upload svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.lr-upload input, .lr-take-upload input{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
.lr-upload:focus-within, .lr-take-upload:focus-within{outline:2px solid var(--ivory); outline-offset:3px;}
.lr-upload-msg{font-size:13.5px; color:var(--mood); margin:10px 0 0; min-height:0;}
.lr-upload-msg:empty{display:none;}
.lr-upload-msg.is-error{color:#F0B8A8;}
.lr-take .lr-upload-msg{margin-top:16px;}

.lr-past{display:grid; grid-template-columns:150px 1fr; gap:24px; align-items:center; margin-top:26px; padding:22px; border-radius:24px;
  background:linear-gradient(135deg, rgba(247,244,238,.10), rgba(247,244,238,.04)); border:1px solid var(--glass-b); animation:rise .7s ease both;}
.lr-past svg{width:150px; height:150px;}
.lr-past .lr-card-eyebrow{color:var(--mood);}
.lr-past h3{font-size:28px; font-style:italic; font-weight:400; margin:0 0 8px;}
.lr-past p{font-size:14.5px; color:var(--soft); margin:0 0 10px;}
.lr-past-step{font-family:var(--serif); font-style:italic; font-size:19px !important; color:var(--ivory) !important;}
.lr-past .lr-cta{margin-top:14px;}

.lr-rate-prev{display:inline-flex; align-items:center; gap:8px; margin:12px 0 0; padding:6px 12px; border-radius:999px; font-size:13px; color:var(--soft);
  background:rgba(247,244,238,.06); border:1px solid var(--glass-b);}
.lr-rate-prev::before{content:''; width:16px; height:0; border-top:2px solid var(--ivory); opacity:.8;}

.w-prev-arc{fill:none; stroke:var(--ivory); stroke-width:3; stroke-linecap:round; opacity:.9; transition:d .6s ease;}
#lrAreaWheel .w-prev-arc{opacity:.45; stroke-width:2;}
.lr-legend .lg-prev{display:inline-block; width:22px; height:0; border-top:3px solid var(--ivory); margin:0 8px 0 12px; vertical-align:middle;}

.lr-growth{margin:0 0 64px; padding:36px; border-radius:30px; background:linear-gradient(160deg, rgba(247,244,238,.09), rgba(247,244,238,.025)); border:1px solid var(--glass-b);}
.lr-growth-head h3{font-size:clamp(30px, 3.6vw, 44px); font-style:italic; font-weight:400; line-height:1.15; margin:0 0 10px;}
.lr-growth-head p:not(.lr-eyebrow){color:var(--soft); max-width:640px; margin:0 0 26px;}
.lr-growth-kpis{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin:0 0 28px;}
.lr-growth-kpis > div{padding:16px 18px; border-radius:16px; background:rgba(0,0,0,.16); display:grid; grid-template-columns:1fr auto; align-items:end; gap:2px 10px;}
.lr-growth-kpis dt{grid-column:1 / -1; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--faint);}
.lr-growth-kpis dd{margin:4px 0 0; font-family:var(--serif); font-style:italic; font-size:28px; line-height:1.1;}
.lr-growth-kpis span{font-size:13px; padding:3px 10px; border-radius:999px;}
.up{background:rgba(159,185,162,.22); color:#C7E3C9;}
.down{background:rgba(217,169,154,.2); color:#F0C4B6;}
.same{background:rgba(247,244,238,.08); color:var(--soft);}
.lr-growth-list{list-style:none; margin:0 0 28px; padding:0; display:flex; flex-direction:column; gap:6px;}
.lr-growth-list li{display:grid; grid-template-columns:minmax(170px, 1.1fr) 1.4fr 70px 90px 52px; align-items:center; gap:16px; padding:10px 14px; border-radius:14px; background:rgba(0,0,0,.12);}
.g-name{display:flex; align-items:center; gap:10px; font-size:14.5px;}
.g-name svg{width:18px; height:18px; flex:0 0 auto; fill:none; stroke:var(--c); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.g-bar{position:relative; height:8px; border-radius:4px; background:rgba(247,244,238,.08);}
.g-now{position:absolute; left:0; top:0; bottom:0; border-radius:4px; background:var(--c); animation:grow 1.2s cubic-bezier(.3,.8,.3,1) both;}
@keyframes grow{from{width:0;}}
.g-prev{position:absolute; top:-5px; bottom:-5px; width:3px; margin-left:-1.5px; border-radius:2px; background:var(--ivory); box-shadow:0 0 0 2px rgba(30,44,48,.6);}
.g-vals{font-size:13.5px; color:var(--soft); text-align:right; white-space:nowrap;}
.g-vals b{color:var(--ivory); font-weight:500;}
.lr-spark{width:90px; height:26px;}
.lr-spark polyline{fill:none; stroke:var(--c); stroke-width:1.8; stroke-linejoin:round;}
.lr-spark circle{fill:var(--c);}
.g-delta{justify-self:end; font-size:13px; font-weight:500; padding:3px 9px; border-radius:999px; min-width:44px; text-align:center;}
.lr-growth-notes{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px;}
.lr-growth-notes .lr-card{padding:22px 22px 20px;}
.lr-growth-notes h4{font-family:var(--serif); font-style:italic; font-weight:500; font-size:22px; line-height:1.3; margin:0 0 8px; position:relative; color:var(--ivory);}

.lr-take-upload{position:relative; border-style:dashed !important;}
.lr-take-upload svg{width:38px !important; height:38px !important;}
.lr-take-btn.is-busy{opacity:.6; cursor:progress;}
.lr-take > p b{color:var(--ivory); font-weight:500;}

.lr-drop{position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center; padding:24px;
  background:rgba(20,30,33,.82); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);}
.lr-drop > div{display:flex; flex-direction:column; gap:8px; align-items:center; text-align:center; padding:48px 56px; border-radius:30px; border:2px dashed rgba(247,244,238,.5);}
.lr-drop strong{font-family:var(--serif); font-style:italic; font-weight:400; font-size:36px;}
.lr-drop span{color:var(--soft); font-size:14px;}
body.is-dragging .lr-drop{display:flex;}

@media (max-width:980px){
  .lr-growth-list li{grid-template-columns:1fr auto auto; gap:6px 12px;}
  .g-bar{grid-column:1 / -1; grid-row:2;}
  .lr-spark, .lr-spark-empty{display:none;}
}
@media (max-width:560px){
  .lr-return{flex-direction:column; align-items:flex-start;}
  .lr-past{grid-template-columns:1fr; text-align:left;}
  .lr-past svg{width:120px; height:120px;}
  .lr-growth{padding:22px;}
  .lr-growth-kpis{grid-template-columns:1fr;}
}

/* Weicher Verweis nach dem Ergebnis – keine Abfrage, keine Schranke */
.lr-soft{margin:30px 0; padding:22px 26px; border-radius:22px; background:var(--glass); border:1px solid var(--glass-b);}
.lr-soft-text{margin:6px 0 10px; color:var(--soft); font-size:16px; line-height:1.6;}
.lr-soft-links{margin:0; font-size:14.5px; color:var(--faint);}
.lr-soft-links a{color:var(--ivory); text-underline-offset:3px;}