:root{--bg:#F4F5F7;--panel:#fff;--ink:#1E2229;--mute:#5c636e;--line:#e2e5ea;--buy:#7A1C2E;--buy2:#a0364b;--rent:#2A8554;--good:#D4A359;--gold:#D4A359;--sage:#E2E8E4;--c3:#dcb3bb;--c4:#9fd3b6;--warn:#b3261e;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0f1115;--panel:#171a20;--ink:#eef0f3;--mute:#9aa3af;--line:#282d36;--buy:#ea6a83;--buy2:#bb4560;--rent:#52c28a;--good:#D4A359;--gold:#D4A359;--sage:#1f242b;--c3:#80364a;--c4:#2f6b4c;--warn:#ff8a80;color-scheme:dark}}
:root[data-theme="baby"]{--bg:#fff1f6;--panel:#fffafc;--ink:#4d2536;--mute:#855468;--line:#f7d5e2;--buy:#c93670;--buy2:#f08fb2;--rent:#12795f;--good:#e9a93f;--gold:#e9a93f;--sage:#fde6ee;--c3:#f6bad0;--c4:#a9e3d2;--warn:#d6336c;color-scheme:light}
:root[data-theme="baby"] body{background:radial-gradient(900px circle at 85% -10%,#ffd9e8 0,transparent 60%),radial-gradient(700px circle at -10% 40%,#ffe6f0 0,transparent 60%),var(--bg)}
:root[data-theme="baby"] .inputs,:root[data-theme="baby"] .res,:root[data-theme="baby"] .card,:root[data-theme="baby"] .meth{box-shadow:0 26px 54px -40px rgba(224,86,138,.55);border:1px solid #fbe0ea}
:root[data-theme="baby"] .logo .lm>rect{fill:#e0568a}:root[data-theme="baby"] .logo .lm .hl{fill:#f08fb2}:root[data-theme="baby"] .logo .lm .hq{fill:#36b394}
.logo .lm .bow{display:none}:root[data-theme="baby"] .logo .lm .bow{display:block}
:root[data-theme="baby"] .dock{box-shadow:0 10px 40px rgba(224,86,138,.3)}
:root[data-theme="dark"] .pill{color:#0f1115!important}
:root[data-theme="dark"]{--bg:#0f1115;--panel:#171a20;--ink:#eef0f3;--mute:#9aa3af;--line:#282d36;--buy:#ea6a83;--buy2:#bb4560;--rent:#52c28a;--good:#D4A359;--gold:#D4A359;--sage:#1f242b;--c3:#80364a;--c4:#2f6b4c;--warn:#ff8a80;color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:400 16px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.03em;margin-bottom:clamp(28px,5vw,56px)}.brand::before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--buy),var(--buy2))}
.hero{max-width:1120px;margin:0 auto;padding:clamp(36px,7vw,76px) 24px 28px}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 14px;font-weight:800}
h1 span{display:inline-block;padding:.04em .06em .22em;margin:-.04em -.06em -.22em;opacity:0;transform:translateY(.45em);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
h1 span:nth-child(1){color:var(--buy)}h1 span:nth-child(2){animation-delay:.12s}h1 span:nth-child(3){animation-delay:.24s;color:var(--rent)}
.sub{max-width:52ch;color:var(--mute);margin:0;opacity:0;animation:up .9s .4s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes up{from{filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px 120px}
.grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.grid{grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:40px;align-items:start}.wrap{padding-bottom:64px}.dock{display:none!important}}
.inputs,.res,.card{background:var(--panel);border-radius:28px;box-shadow:0 30px 60px -44px rgba(138,28,61,.4)}
.inputs{padding:6px 24px}.res{padding:28px}
details{border-bottom:1px solid var(--line)}details:last-child{border:0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:700}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);transition:transform .3s}
details[open] summary::after{transform:rotate(-135deg)}
summary:focus-visible{outline:2px solid var(--buy);outline-offset:2px;border-radius:8px}
.gb{padding:2px 0 10px}details[open] .gb{animation:fade .35s}@keyframes fade{from{opacity:0;transform:translateY(-6px)}}
.f{margin-bottom:18px}
.f .t b[data-ed]{cursor:text;border-bottom:1px dashed color-mix(in srgb,var(--mute) 60%,transparent);border-radius:2px;padding:0 2px;margin:0 -2px}.f .t b[data-ed]:hover,.f .t b[data-ed]:focus-visible{background:color-mix(in srgb,var(--buy) 10%,transparent);outline:none;border-bottom-color:var(--buy)}
.f .t input.nv{font:inherit;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;width:9.5em;max-width:55%;padding:1px 6px;border:1.5px solid var(--buy);border-radius:8px;background:var(--panel);color:var(--ink);box-sizing:border-box}
.t{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin-bottom:8px}.t span{color:var(--mute)}.t b{font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:40px;margin:-9px 0 -17px;padding:0;border-radius:99px;outline:none;cursor:pointer;background:transparent;--tr:linear-gradient(90deg,var(--buy2),var(--buy) var(--p,50%),var(--line) var(--p,50%))}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--tr)}input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--tr)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-8px;width:22px;height:22px;border-radius:50%;background:var(--panel);border:3px solid var(--buy);box-shadow:0 2px 6px rgba(138,28,61,.35);transition:transform .2s}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--panel);border:3px solid var(--buy)}
.f.rt input[type=range]{--tr:linear-gradient(90deg,color-mix(in srgb,var(--rent) 70%,#fff),var(--rent) var(--p,50%),var(--line) var(--p,50%))}
.f.rt input[type=range]::-webkit-slider-thumb{border-color:var(--rent);box-shadow:0 2px 6px color-mix(in srgb,var(--rent) 40%,transparent)}
.f.rt input[type=range]::-moz-range-thumb{border-color:var(--rent)}
.f.rt input[type=range]:focus-visible{outline-color:var(--rent)}
.f.rt .t span::before,.f.by .t span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--rent)}.f.by .t span::before{background:var(--buy)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}
input[type=range]:focus-visible{outline-offset:0}input[type=range]:focus-visible,.sel:focus-visible,.seg button:focus-visible,.share button:focus-visible{outline:2px solid var(--buy);outline-offset:4px}
.sel{width:100%;box-sizing:border-box;max-width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--line);padding:5px;border-radius:14px}
.seg button{font:inherit;font-size:.86rem;font-weight:700;border:0;background:transparent;color:var(--mute);padding:10px 8px;border-radius:10px;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.seg button.on{background:var(--panel);color:var(--buy);box-shadow:0 4px 14px rgba(138,28,61,.2)}
.mn{margin:10px 0 0;color:var(--mute);font-size:.82rem}
.sw{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.sw input{margin-top:3px;accent-color:var(--buy);width:18px;height:18px;flex:none}.sw span{font-size:.9rem}.sw small{display:block;color:var(--mute);font-size:.78rem;line-height:1.35;margin-top:2px}
.f.dep,.f.sub,.f.sub2{max-height:140px;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .45s}
.f.dep.off,.f.sub.off,.f.sub2.off{max-height:0;opacity:0;margin-bottom:0;visibility:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .45s,visibility 0s .45s}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}
.k small{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:.9rem}.k small i{width:10px;height:10px;border-radius:50%}
.k b{display:block;font-size:clamp(1.6rem,4.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.pill{display:inline-block;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.92rem;transition:background .4s,color .4s}
svg{display:block;width:100%;height:auto;overflow:visible}
#ch{cursor:crosshair;touch-action:pan-y;margin-top:20px}
.gl{stroke:var(--line);stroke-width:1}.ax{fill:var(--mute);font-size:11px}
.ln{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ln.b{stroke:var(--buy);filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--buy) 40%,transparent))}.ln.r{stroke:var(--rent)}
.tip{margin:6px 0 0;color:var(--mute);font-size:.88rem;min-height:1.4em;font-variant-numeric:tabular-nums}
h2{font-size:1.1rem;letter-spacing:-.01em;margin:34px 0 4px}
.cap{color:var(--mute);font-size:.88rem;margin:0 0 18px}
.bd{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.bd{grid-template-columns:1fr 1fr}}
.col h3{margin:0 0 10px;font-size:1rem}
.bar{position:relative;display:flex;height:12px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:14px}
.bar i{display:block;height:100%}.bar u{position:absolute;left:35%;top:0;bottom:0;width:2px;background:var(--ink);opacity:.4}
.r{display:grid;grid-template-columns:10px 1fr auto 52px;gap:10px;align-items:baseline;padding:7px 0;font-size:.92rem;font-variant-numeric:tabular-nums}
.r i{width:8px;height:8px;border-radius:50%;align-self:center}.r small{display:block;color:var(--mute);font-size:.76rem;line-height:1.3}
.r em{font-style:normal;color:var(--mute);text-align:right}
.r.tot{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:700}.r.tot em{font-weight:700}
.r.rest{color:var(--mute)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.stats small{display:block;color:var(--mute);font-size:.8rem}.stats b{font-variant-numeric:tabular-nums}
#be{color:var(--mute);margin:12px 0 0}
.share{display:flex;align-items:center;gap:14px;margin-top:24px}
.share button{font:inherit;font-weight:700;background:var(--ink);color:var(--bg);border:0;padding:12px 24px;border-radius:999px;cursor:pointer;transition:transform .2s,box-shadow .25s}
.share button:hover{box-shadow:0 10px 24px rgba(138,28,61,.3);transform:translateY(-1px)}.share button:active{transform:scale(.97)}
#toast{color:var(--good);font-weight:700;opacity:0;transition:opacity .4s}#toast.on{opacity:1}
.shl{width:100%;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}
.foot{color:var(--mute);font-size:.8rem;max-width:72ch;margin:26px 0 0}
.meth{margin-top:40px;background:var(--panel);border-radius:28px;padding:28px;max-width:780px;box-shadow:0 30px 60px -44px rgba(138,28,61,.4)}.meth h2{margin-top:0}.meth h3{margin:22px 0 6px;font-size:1rem}.meth p,.meth li{color:var(--mute);font-size:.92rem}.meth ul{padding-left:18px;margin:6px 0}.meth a,.foot a{color:var(--buy)}
.dock{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;gap:12px;padding:12px 18px;border-radius:20px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(29,18,23,.25);font-size:.9rem;z-index:5}
.dock span{display:flex;align-items:center;gap:8px}.dock i{width:10px;height:10px;border-radius:50%}.dock b{font-variant-numeric:tabular-nums}
body::before,body::after{content:'';position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none;animation:drift 18s ease-in-out infinite alternate}
body::before{width:55vw;height:55vw;right:-15vw;top:-20vw;background:color-mix(in srgb,var(--buy) 16%,transparent)}
body::after{width:50vw;height:50vw;left:-18vw;top:25vh;background:color-mix(in srgb,var(--rent) 14%,transparent);animation-delay:-7s}
@keyframes drift{to{transform:translate(4vw,3vw) scale(1.12)}}
h1,h2{font-family:ui-serif,'New York',Georgia,'Times New Roman',serif;font-weight:600}h1{letter-spacing:-.035em}
.brand{position:relative}.brand::before{background:linear-gradient(135deg,var(--buy) 50%,var(--rent) 50%)}
.brand::after{content:'';position:absolute;left:0;bottom:-14px;height:1px;width:0;background:linear-gradient(90deg,var(--gold),transparent);animation:rule 1.6s .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes rule{to{width:min(320px,70%)}}
.inputs,.res,.meth,.card{position:relative;background-image:radial-gradient(420px circle at var(--mx,70%) var(--my,-30%),color-mix(in srgb,var(--gold) 13%,transparent),transparent 65%)}
.rv{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .9s var(--d,0s) cubic-bezier(.2,.8,.2,1),transform .9s var(--d,0s) cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
#ch.wipe{animation:wipe 1.9s .55s cubic-bezier(.65,0,.2,1) both}@keyframes wipe{from{clip-path:inset(-24px 100% -24px -64px)}to{clip-path:inset(-24px -24px -24px -64px)}}
.pop{animation:pop .5s cubic-bezier(.3,1.7,.5,1)}@keyframes pop{from{transform:scale(.9)}}
.seg{background:var(--sage)}
.stats{border:0;padding-top:0;gap:12px;margin-top:26px}.stats>div{background:var(--sage);border-radius:16px;padding:14px 16px}
.bar{background:var(--sage)}.bar u{background:var(--gold);opacity:1}.bar i{transition:width .7s cubic-bezier(.2,.8,.2,1);transform-origin:left}
.col:not(.in) .bar i{transform:scaleX(0)}.col.in .bar i{animation:grow 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes grow{from{transform:scaleX(0)}}
.r{max-height:80px;overflow:hidden;transition:max-height .4s,opacity .3s,padding .4s}.r.hide{max-height:0;opacity:0;padding:0}.r small:empty{display:none}
.share button{position:relative;overflow:hidden}.share button::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(212,163,89,.6) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}.share button:hover::after{transform:translateX(120%)}
#toast{color:var(--rent)}
.dock{background:color-mix(in srgb,#1E2229 90%,transparent);color:#fff}.dock span:nth-child(1) i{background:#d9647c!important}.dock span:nth-child(2) i{background:#5fa882!important}
html{scroll-behavior:smooth}
@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.res{padding:22px}.inputs{padding:4px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}h1 span,.sub,.rv{opacity:1;transform:none;filter:none}}
body{--puf:#8b95a3}
html{scroll-padding-top:92px}
[hidden]{display:none!important}
.view{animation:viewIn .7s cubic-bezier(.2,.8,.2,1)}
@keyframes viewIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}}
.nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1120px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font:600 1.1rem/1 ui-serif,'New York',Georgia,serif;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo .lm{width:30px;height:30px;flex:none;filter:drop-shadow(0 3px 6px rgba(30,34,41,.25));animation:lmpop .9s cubic-bezier(.3,1.5,.5,1) both;cursor:pointer;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.logo .lm *{transform-box:fill-box}
.logo .lm .hl{animation:lml .8s .35s cubic-bezier(.2,.9,.3,1.2) both;transition:transform .5s}.logo .lm .hq{animation:lmr .8s .35s cubic-bezier(.2,.9,.3,1.2) both;transition:transform .5s}
.logo .lm .gl{stroke-dasharray:18;animation:lmd .6s 1s ease-out both}
.logo .lm .hr{transform-origin:0 100%;stroke-dasharray:12;animation:lmd .5s 1.5s ease-out both,hair 6s 3.5s ease-in-out infinite}
.logo .lm .gn{opacity:.4;animation:glint 6s 2.5s ease-in-out infinite;transform:translateX(-10px) skewX(-18deg)}
.logo:hover .lm{transform:rotate(-8deg) scale(1.12)}.logo:hover .lm .hl{transform:translateX(-1.6px)}.logo:hover .lm .hq{transform:translateX(1.6px)}.logo:hover .lm .hr{animation:hair .7s ease-in-out infinite}
.logo:active .lm{transform:rotate(360deg) scale(.9);transition-duration:.7s}
.logo span{animation:lmtx .8s .6s ease-out both}.logo em{font-style:italic;font-weight:400;color:var(--mute)}
@keyframes lmpop{from{transform:scale(.3) rotate(-120deg);opacity:0}}@keyframes lml{from{transform:translateX(-9px);opacity:0}}@keyframes lmr{from{transform:translateX(9px);opacity:0}}@keyframes lmd{from{stroke-dashoffset:18}to{stroke-dashoffset:0}}@keyframes lmtx{from{opacity:0;transform:translateX(-8px)}}
@keyframes hair{0%,88%,100%{transform:none}91%{transform:rotate(16deg)}94%{transform:rotate(-10deg)}97%{transform:rotate(5deg)}}
@keyframes glint{0%,70%{transform:translateX(-10px) skewX(-18deg)}90%,100%{transform:translateX(44px) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){.logo .lm,.logo .lm *,.logo span{animation:none!important}.logo .lm .gn{opacity:0}}
.logo i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--buy) 50%,var(--rent) 50%);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.logo:hover i{transform:rotate(90deg)}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto;padding:2px}.tabs::-webkit-scrollbar{display:none}
.tabs a{white-space:nowrap;text-decoration:none;color:var(--mute);font-weight:600;font-size:.9rem;padding:8px 14px;border-radius:999px;transition:background .3s,color .3s}
.tabs a:hover{color:var(--ink)}.tabs a.on{background:var(--ink);color:var(--bg)}
.tabs a:focus-visible,.logo:focus-visible{outline:2px solid var(--buy);outline-offset:2px}
@media(max-width:700px){.tabs{margin-left:0;width:100%}}
body:not([data-v="haus"]) .dock{display:none}
.card{background:var(--panel);border-radius:28px;padding:28px;box-shadow:0 30px 60px -44px rgba(122,28,46,.4);margin-top:28px}.card h2{margin-top:0}
.card.txt{max-width:780px}.card.txt h3{margin:20px 0 4px;font-size:1rem}.card.txt p,.card.txt li{color:var(--mute);font-size:.95rem}.card.txt ul{padding-left:18px}.card.txt a{color:var(--buy)}
.ph{color:var(--ink);background:color-mix(in srgb,var(--gold) 28%,transparent);border-radius:4px;padding:0 4px}
.acs{max-width:780px;margin-top:20px}
.ac{background:var(--panel);border-radius:20px;margin-top:12px;padding:0 22px;box-shadow:0 20px 50px -40px rgba(122,28,46,.4);border:0}
.ac summary{padding:18px 0}.ac p{color:var(--mute);margin:0 0 14px;font-size:.95rem}.ac b{color:var(--ink)}.ac[open]{padding-bottom:6px}
.rdw{max-width:560px;margin:0 auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.chip{font:inherit;font-size:.85rem;font-weight:700;border:2px solid var(--line);background:transparent;color:var(--mute);padding:7px 14px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:border-color .3s,background .3s,color .3s,transform .2s}
.chip i{width:10px;height:10px;border-radius:50%;background:var(--c)}.chip:active{transform:scale(.95)}
.chip[aria-pressed="true"]{border-color:var(--c);color:var(--ink);background:color-mix(in srgb,var(--c) 12%,transparent)}
.chip:focus-visible{outline:2px solid var(--buy);outline-offset:3px}
.rd .ring{fill:none;stroke:var(--line)}.rd .ring.out{stroke:color-mix(in srgb,var(--mute) 45%,transparent);stroke-width:1.5}.rd .axl{stroke:var(--line)}
.rd text{fill:var(--mute);font-size:12px;font-weight:600;cursor:pointer;user-select:none}.rd text.rn{font-size:8.5px;font-weight:700;cursor:default;pointer-events:none;fill:var(--mute);opacity:.8}
.rd .bgz{opacity:0;animation:bgin 1.2s .1s forwards}@keyframes bgin{to{opacity:1}}
.rd .rs{opacity:0;transform:scale(.15) rotate(-25deg);transform-origin:230px 195px;transition:transform 1s cubic-bezier(.25,1.3,.45,1),opacity .5s;pointer-events:none}
.rd .rs polygon{fill:color-mix(in srgb,var(--c) 20%,transparent);stroke:var(--c);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--c) 50%,transparent));transition:stroke-dashoffset 1.4s .2s ease}
.rd .rs .dt{fill:var(--panel);stroke:var(--c);stroke-width:2.5;opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s;transition-delay:calc(.5s + var(--d))}
.rd .rs.on{opacity:1;transform:none}.rd .rs.on polygon{stroke-dashoffset:0}.rd .rs.on .dt{opacity:1;transform:none}
.sc{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;color:var(--mute);margin:2px auto 10px;max-width:360px}.sc i{flex:1;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--warn),var(--gold),var(--rent));opacity:.75}
.sm{display:block;font-style:normal;font-size:.78rem;opacity:.85;margin-top:2px}.sm2{display:block;margin-top:4px;color:var(--ink);font-weight:600}
.tb{margin:12px 0 0;border-top:1px solid var(--line)}.tr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.85rem}.tl{font-weight:700;color:var(--ink);flex:none;min-width:84px}.tr{flex-wrap:wrap;cursor:pointer}.tr:focus-visible{outline:2px solid var(--buy);outline-offset:2px;border-radius:6px}.rz{display:none;flex-basis:100%;margin-top:4px}.tr.open .rz{display:grid;gap:6px}.rz p{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:.82rem;line-height:1.4;color:var(--mute)}.rz i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--c)}.rz b{color:var(--ink)}.tv{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.pq{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;gap:8px}.pq b{line-height:1;margin:0;font-variant-numeric:tabular-nums;min-width:28px;text-align:right;color:var(--ink);font-size:.8rem}.pips{display:flex;align-items:center;gap:3px;line-height:0}.pk{width:11px;height:8px;border-radius:2px;background:var(--line)}.pk.pkf{background:var(--c);animation:pk .45s both;animation-delay:calc(var(--j)*55ms)}@keyframes pk{from{transform:scaleY(.1);opacity:0}}
@media (prefers-reduced-motion:reduce){.rd .rs,.rd .rs polygon,.rd .rs .dt{transition:none}.pk.pkf,.rd .bgz{animation:none}.rd .bgz{opacity:1}}
.wy{display:flex;gap:10px;align-items:flex-start;margin:8px 0;color:var(--mute);font-size:.9rem}.wy i{width:10px;height:10px;border-radius:50%;margin-top:7px;flex:none}.wy b{color:var(--ink)}
.k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}@media(max-width:520px){.k3{grid-template-columns:1fr;gap:8px}.k3 .k{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.k3 .k small{margin:0}}.k3 .k b{font-size:clamp(1.15rem,3.6vw,1.75rem)}
.dnwrap{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-items:center;margin-top:18px}
@media(min-width:620px){.dnwrap{grid-template-columns:240px minmax(0,1fr)}}
@media(min-width:600px) and (max-width:959px) and (min-aspect-ratio:1/1){.dnwrap{grid-template-columns:minmax(0,1fr)}.dnwrap>*{max-width:340px;margin-inline:auto;width:100%}}
#dn{max-width:260px;margin:0 auto}
#dn circle{fill:none;stroke-width:30;transition:stroke-dasharray .8s cubic-bezier(.2,.8,.2,1),stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
#dn .dtrack{stroke:var(--sage)}.dtx{text-anchor:middle;fill:var(--ink);font-weight:800}
.lg{display:grid;grid-template-columns:12px minmax(0,1fr) auto minmax(48px,auto);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.lg:last-child{border:0}
.lg i{width:10px;height:10px;border-radius:50%}.lg em{font-style:normal;color:var(--mute);text-align:right}
.cmpr{margin:14px 0}.cmpr .t{margin-bottom:8px}
.cb{position:relative;height:12px;border-radius:99px;background:var(--sage)}.cb i{display:block;height:100%;border-radius:99px;background:var(--c);width:0;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cb u{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:var(--gold)}
#htoast{color:var(--rent);font-weight:700}
.foot2{max-width:1120px;margin:0 auto;padding:24px 24px 140px;color:var(--mute);font-size:.85rem;border-top:1px solid var(--line)}
.foot2-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.foot2 a{color:var(--mute)}.foot2 a:hover{color:var(--buy)}.foot2 p{margin:8px 0 0;font-size:.8rem}
@media(min-width:960px){.foot2{padding-bottom:48px}}
@media(max-width:480px){.tabs a{font-size:.84rem;padding:8px 10px}.card{padding:22px}}

.opt{font-size:.82rem;color:var(--mute);margin:10px 0 0}
.wiw{margin-top:22px;border-top:1px solid var(--line)}.wiw summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:.88rem;font-weight:700;color:var(--mute)}.wiw summary::-webkit-details-marker{display:none}.wiw summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 4px 0 0;transition:transform .3s}.wiw[open] summary::after{transform:rotate(225deg);margin-top:3px}.wiw summary:hover{color:var(--ink)}
.wiw .cap{font-size:.8rem;margin:0 0 6px}.wr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;padding:7px 0;border-top:1px solid var(--line);font-size:.8rem}.wl{color:var(--mute);font-weight:600}.wl small{margin-left:5px;opacity:.8}
.wc{display:flex;flex-wrap:wrap;gap:2px 14px}.wch{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.wch.k{color:var(--buy)}.wch.m{color:var(--rent)}.wch em{font-style:normal;color:var(--mute);font-weight:500;margin-right:4px}
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pa{display:none}

.ctl{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:10px 0 2px}.ghost{font:inherit;font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .3s,transform .2s}.ghost:hover{border-color:var(--buy)}.ghost:active{transform:scale(.96)}
.bsw{display:inline-flex;gap:8px;align-items:center;font-size:.82rem;color:var(--mute);cursor:pointer}.bsw input{accent-color:var(--buy);width:16px;height:16px}
.hmg{display:grid;grid-template-columns:auto repeat(11,minmax(0,1fr));gap:2px;font-size:.68rem;color:var(--mute);margin:6px 0 4px;font-variant-numeric:tabular-nums}.hmg .ax{display:flex;align-items:center;justify-content:flex-end;padding-right:6px;white-space:nowrap}.hmg .ax.x{justify-content:center;padding:3px 0 0}
.hmg button.hc{aspect-ratio:1.25;min-height:18px;border:0;border-radius:4px;padding:0;cursor:pointer;background:var(--line);transition:transform .12s}.hmg button.hc:hover,.hmg button.hc:focus-visible{transform:scale(1.25);outline:2px solid var(--ink);outline-offset:1px;position:relative;z-index:2}.hmg button.hc.cur{outline:2px solid var(--ink);outline-offset:1px}
.hml{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.76rem;color:var(--mute);margin:4px 0 0}.hml i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.hmt{font-size:.76rem;color:var(--mute);margin:2px 0 0;text-align:center}
.kph{font-size:.9rem;margin:18px 0 4px;color:var(--mute)}.kp{margin:0;padding:0;list-style:none;font-size:.84rem;color:var(--mute)}.kp li{padding:7px 0;border-top:1px solid var(--line)}.kp b{color:var(--ink)}
.pill.hs{position:relative;overflow:visible}.pill.hs::after{content:'';position:absolute;left:10%;right:10%;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);animation:hsl 1.1s .2s forwards}@keyframes hsl{to{transform:scaleX(1)}}
.logo .lm.wig .hr{animation:hair .7s ease-in-out 3}
.ch{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.lm.sprout .ch{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .6s calc(var(--i)*.12s) ease-out,opacity .1s calc(var(--i)*.12s)}
.lm.fall .ch{opacity:0;transform:translateY(36px) rotate(35deg);transition:transform 1.2s calc(var(--i)*.1s) ease-in,opacity 1.2s calc(var(--i)*.1s)}
#egg{position:fixed;left:50%;top:84px;transform:translate(-50%,-14px);max-width:min(92vw,440px);padding:12px 20px;border-radius:16px;background:#1E2229;color:#fff;font-size:.9rem;font-weight:600;text-align:center;opacity:0;pointer-events:none;z-index:95;transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1);box-shadow:0 12px 30px rgba(0,0,0,.25)}#egg.on{opacity:1;transform:translate(-50%,0)}
.hrain{position:fixed;top:-40px;z-index:90;pointer-events:none;animation:hfall linear forwards}@keyframes hfall{to{transform:translateY(115vh) rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.hrain{display:none}.logo .lm.wig .hr{animation:none}}

.calc{margin-top:52px}.calc:first-child{margin-top:8px}.ch2{font:600 clamp(1.5rem,4vw,2rem)/1.15 ui-serif,'New York',Georgia,serif;letter-spacing:-.02em;margin:0 0 6px}
.calc>.cap{margin:0 0 18px}.cv{margin-top:20px}
.tbl{overflow-x:auto;margin-top:4px}.tbl table{width:100%;border-collapse:collapse;font-size:.8rem;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:7px 6px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl th{color:var(--mute);font-weight:700}
.f.sub2,.f.sub2.off{}
@media print{
 @page{margin:14mm}
 .wiw,.ctl,#egg,.hrain,.calc{display:none!important}
 body{background:#fff!important;color:#000}
 body::before,body::after,.nav,.dock,.foot2,.share,.inputs,.tabs,#radar-haus,.meth,#toast,.shl,.hero p,.tip,.chips{display:none!important}
 .card,.res,.inputs{box-shadow:none!important;border:0!important;background:#fff!important;background-image:none!important;padding:0!important}
 .grid{display:block!important}.res{padding:0!important}
 .pill,.bd i,.bar i,.bar u,.ln,.rs,#ch *,.wch{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .wch{opacity:1!important;transform:none!important;animation:none!important}
 .pa{display:block;margin-top:22px;border-top:1px solid #ccc;padding-top:12px;font-size:.85rem;break-inside:avoid}
 .pa h3{margin:14px 0 4px;font-size:.95rem}.pa div.pr{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #eee}.pa p{color:#555;font-size:.78rem;margin-top:14px}
}
.tth{order:3;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .3s}.tth:hover{transform:rotate(25deg) scale(1.08)}.tth:focus-visible{outline:2px solid var(--buy);outline-offset:2px}
.tth .su,.tth .he{display:none}:root[data-theme="dark"] .tth .he{display:block}:root[data-theme="dark"] .tth .mo{display:none}:root[data-theme="baby"] .tth .su{display:block}:root[data-theme="baby"] .tth .mo{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .tth .he{display:block}:root:not([data-theme]) .tth .mo{display:none}}
.tabs{order:2}@media(max-width:700px){.tth{order:1;margin-left:auto}.tabs{order:2}}

/* Detailgrad */
:root[data-lvl="1"] [data-lv="2"],:root[data-lvl="1"] [data-lv="3"],:root[data-lvl="2"] [data-lv="3"]{display:none!important}
.lvl{--c:var(--erde,var(--rent));display:flex;align-items:center;gap:18px;margin-top:22px;max-width:560px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:14px 18px}
.lvl-art{flex:none;width:92px;height:52px;color:var(--c);position:relative;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--c) 10%,transparent)}
.lvl-art svg{position:absolute;inset:0;width:100%;height:100%}
.lvl-art path{transform-box:fill-box;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.3,1.4,.5,1),opacity .4s}
.lvl[data-l="1"] .lvl-art [data-k="2"],.lvl[data-l="1"] .lvl-art [data-k="3"],.lvl[data-l="2"] .lvl-art [data-k="3"]{opacity:0;transform:scaleY(.15)}
.lvl-main{flex:1;min-width:0;display:grid;gap:6px}
.lvl-t{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:700}.lvl-t label{color:var(--ink)}.lvl-v{color:var(--c)}
.lvl input[type=range]{width:100%;accent-color:var(--c)}
.lvl-lab{display:flex;justify-content:space-between;font-size:.74rem;color:var(--mute)}
.lvl-n{margin:0;font-size:.82rem;color:var(--mute)}
@media(max-width:480px){.lvl{flex-direction:column;align-items:stretch}.lvl-art{width:100%;height:46px}}
@media(prefers-reduced-motion:reduce){.lvl-art path{transition:none}}
.au-off{display:none!important}
.seg.s3{grid-template-columns:repeat(3,1fr)}.seg.s4{grid-template-columns:repeat(4,1fr)}.seg.s5{grid-template-columns:repeat(5,1fr)}.seg.s4 button{font-size:.76rem;padding:10px 2px}
.vp{margin-top:26px}.vp:first-child{margin-top:0}
.vh{margin:0 0 8px;font-size:1.05rem;font-weight:800}.vp[data-veh=A] .vh{color:var(--buy)}.vp[data-veh=B] .vh{color:var(--rent)}
.sr{display:block;margin-top:6px;font-size:.76rem;line-height:1.4;color:var(--mute)}.sr a{color:var(--buy);text-decoration:none;font-weight:700}
#sz-out,#sz-in{min-width:0}#sz-out .tbl{max-width:100%;overflow-x:auto}#sz-out .aut th,#sz-out .aut td{padding:8px 3px;font-size:.78rem}#sz-out .aut td:first-child,#sz-out .aut th:first-child{white-space:normal;text-align:left;width:34%}@container (max-width:420px){#sz-out .aut th,#sz-out .aut td{font-size:.7rem;padding:7px 2px}#sz-out .aut th{max-width:62px}}
#sz-out .aut th{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#an-out,#an-in,#st-out,#st-in{min-width:0}.au3.s3{grid-template-columns:repeat(3,minmax(0,1fr))}@container (max-width:460px){.au3.s3{grid-template-columns:1fr}}.stbar{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:10px 0 6px;background:var(--line)}.stbar i{display:block;height:100%}#st-out .tbl,#an-out .tbl{max-width:100%;overflow-x:auto}#st-out .aut th,#st-out .aut td,#an-out .aut th,#an-out .aut td{padding:8px 5px;font-size:.78rem}#st-out .aut td:first-child,#an-out .aut td:first-child{white-space:normal;text-align:left;min-width:7.5em}#st-out,#an-out{container-type:inline-size}#kk-out,#kk-in,#eg-out,#eg-in{min-width:0}#kk-out{container-type:inline-size}#kk-out .tbl,#eg-out .tbl{max-width:100%;overflow-x:auto}#kk-out .aut th,#kk-out .aut td,#eg-out .aut th,#eg-out .aut td{padding:8px 5px;font-size:.78rem}#kk-out .aut td:first-child,#kk-out .aut th:first-child,#eg-out .aut td:first-child,#eg-out .aut th:first-child{white-space:normal;text-align:left;min-width:7.5em}@container (max-width:420px){#kk-out .aut th,#kk-out .aut td{font-size:.7rem;padding:7px 3px}}
.au3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 6px}#sz-out{container-type:inline-size}@container (max-width:600px){.au3{grid-template-columns:1fr}}.szc{border-top:4px solid var(--sc)}.szc h4{color:var(--ink)}.szc.szb{box-shadow:0 0 0 2px var(--sc)}.szw{font-weight:800;color:var(--rent)}.szd{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.szleg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0;font-size:.82rem}.szl{display:inline-flex;align-items:center;gap:6px}.szl i{width:12px;height:12px;border-radius:50%;display:inline-block}
.au2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 6px}
.auc{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;min-width:0}
.auc h4{margin:0 0 6px;font-size:.82rem;line-height:1.3}.auA h4{color:var(--buy)}.auB h4{color:var(--rent)}
.auc .big{font-size:clamp(1.3rem,5.4vw,1.9rem);font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-all}.auc .bl{font-size:.76rem;color:var(--mute);margin-bottom:10px}
.auc dl{margin:0;display:grid;gap:6px}.auc dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:.8rem}.auc dt{color:var(--mute)}.auc dd{margin:0;font-weight:700;text-align:right}
.ah{margin:22px 0 8px;font-size:1rem}
.aut{width:100%;border-collapse:collapse;font-size:.85rem}.aut th,.aut td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}.aut th:first-child,.aut td:first-child{text-align:left}.aut th{color:var(--mute);font-weight:700}.aut tr.tot td{font-weight:800;border-bottom:0}
.aul{margin:0 0 10px;padding-left:18px;display:grid;gap:6px;font-size:.9rem}

@keyframes hxdraw{to{stroke-dashoffset:0}}@keyframes hxfade{to{opacity:1}}@keyframes hxgrow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){.cv.draw path[data-s]{stroke-dasharray:1;stroke-dashoffset:1;animation:hxdraw 1.3s .1s cubic-bezier(.3,.7,.3,1) forwards}.cv.draw path[data-f]{opacity:0;animation:hxfade 1s .6s ease forwards}.cv rect[rx="4"]{transform-box:fill-box;transform-origin:50% 100%;animation:hxgrow .7s cubic-bezier(.3,1.3,.5,1) backwards}}
.cv .hit{cursor:crosshair}.cv .tip{pointer-events:none}
.e-art.hero-band{height:84px;margin:0 0 22px;border-radius:24px;background:color-mix(in srgb,var(--c) 8%,transparent)}
.stoast{font-size:.85rem;color:var(--mute);margin-left:10px;align-self:center}.nshare{display:none!important}.can-share .nshare{display:inline-flex!important}
.f input.txt{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);margin-top:2px}.f input.txt:focus-visible{outline:2px solid var(--buy);outline-offset:2px}
.srcl{display:grid;gap:10px;padding-left:22px;font-size:.88rem}.srcl li{scroll-margin-top:90px}
@media(max-width:420px){.au2{grid-template-columns:1fr}}

.story{margin:14px 0 6px;padding:12px 14px;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent);border-radius:0 12px 12px 0;color:var(--ink);font-size:.95rem;line-height:1.5}.story:empty{display:none}
.gz2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gz1{text-align:center}.gz1 svg{width:100%;max-width:240px;height:auto;overflow:visible}.gz1 b{display:block;font-size:1.5rem;line-height:1;margin-top:-6px}.gz1 small{display:block;margin-top:6px;color:var(--mute);font-size:.8rem}.gz1 small i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.gz1 .z{fill:none;stroke-width:13}.gz1 .z.a{stroke:color-mix(in srgb,var(--rent) 55%,var(--bg))}.gz1 .z.b{stroke:var(--gold)}.gz1 .z.c{stroke:color-mix(in srgb,var(--buy) 55%,var(--bg))}.gz1 .nd{transform-origin:100px 100px;transition:transform 1.1s cubic-bezier(.2,1.2,.3,1)}
@media(max-width:520px){.gz2{grid-template-columns:1fr}}
.tls{display:flex;align-items:center;gap:12px;margin:8px 0}.tls label{font-size:.85rem;color:var(--mute);white-space:nowrap}.tls input{flex:1;min-width:0;margin:0}.tls output{font-size:.85rem;font-weight:700;min-width:64px;text-align:right}
.scn .cap{margin:4px 0 10px}.scc{color:var(--mute);font-size:.85rem}
.wf{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:10px 0 4px}@media(max-width:700px){.wf{grid-template-columns:1fr}}
.wfc h4{margin:0 0 8px;font-size:.95rem;display:flex;align-items:center;gap:8px;color:var(--ink)}.wfc h4 i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.wfr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:5px 0;border-top:1px solid var(--line);align-items:baseline}.wfl{font-size:.88rem;color:var(--mute)}.wfv{font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.wft .wfl{color:var(--ink);font-weight:700}
.wfk{grid-column:1/-1;position:relative;height:10px;background:color-mix(in srgb,var(--line) 55%,transparent);border-radius:6px;overflow:hidden}.wfb{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--c);transform-origin:left}.wfb.neg{background:var(--gold)}.wfb.tot{background:var(--ink)}
@media(prefers-reduced-motion:no-preference){.wfb{animation:wfg .9s calc(var(--i)*70ms) cubic-bezier(.2,.8,.2,1) both}@keyframes wfg{from{transform:scaleX(0)}}}
#hgT{position:fixed;left:50%;bottom:22px;transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:120;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:11px 16px;border-radius:16px;background:var(--ink);color:var(--panel);font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .35s,transform .35s}#hgT.on{opacity:1;transform:translate(-50%,0)}#hgT .hgi{color:var(--c);display:grid;flex:none;filter:brightness(1.5)}
.cf{position:fixed;width:8px;height:12px;z-index:110;pointer-events:none;border-radius:2px}.rip{position:fixed;width:180px;height:60px;border:2px solid currentColor;border-radius:50%;z-index:110;pointer-events:none}.spk{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(#ffe9a8,#e0702e);z-index:110;pointer-events:none}
.runner{position:fixed;left:0;z-index:115;pointer-events:none;display:flex;align-items:flex-end;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}.runner .ri{display:block;flex:none}.runner .ri.tr{position:absolute;left:0;top:0}.runner svg{display:block;stroke-width:1.6}
.lvl-art,.e-ico,.e-art{cursor:pointer}
.lvl-art .cst{position:absolute;left:50%;right:auto;bottom:0;top:auto;width:auto;aspect-ratio:72/48;height:96%;transform:translate(-50%,108%);transition:transform .9s cubic-bezier(.2,1.25,.4,1);color:var(--c)}.lvl-art .cst path{transition:none;transform:none}
.lvl-art.castle .cst{transform:translate(-50%,0)}.lvl-art.castle{background:color-mix(in srgb,var(--c) 22%,transparent)}.lvl-art.castle>svg:not(.cst){opacity:.28;transition:opacity .6s}.lvl-art .cst .flag{transform-box:fill-box;transform-origin:0 50%}


/* Neue Szenen */
.lvl-art.tent{background:color-mix(in srgb,var(--c) 14%,transparent)}.lvl-art.sun{background:linear-gradient(180deg,#79b6e8,#c8e8f8)}.lvl-art.dry{background:color-mix(in srgb,var(--c) 8%,#e2c48f)}.lvl-art.camp{background:color-mix(in srgb,var(--c) 10%,#150f1d)}
.lvl-art.tent .scn.tent,.lvl-art.sun .scn.sun,.lvl-art.dry .scn.dry,.lvl-art.camp .scn.camp{opacity:1}
.scn .tn{fill:color-mix(in srgb,var(--c) 85%,#fff)}.scn .tf{fill:color-mix(in srgb,var(--c) 45%,#1b2518)}.scn .tg{fill:color-mix(in srgb,var(--c) 60%,#233420)}.scn .tp{stroke:color-mix(in srgb,var(--c) 70%,#000);stroke-width:1.2;fill:none}.scn .tfl{fill:#d4a359}.scn .st{fill:#fff;opacity:.0}
.scn .sn{fill:#ffd23f}.scn .sr{stroke:#ffd23f;stroke-width:1.6;stroke-linecap:round}.scn .pn{fill:#2c4a78}.scn .pg{stroke:#9ec0ea;stroke-width:.5}
.scn .gr{fill:#c9a26b}.scn .ck{stroke:#6e4e2a;stroke-width:.9;fill:none;stroke-linecap:round}.scn .cc{fill:color-mix(in srgb,var(--c) 55%,#35502d)}.scn .dp{fill:#6fb4d8;opacity:0}
.scn .lg{fill:#6b4423}.scn .fl{fill:#ff8a1f}.scn .fl2{fill:#ffd45c}.scn .cs{fill:#ffcf6b;opacity:0}.scn .stn{fill:#7c7f86}.scn .stz{fill:#fff}
.lvl-art.sun .scn .sr,.lvl-art.sun .scn .sn{transform-box:fill-box}
.scn .hl{fill:#a9d5a0}.scn .hl2{fill:#8cc58a}.scn .rdl{stroke:#6b7280;stroke-width:5;fill:none}.scn .rd{stroke:#fff;stroke-width:1;stroke-dasharray:6 6;fill:none}.scn .bw{fill:none;stroke:#1f2a37;stroke-width:1.7}.scn .sp{stroke:#1f2a37;stroke-width:.5;fill:none}.scn .bf{stroke:var(--c);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.scn .bs{stroke:#1f2a37;stroke-width:2;stroke-linecap:round}.scn .wl path{stroke:#fff;stroke-width:1.3;stroke-linecap:round;fill:none}.scn .wl{opacity:0;transition:opacity .6s}.lvl-art.bike2 .scn .wl{opacity:.9}
.lvl-art.bike{background:linear-gradient(180deg,#bfe3f7,#e6f5e4)}.lvl-art.bike .scn.bike{opacity:1}
@media(prefers-reduced-motion:no-preference){.bike .scn .wh{transform-box:fill-box;transform-origin:center;animation:whl 1.1s linear infinite}.bike2 .scn .wh{animation-duration:.55s}.bike .scn .rd{animation:rdm .9s linear infinite}.bike2 .scn .rd{animation-duration:.45s}@keyframes whl{to{transform:rotate(360deg)}}@keyframes rdm{to{stroke-dashoffset:-12}}.bike .scn .bk{animation:bkb .55s ease-in-out infinite alternate}@keyframes bkb{to{transform:translateY(-.7px)}}.bike2 .scn .wl{animation:wlm .6s linear infinite}@keyframes wlm{from{transform:translateX(0)}to{transform:translateX(-14px)}}}
@media(prefers-reduced-motion:no-preference){
.tent .scn .tfl{transform-origin:0 50%;animation:flg 1.1s ease-in-out infinite alternate}.tent .scn .st{animation:twk 2.6s ease-in-out infinite}.tent .scn .st:nth-of-type(2){animation-delay:-.9s}.tent .scn .st:nth-of-type(3){animation-delay:-1.7s}@keyframes twk{0%,100%{opacity:0}50%{opacity:.9}}
.sun .scn .sr{transform-origin:74px 14px;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.sun .scn .pn{animation:shn 3s ease-in-out infinite alternate}@keyframes shn{from{fill:#2c4a78}to{fill:#3d6bb0}}
.dry .scn .dp{animation:dpl 3.4s ease-in infinite}@keyframes dpl{0%{opacity:0;transform:translateY(-14px)}15%{opacity:.9}55%{opacity:.9;transform:translateY(12px)}60%,100%{opacity:0;transform:translateY(12px)}}
.camp .scn .fl{transform-origin:50% 100%;animation:flk .55s ease-in-out infinite alternate}.camp .scn .fl2{transform-origin:50% 100%;animation:flk .4s ease-in-out infinite alternate-reverse}@keyframes flk{from{transform:scale(.88,.92)}to{transform:scale(1.08,1.1)}}
.camp .scn .cs{animation:csr 2s ease-out infinite}.camp .scn .cs:nth-of-type(2){animation-delay:-.7s}.camp .scn .cs:nth-of-type(3){animation-delay:-1.3s}@keyframes csr{0%{opacity:.9;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx,4px),-22px)}}
.camp .scn .stz{animation:twk 3s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){.sun .scn .sr{animation:none}.camp .scn .cs{opacity:.7}}
/* Buch-Layout für Falt-Geräte (aufgeklappt) und mittelbreite Querformate */
@media(min-width:600px) and (max-width:959px) and (min-aspect-ratio:1/1){
 .wrap{max-width:none;padding-left:16px;padding-right:16px}
 .grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;align-items:start;background:linear-gradient(90deg,transparent calc(45.4% - 22px),color-mix(in srgb,var(--ink) 5%,transparent) 45.4%,transparent calc(45.4% + 22px))}
 .dock{display:none!important}
 .inputs{padding:4px 16px}.res{padding:20px}
 .stats{grid-template-columns:1fr 1fr}
}
.grid.unfold{animation:unf .9s cubic-bezier(.2,.9,.3,1)}@keyframes unf{from{transform:perspective(900px) rotateY(-14deg);transform-origin:45% 50%;opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.grid.unfold{animation:none}}
/* Zwei Display-Segmente (Viewport Segments API, wo der Browser sie meldet) */
@media(horizontal-viewport-segments:2){
 .wrap{max-width:none;padding-left:0;padding-right:0}
 .grid{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));background:none;align-items:start}
 .grid>*:nth-child(odd){padding-left:20px;padding-right:20px}.grid>*:nth-child(even){padding-left:20px;padding-right:20px}
 .dock{display:none!important}
}
.lvl-art{transition:width .7s cubic-bezier(.3,1.3,.5,1),height .7s cubic-bezier(.3,1.3,.5,1),background .6s}
.lvl-art.castle,.lvl-art.sc{width:146px;height:82px}@media(max-width:480px){.lvl-art.castle,.lvl-art.sc{width:100%;height:92px}}
.lvl-art.sc>svg:not(.scn):not(.cst){opacity:.2;transition:opacity .6s}
.lvl-art .scn{opacity:0;transition:opacity .6s;pointer-events:none}.lvl-art.volc .scn.vol,.lvl-art.fall .scn.fall,.lvl-art.storm .scn.storm{opacity:1}
.lvl-art .scn ellipse,.lvl-art .scn circle{transform-origin:center}
.lvl-art .scn path,.lvl-art .scn circle,.lvl-art .scn ellipse,.lvl-art .scn line{transition:none;transform:none;transform-box:fill-box}
.lvl-art.volc{background:color-mix(in srgb,var(--c) 18%,#1a0d08)}.lvl-art.fall{background:color-mix(in srgb,var(--c) 26%,transparent)}.lvl-art.storm{background:color-mix(in srgb,var(--c) 38%,#161a2e)}
.scn .mtn{fill:color-mix(in srgb,var(--c) 78%,#1d0d05)}.scn .crt{fill:#ff7a1a}.scn .smk circle{fill:#9aa0a6;opacity:0}.scn .lv{fill:none;stroke:#ff6a00;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;opacity:0}.scn .sp circle{fill:#ffb347;opacity:0}
.lvl-art.volc2 .scn .lv{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease-out}
.scn .cliff{fill:color-mix(in srgb,var(--c) 52%,#10201f)}.scn .wf{fill:none;stroke:color-mix(in srgb,var(--c) 40%,#fff);stroke-width:4.2;stroke-dasharray:10 3}.scn .wf.x{opacity:0}.lvl-art.fall2 .scn .wf.x{opacity:1}.scn .pool{fill:color-mix(in srgb,var(--c) 70%,#fff);opacity:.75}.scn .rp{fill:none;stroke:#fff;stroke-width:.8;opacity:0}.scn .spr circle{fill:#fff;opacity:0}
.scn .cl ellipse{fill:color-mix(in srgb,var(--c) 30%,#2a3050)}.scn .rn{stroke:color-mix(in srgb,var(--c) 40%,#fff);stroke-width:1;stroke-linecap:round;stroke-dasharray:4 5;opacity:.85}.scn .bolt{fill:#ffe96b;opacity:0}.scn .wd{stroke:#fff;stroke-width:1;stroke-linecap:round;fill:none;opacity:.55;stroke-dasharray:14 22}
@media(prefers-reduced-motion:no-preference){
.volc .scn .smk circle{animation:smk 3.2s ease-out infinite}.volc .scn .smk circle:nth-child(2){animation-delay:-1s}.volc .scn .smk circle:nth-child(3){animation-delay:-2.1s}@keyframes smk{0%{opacity:.0;transform:translate(0,6px) scale(.5)}20%{opacity:.6}100%{opacity:0;transform:translate(8px,-22px) scale(1.7)}}
.volc .scn .crt{animation:crt 1.3s ease-in-out infinite alternate}@keyframes crt{from{opacity:.65}to{opacity:1}}
.volc2 .scn .sp circle{animation:spk 1.5s ease-out infinite}.volc2 .scn .sp circle:nth-child(2){animation-delay:-.4s;--dx:-14px;--dy:-26px}.volc2 .scn .sp circle:nth-child(3){animation-delay:-.8s;--dx:6px;--dy:-30px}.volc2 .scn .sp circle:nth-child(4){animation-delay:-1.1s;--dx:18px;--dy:-18px}.volc2 .scn .sp circle:nth-child(1){--dx:-6px;--dy:-24px}@keyframes spk{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
.lvl-art.volc2{animation:qk .35s linear infinite}@keyframes qk{25%{transform:translate(.8px,-.6px)}75%{transform:translate(-.8px,.6px)}}
.fall .scn .wf{animation:wfl .7s linear infinite}.fall .scn .wf:nth-of-type(2){animation-duration:.55s}.fall .scn .wf:nth-of-type(3){animation-duration:.8s}@keyframes wfl{to{stroke-dashoffset:-12}}
.fall .scn .rp{animation:rpl 1.6s ease-out infinite}.fall .scn .rp:nth-of-type(2){animation-delay:-.8s}@keyframes rpl{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
.fall .scn .spr circle{animation:spr 1s ease-out infinite}.fall .scn .spr circle:nth-child(2){animation-delay:-.3s;--dx:-8px}.fall .scn .spr circle:nth-child(3){animation-delay:-.6s;--dx:9px}.fall .scn .spr circle:nth-child(1){--dx:-3px}.fall .scn .spr circle:nth-child(4){animation-delay:-.45s;--dx:4px}@keyframes spr{0%{opacity:.9;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),-10px)}}
.storm .scn .rn{animation:rn .5s linear infinite}@keyframes rn{to{stroke-dashoffset:-9}}
.storm .scn .cl{animation:clm 4s ease-in-out infinite alternate}@keyframes clm{from{transform:translateX(-2px)}to{transform:translateX(3px)}}
.storm .scn .wd{animation:wd 1.1s linear infinite}.storm .scn .wd:nth-of-type(2){animation-duration:.8s}@keyframes wd{to{stroke-dashoffset:-36}}
.storm2 .scn .bolt{animation:blt 2.6s infinite}@keyframes blt{0%,60%,100%{opacity:0}62%{opacity:1}64%{opacity:.1}66%{opacity:1}72%{opacity:0}}
.lvl-art.storm2{animation:flsh 2.6s infinite}@keyframes flsh{0%,60%,100%{filter:none}62%,66%{filter:brightness(1.5)}}
}
@media(prefers-reduced-motion:reduce){.volc .scn .smk circle{opacity:.45}.storm2 .scn .bolt{opacity:1}.fall .scn .rp{opacity:.5}}
@media(prefers-reduced-motion:no-preference){.lvl-art.castle .cst .flag{animation:flg 1.1s ease-in-out infinite alternate}@keyframes flg{from{transform:scaleX(.8) skewY(-6deg)}to{transform:scaleX(1.05) skewY(6deg)}}.lvl-art.castle{animation:cstb .6s .75s}@keyframes cstb{30%{transform:translateY(2px)}60%{transform:translateY(-2px)}}}


/* Designsystem: gemeinsame Radien, Rahmen und Schatten */
:root{--r-lg:28px;--r-md:20px;--r-sm:12px;--sh:0 1px 2px rgba(15,20,35,.05),0 28px 56px -40px rgba(15,20,35,.30);--sh-h:0 1px 2px rgba(15,20,35,.06),0 34px 64px -36px rgba(15,20,35,.38)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--sh:0 1px 0 rgba(255,255,255,.04) inset,0 28px 56px -34px rgba(0,0,0,.75);--sh-h:0 1px 0 rgba(255,255,255,.05) inset,0 34px 64px -30px rgba(0,0,0,.85)}}
:root[data-theme="dark"]{--sh:0 1px 0 rgba(255,255,255,.04) inset,0 28px 56px -34px rgba(0,0,0,.75);--sh-h:0 1px 0 rgba(255,255,255,.05) inset,0 34px 64px -30px rgba(0,0,0,.85)}
body .inputs,body .res,body .card,body .meth,body .e-card{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh)}
body .e-card:hover,body .e-card:focus-visible{box-shadow:var(--sh-h),0 26px 50px -34px var(--c)}
body .e-tool,body .lvl,body .auc,body .ac,body .stats>div,body .e-art.hero-band{border-radius:var(--r-md)}
body .ac{border:1px solid var(--line);box-shadow:none}
body .seg,body .e-ico{border-radius:calc(var(--r-sm) + 2px)}
body .sel,body .shl,body .f input.txt{border-radius:var(--r-sm)}
:root[data-theme="dark"] body::before{background:color-mix(in srgb,var(--buy) 7%,transparent)}:root[data-theme="dark"] body::after{background:color-mix(in srgb,var(--rent) 6%,transparent)}
@media(prefers-color-scheme:dark){:root:not([data-theme]) body::before{background:color-mix(in srgb,var(--buy) 7%,transparent)}:root:not([data-theme]) body::after{background:color-mix(in srgb,var(--rent) 6%,transparent)}}
/* Wertblase beim Ziehen eines Reglers */
.f{position:relative}.vb{position:absolute;z-index:6;left:0;top:0;transform:translate(-50%,0) scale(.85);transform-origin:50% 100%;opacity:0;pointer-events:none;padding:6px 11px;border-radius:10px;background:var(--ink);color:var(--bg);font:700 .86rem/1.1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:opacity .15s,transform .18s cubic-bezier(.3,1.5,.5,1)}
.vb::after{content:'';position:absolute;left:50%;bottom:-4px;width:9px;height:9px;background:inherit;transform:translateX(-50%) rotate(45deg);border-radius:2px}
.vb.on{opacity:1;transform:translate(-50%,0) scale(1)}
@media(prefers-reduced-motion:reduce){.vb{transition:none}}
/* Szene aus dem zuletzt genutzten Rechner auf der Startseite */
.e-card .lvl-art.e-scene{position:absolute;right:14px;bottom:8px;width:114px;height:64px;margin:0;z-index:2;pointer-events:none;opacity:0;transform:translateY(12px) scale(.85);transition:opacity .6s .15s,transform .7s .15s cubic-bezier(.2,1.3,.4,1);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.e-card .lvl-art.e-scene.in{opacity:1;transform:none}
.xwrap{margin:14px 0 6px}.xctl{display:flex;gap:12px;align-items:center;font-size:.82rem;color:var(--mute);margin:0 0 8px}.xctl input{flex:1;min-width:0}.xfig{max-width:620px;margin:0 auto}.xv{display:block;width:100%;height:auto;overflow:visible}.xv .xp{transition:opacity .25s}.xv.dim .xp:not(.on){opacity:.16}.xleg{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px}.xleg button{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:flex-start;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;font-size:.86rem;line-height:1.45;color:var(--mute)}.xleg button:hover,.xleg button.on{border-color:var(--buy)}.xleg button:focus-visible{outline:2px solid var(--buy);outline-offset:2px}.xleg b{flex:none;width:26px;height:26px;border-radius:50%;border:1.3px solid var(--ink);box-sizing:border-box;background:var(--panel);color:var(--ink);font-weight:600;display:grid;place-items:center;font-size:.85rem}.xleg strong{display:block;color:var(--ink);margin-bottom:2px}.xgl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:8px 0 12px}.xgl dt{font-weight:700;color:var(--ink)}.xgl dd{margin:0}@media (max-width:600px){.xgl{grid-template-columns:1fr;gap:2px}.xgl dd{margin-bottom:8px}}


.hsw{max-width:520px;margin:6px auto 0}.hsw svg{display:block;width:100%;height:auto;overflow:visible}.hsw .hl{transition:opacity .2s}.hsw text{font-family:inherit}
.hsw .tp{fill:color-mix(in srgb,var(--c) 100%,#fff 18%)}.hsw .lf{fill:color-mix(in srgb,var(--c) 72%,#000)}.hsw .rt{fill:color-mix(in srgb,var(--c) 86%,#000)}.hsw .ed{fill:none;stroke:color-mix(in srgb,var(--c) 55%,#000);stroke-width:1;stroke-linejoin:round}
.hsw .nm{fill:var(--mute);font-size:16px}.hsw .am{fill:var(--ink);font-size:21px;font-weight:700}.hsw .pc{fill:var(--mute);font-size:15px}

/* Mehrseiten-Struktur: Elemente, Startseite, Unternavigation */
:root{--erde:#4F7040;--luft:#5B54B0;--wasser:#0F7C86;--feuer:#9E540C;--soon:#eef0f3}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--erde:#8DB574;--luft:#A9A3EE;--wasser:#4FD1D6;--feuer:#F0A04B;--soon:#321d24}}
:root[data-theme="dark"]{--erde:#8DB574;--luft:#A9A3EE;--wasser:#4FD1D6;--feuer:#F0A04B;--soon:#321d24}
:root[data-theme="baby"]{--soon:#fde6ee}
.c-erde{--c:var(--erde)}.c-luft{--c:var(--luft)}.c-wasser{--c:var(--wasser)}.c-feuer{--c:var(--feuer)}
.els{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
@media(max-width:700px){.els{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}}
.e-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--panel);border-radius:28px;padding:26px 26px 0;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.e-card:hover,.e-card:focus-visible{transform:translateY(-4px);box-shadow:0 26px 50px -34px var(--c);outline:none}.e-card:focus-visible{border-color:var(--c)}
.e-head{display:flex;align-items:center;gap:12px}
.e-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);flex:none}.e-ico svg{width:24px;height:24px}
.e-card h2{font:600 1.55rem/1.1 ui-serif,'New York',Georgia,serif;margin:0;letter-spacing:-.02em}
.e-tag{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c);font-weight:700;margin:0}
.e-d{margin:0;color:var(--mute);font-size:.95rem;min-width:0}
.e-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.e-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.93rem;padding:9px 0;border-top:1px solid var(--line);min-width:0}.e-list li span:first-child{min-width:0}
.e-pill{flex:none;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}.e-pill.soon{background:var(--soon);color:var(--mute)}
.e-art{height:76px;margin:auto -26px 0;color:var(--c);position:relative;overflow:hidden}.e-art svg{position:absolute;left:0;bottom:0;width:100%;height:100%}
@keyframes hxdrift{to{transform:translateX(-50%)}}@keyframes hxsway{to{transform:translateX(24px)}}@keyframes hxflick{0%,100%{transform:scaleY(1) skewX(0)}30%{transform:scaleY(1.12) skewX(-2deg)}60%{transform:scaleY(.94) skewX(2deg)}}
@keyframes hxbreath{to{transform:scaleY(1.22)}}
.c-erde .e-art path{transform-box:fill-box;transform-origin:50% 100%;animation:hxbreath 6s ease-in-out infinite alternate}.c-erde .e-art path:nth-child(2){animation-duration:8s;animation-delay:-2s}.c-erde .e-art path:nth-child(3){animation-duration:10s;animation-delay:-4s}
.c-wasser .e-art svg{width:200%;animation:hxdrift 9s linear infinite}
.c-luft .e-art svg{overflow:visible}.c-luft .e-art path{transform-box:fill-box;stroke-dasharray:70 26;animation:hxflow1 2.6s linear infinite,hxwind 6s ease-in-out infinite alternate}.c-luft .e-art path:nth-child(2){stroke-dasharray:110 34;animation:hxflow2 4.1s linear infinite,hxwind 8s -2s ease-in-out infinite alternate}.c-luft .e-art path:nth-child(3){stroke-dasharray:160 40;animation:hxflow3 6s linear infinite,hxwind 10s -5s ease-in-out infinite alternate}@keyframes hxflow1{to{stroke-dashoffset:-96}}@keyframes hxflow2{to{stroke-dashoffset:-144}}@keyframes hxflow3{to{stroke-dashoffset:-200}}@keyframes hxwind{from{transform:translate(-22px,-3px)}to{transform:translate(22px,3px)}}.c-luft .e-ico svg path{animation:hxgust 3.2s ease-in-out infinite alternate}@keyframes hxgust{from{transform:translateX(-1.6px)}to{transform:translateX(2.2px)}}
.c-feuer .e-art path{transform-box:fill-box;transform-origin:50% 100%;animation:hxflick 2.4s ease-in-out infinite}.c-feuer .e-art path:nth-child(3n+2){animation-delay:-.8s}.c-feuer .e-art path:nth-child(3n+3){animation-delay:-1.5s}.c-feuer .e-art path:nth-child(5n){animation-duration:3.1s}.c-feuer .e-art path:nth-child(7n){animation-duration:2s}
.e-note{color:var(--mute);font-size:.92rem;margin:26px 0 0;max-width:60ch}.e-note a,.card a{color:var(--buy)}
.e-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:18px}.e-pair .card.txt{max-width:none;margin:0;min-width:0}.e-pair .xgl{grid-template-columns:1fr;gap:2px}.e-pair .xgl dd{margin-bottom:8px}@media(max-width:900px){.e-pair{grid-template-columns:minmax(0,1fr)}}.e-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:700px){.e-tools{grid-template-columns:minmax(0,1fr)}}
.e-tool{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.3,1.4,.5,1),box-shadow .3s}
.e-tool:hover,.e-tool:focus-visible{transform:translateY(-3px);box-shadow:0 22px 44px -32px var(--c);outline:none;border-color:var(--c)}
.e-tool h2{font:600 1.25rem/1.2 ui-serif,'New York',Georgia,serif;margin:0}.e-tool p{margin:0;color:var(--mute);font-size:.95rem}.e-go{margin-top:auto;color:var(--c);font-weight:700;font-size:.9rem}
.e-plain{margin:10px 0 14px;padding-left:20px;display:grid;gap:6px}
.subnav{max-width:1120px;margin:0 auto;padding:10px 24px 0;display:flex;gap:6px;flex-wrap:wrap}
.subnav a{font-size:.88rem;font-weight:600;text-decoration:none;color:var(--mute);padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}
.subnav a:hover{color:var(--ink)}.subnav a svg,.e-tool h2 svg{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:6px}.subnav a.on{border-color:var(--erde);color:var(--erde)}
@media(prefers-reduced-motion:reduce){.e-art svg,.e-art path,.e-ico svg path{animation:none!important}.e-card,.e-tool{transition:none}}
.stand a{color:var(--buy)}.stand{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 14px;font-size:.82rem;color:var(--mute)}.stand b{font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--panel)}.guide h2{margin-top:0}.guide details{border-top:1px solid var(--line);padding:10px 0}.guide summary{cursor:pointer;font-weight:700;color:var(--ink)}.guide details p{margin:8px 0 0}