:root{--a:#8b5cf6}
body{font-family:var(--ff,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);background:#07070c}
:focus-visible{outline:2px solid #fff;outline-offset:2px}
.inp{width:100%;margin-top:.25rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.6rem;padding:.45rem .7rem;font-size:.85rem;color:#fff}
.inp[type=color]{padding:2px;height:2.2rem}.inp[type=range]{padding:0;accent-color:var(--a)}
select.inp option{background:#16161d}
.lb{font-size:.72rem;color:#a1a1aa}
.btn{border-radius:.6rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);padding:.5rem .8rem;font-size:.85rem}
.btn:hover{background:rgba(255,255,255,.16)}
.ib{width:1.6rem;height:1.6rem;border-radius:.4rem}.ib:hover{background:rgba(255,255,255,.12)}
.lk{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.lk:hover{transform:scale(1.03);background:rgba(255,255,255,.1);box-shadow:0 0 24px color-mix(in srgb,var(--a) 45%,transparent);border-color:color-mix(in srgb,var(--a) 60%,transparent)}
.so{transition:transform .2s,color .2s,filter .2s}
.so:hover{transform:scale(1.15);color:var(--a);filter:drop-shadow(0 0 8px var(--a))}
#dash{width:100%;transition:transform .25s}
@media(min-width:768px){#dash{width:26rem}body.ed #main{padding-left:26rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
html{overscroll-behavior-y:none}
.bd::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:rgba(10,10,16,.96);border:1px solid rgba(255,255,255,.14);padding:.25rem .6rem;border-radius:.5rem;font-size:.72rem;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}
.bd[data-tip=""]::after{display:none}
.bd:hover::after,.bd:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.vb{--v:#3b82f6;position:relative;display:inline-flex;flex:none;width:.9em;height:.9em;color:var(--v);cursor:default}
.vb svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--v) 60%,transparent));transition:transform .2s}
.vb:hover svg,.vb:focus-visible svg{transform:scale(1.12)}
.vb::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);background:rgba(10,10,16,.96);border:1px solid color-mix(in srgb,var(--v) 40%,rgba(255,255,255,.14));padding:.3rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:500;letter-spacing:0;line-height:1.2;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.vb:hover::after,.vb:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.a-glow>*{animation:bglow 2.4s ease-in-out infinite}
.a-pulse{animation:bpulse 1.6s ease-in-out infinite}
.a-bounce{animation:bbounce 1.2s ease-in-out infinite}
.a-spin>*{animation:bspin 4s linear infinite}
@keyframes bglow{50%{filter:drop-shadow(0 0 10px var(--c)) drop-shadow(0 0 22px var(--c))}}
@keyframes bpulse{50%{transform:scale(1.14)}}
@keyframes bbounce{50%{transform:translateY(-4px)}}
@keyframes bspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.bd,.bd>*{animation:none!important}}
.sw{appearance:none;flex:none;width:2.2rem;height:1.25rem;border-radius:9999px;background:rgba(255,255,255,.15);position:relative;cursor:pointer;transition:background .2s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:50%;background:#fff;transition:transform .2s}
.sw:checked{background:var(--a)}.sw:checked::after{transform:translateX(.95rem)}
.plw{align-items:center;gap:.55rem;padding:.3rem .45rem .3rem .3rem;border-radius:9999px;background:rgba(10,10,16,.42);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.35);font-size:.72rem;color:#e4e4e7;max-width:calc(100vw - 2rem);opacity:.92;transition:opacity .2s}
.plw:hover{opacity:1}
.pb{width:1.75rem;height:1.75rem;flex:none;border-radius:9999px;display:grid;place-items:center;font-size:.62rem;background:color-mix(in srgb,var(--a) 26%,transparent);border:1px solid color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--a) 30%,transparent)}
.vbtn{width:1.5rem;height:1.5rem;display:grid;place-items:center;color:#a1a1aa;border-radius:9999px}
.vbtn:hover{color:#fff}
.viz{display:flex;align-items:center;gap:2px;height:14px}
.viz i{display:block;width:2px;height:3px;border-radius:2px;background:var(--a)}
.plw.playing .viz i{animation:vz 1s ease-in-out infinite}
.viz i:nth-child(2){animation-duration:.8s!important;animation-delay:-.3s}
.viz i:nth-child(3){animation-duration:1.2s!important;animation-delay:-.6s}
.viz i:nth-child(4){animation-duration:.9s!important;animation-delay:-.1s}
.viz i:nth-child(5){animation-duration:1.1s!important;animation-delay:-.5s}
@keyframes vz{0%,100%{height:3px}50%{height:14px}}
.sn{max-width:7rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq{display:inline-flex;gap:1.5rem;padding-right:1.5rem;animation:mq 9s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.vpop{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);padding:.5rem .7rem;border-radius:.75rem;background:rgba(10,10,16,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vpop input{display:block;width:7rem}
#pl[data-pos^=t] .vpop{bottom:auto;top:calc(100% + 12px)}
#pl[data-pos=bl]{left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom))}
#pl[data-pos=bc]{left:50%;transform:translateX(-50%);bottom:max(1rem,env(safe-area-inset-bottom))}
#pl[data-pos=br]{right:calc(max(1rem,env(safe-area-inset-right)) + 5.5rem);bottom:max(1rem,env(safe-area-inset-bottom))}
#pl[data-pos=tl]{left:max(1rem,env(safe-area-inset-left));top:max(1rem,env(safe-area-inset-top))}
#pl[data-pos=tr]{right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top))}
@media(min-width:768px){body.ed #pl[data-pos=bl],body.ed #pl[data-pos=tl]{left:calc(26rem + 1rem)}body.ed #pl[data-pos=bc]{left:calc(50% + 13rem)}}
.sa-pulse{animation:spulse 2.2s ease-in-out infinite}
.sa-glow{animation:sglow 2.4s ease-in-out infinite}
@keyframes spulse{50%{opacity:.45}}
@keyframes sglow{0%,100%{text-shadow:0 0 10px currentColor}50%{text-shadow:0 0 28px currentColor,0 0 6px currentColor}}
.rb{background:linear-gradient(90deg,#ff5f6d,#ffc371,#fbff5f,#5fff8a,#5fd4ff,#a55fff,#ff5fd0,#ff5f6d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rbow calc(6s/var(--sp,1)) linear infinite}
@keyframes rbow{to{background-position:300% 0}}
@keyframes in-fade{from{opacity:0}}
@keyframes in-up{from{opacity:0;transform:translateY(40px)}}
@keyframes in-zoom{from{opacity:0;transform:scale(.8)}}
@keyframes in-flip{from{opacity:0;transform:perspective(900px) rotateX(-60deg)}}
@keyframes in-blur{from{opacity:0;filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.rb,.mq,.viz i,.sa-pulse,.sa-glow,#tw{animation:none!important}}
.sp-bar{animation:spbar 1.1s ease-in-out infinite}
@keyframes spbar{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
@media(prefers-reduced-motion:reduce){.sp-bar{animation:none!important}}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes rot{to{--ang:360deg}}
.acc{border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:rgba(255,255,255,.02)}
.acc>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;font-size:.8rem;font-weight:600;color:#e4e4e7}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::after{content:"+";color:#a1a1aa;font-weight:400}
.acc[open]>summary::after{content:"–"}
.acc>div{padding:0 .85rem .85rem}
.ring{position:absolute;inset:0;border-radius:inherit;padding:var(--rw,2px);pointer-events:none;display:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.ring.nn{background:var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#cglow.nn{animation:npulse var(--rs,6s) ease-in-out infinite}
@keyframes npulse{0%,100%{opacity:1}50%{opacity:.45}}
.ring.gd{background:conic-gradient(from var(--ang),var(--rc),var(--rc2),var(--rc));animation:rot var(--rs,6s) linear infinite}
#cglow.gd{opacity:.7}
.ring.el{background:var(--rc);animation:elec calc(var(--rs,6s)*.12) linear infinite}
#cglow.el{animation:elec calc(var(--rs,6s)*.12) linear infinite}
@keyframes elec{0%,100%{opacity:1;filter:brightness(1.35)}18%{opacity:.35;filter:brightness(1)}30%{opacity:1;filter:brightness(1.6)}55%{opacity:.55;filter:brightness(1)}70%{opacity:.95;filter:brightness(1.3)}}
.ring.ds{padding:0;-webkit-mask:none;mask:none;background:none;border:var(--rw,2px) dashed var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#cglow.ds{animation:npulse var(--rs,6s) ease-in-out infinite}
.ring.ho{background:conic-gradient(from var(--ang),#a5f3fc,#f0abfc,#fde68a,#bbf7d0,#c7d2fe,#f5d0fe,#a5f3fc);opacity:.8;animation:rot var(--rs,6s) linear infinite,hshim calc(var(--rs,6s)*.5) ease-in-out infinite}
#cglow.ho{opacity:.45}
@keyframes hshim{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.35) saturate(1.4)}}
.ring.rg{background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot var(--rs,6s) linear infinite}
#cglow{filter:blur(var(--gb,14px));opacity:.9}
#fxl{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;isolation:isolate} /* isoliert die Glanz-Mischmodi, sonst blockiert Chrome den Backdrop-Blur der Karte */
.ghost{text-shadow:0 1px 14px rgba(0,0,0,.55)}
.ghost .lk{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.av{position:relative;isolation:isolate;display:grid;place-items:center;border-radius:var(--avr,50%);width:calc(var(--avs,7rem)*var(--avk,1) + var(--aw,0px)*2);height:calc(var(--avs,7rem)*var(--avk,1) + var(--aw,0px)*2)}
.av-i{position:relative;z-index:1;width:calc(var(--avs,7rem)*var(--avk,1));height:calc(var(--avs,7rem)*var(--avk,1));border-radius:var(--avr,50%);object-fit:cover}
.av-n{display:grid;place-items:center;font-size:calc(2.25rem*var(--avk,1));font-weight:700}
.av-glow::before{content:"";position:absolute;inset:0;border-radius:var(--avr,50%);background:var(--ac);box-shadow:0 0 var(--ag) var(--ac)}
.av-rainbow::before,.av-rainbow::after{content:"";position:absolute;inset:0;border-radius:var(--avr,50%);background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot var(--as,5s) linear infinite}
.av-rainbow::after{filter:blur(var(--ag));opacity:.75;z-index:-1}
.gl{position:relative;display:inline-block;animation:glj calc(3.2s/var(--sp,1)) steps(1) infinite}
.gl::before,.gl::after{content:attr(data-t);position:absolute;inset:0;overflow:hidden;pointer-events:none}
.gl::before{color:#22d3ee;clip-path:inset(0 0 100% 0);animation:gl1 calc(2.6s/var(--sp,1)) steps(1) infinite}
.gl::after{color:#f0abfc;clip-path:inset(100% 0 0 0);animation:gl2 calc(2.1s/var(--sp,1)) steps(1) infinite}
@keyframes gl1{0%,62%,100%{clip-path:inset(0 0 100% 0);transform:translate(0)}64%{clip-path:inset(10% 0 55% 0);transform:translate(-3px,1px)}68%{clip-path:inset(55% 0 12% 0);transform:translate(3px,-1px)}72%{clip-path:inset(30% 0 40% 0);transform:translate(-2px,0)}76%{clip-path:inset(0 0 100% 0)}}
@keyframes gl2{0%,40%,100%{clip-path:inset(100% 0 0 0);transform:translate(0)}42%{clip-path:inset(60% 0 8% 0);transform:translate(3px,0)}46%{clip-path:inset(5% 0 70% 0);transform:translate(-3px,1px)}50%{clip-path:inset(35% 0 35% 0);transform:translate(2px,-1px)}54%{clip-path:inset(100% 0 0 0)}}
@keyframes glj{0%,62%,100%{transform:none}66%{transform:skewX(-6deg)}70%{transform:skewX(4deg)}74%{transform:none}}
.np{animation:npls calc(2.2s/var(--sp,1)) ease-in-out infinite}
@keyframes npls{0%,100%{text-shadow:0 0 calc(var(--ng)*.25) var(--nc),0 0 calc(var(--ng)*.6) var(--nc),0 0 var(--ng) var(--nc)}50%{text-shadow:0 0 calc(var(--ng)*.5) var(--nc),0 0 calc(var(--ng)*1.4) var(--nc),0 0 calc(var(--ng)*2.4) var(--nc),0 0 calc(var(--ng)*3.6) var(--nc)}}
.wv{display:inline-block;animation:wave calc(1.6s/var(--sp,1)) ease-in-out infinite;animation-delay:calc(var(--i)*.08s)}
@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-.28em)}}
.tpw .cr{display:inline-block;width:2px;height:.85em;margin-left:3px;vertical-align:-.08em;background:currentColor;animation:caret .8s step-end infinite}
.tpw .rs{visibility:hidden}
.ww{display:inline-block;white-space:nowrap}
.bfx{display:inline-block;max-width:100%}
.sub{border-left:2px solid color-mix(in srgb,var(--a) 55%,transparent);padding-left:.75rem}
@keyframes caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.tpw .cr{display:none}}
html.cc,html.cc *{cursor:none!important}
html.cc #dash,html.cc #dash *,html.cc #login,html.cc #login *,html.cc #tpl-bar,html.cc #tpl-bar *,html.cc #tpl-rpt,html.cc #tpl-rpt *,html.cc #rpt,html.cc #rpt *{cursor:auto!important}
html.cc #tpl-bar a,html.cc #tpl-bar button,html.cc #tpl-rpt button,html.cc #rpt button{cursor:pointer!important}
@media(prefers-reduced-motion:reduce){.gl,.gl::before,.gl::after,.np,.wv,.tpw .cr,.ring.rg,.ring.nn,.ring.gd,.ring.el,.ring.ds,.ring.ho,#cglow,.av-rainbow::before,.av-rainbow::after{animation:none!important}}
.bd{--c:#8b5cf6;position:relative;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;font-size:1.1rem;color:var(--c);cursor:default;transition:transform .15s}
.bd svg,.bd img{display:block;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c) 65%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--c) 35%,transparent));transition:transform .15s}
.bd img{width:1.3rem;height:1.3rem;object-fit:contain}
.bd:hover svg,.bd:hover img,.bd:focus-visible svg,.bd:focus-visible img{transform:scale(1.18)}
#holo{position:absolute;inset:0;border-radius:inherit;display:none;opacity:calc(var(--hs,.55)*.35);transition:opacity .35s}
#tilt.hov #holo{opacity:var(--hs,.55)}
#holo.m-white,#holo.m-holo{opacity:calc(var(--hs,.55)*.22)}
#tilt.hov #holo.m-white,#tilt.hov #holo.m-holo{opacity:calc(var(--hs,.55)*.6)}
#holo.m-white{mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.95),rgba(255,255,255,.25) 28%,transparent 58%)}
#holo.m-glass{background:linear-gradient(112deg,transparent calc(var(--mx,50%) - 34%),rgba(255,255,255,.07) calc(var(--mx,50%) - 14%),rgba(255,255,255,.34) var(--mx,50%),rgba(255,255,255,.07) calc(var(--mx,50%) + 14%),transparent calc(var(--mx,50%) + 34%)),radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 40%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 1px 0 0 rgba(255,255,255,.12)}
#holo.m-neon{mix-blend-mode:screen;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--tc,#8b5cf6) 85%,transparent),transparent 52%),linear-gradient(115deg,transparent calc(var(--mx,50%) - 28%),color-mix(in srgb,var(--tc,#8b5cf6) 55%,transparent) var(--mx,50%),transparent calc(var(--mx,50%) + 28%))}
#holo.m-holo{mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.6),transparent 45%),linear-gradient(115deg,transparent calc(var(--mx,50%) - 40%),rgba(255,70,170,.6) calc(var(--mx,50%) - 22%),rgba(70,255,230,.6) var(--mx,50%),rgba(255,235,90,.55) calc(var(--mx,50%) + 22%),transparent calc(var(--mx,50%) + 40%))}
.hd{display:flex;flex-direction:column;align-items:center;text-align:center}
.hd-tx{display:flex;flex-direction:column;align-items:center;min-width:0}
.nmrow{margin-top:1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem}
.nmrow h1{font-size:inherit;text-align:inherit}
.hdl{font-size:.875rem;color:#a1a1aa}
.loc{margin-top:.25rem;display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#8b8b95}
.loc .pin{width:.95em;height:.95em;flex:none;fill:none;stroke:var(--a);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bdrow{margin-top:.8rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.bio{margin:1rem auto 0;max-width:20rem;font-size:.875rem;line-height:1.6;color:#d4d4d8;text-align:center}
.socs{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem}
.lks{margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem}
.ftr{margin-top:1.75rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#71717a}
.ftr-bl{justify-content:flex-start}.ftr-br{justify-content:flex-end}
.vw{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#71717a;white-space:nowrap}
.vw-in{display:flex;justify-content:center;margin-top:.6rem}
.hd-tx .vw-in{margin-top:.5rem}
#card[data-layout~=split] .hd-tx .vw-in{justify-content:flex-start}
.vw-corner{position:absolute;top:.85rem;z-index:2;padding:.2rem .55rem;border-radius:9999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);font-size:.7rem;color:#a1a1aa}
.vw-tl{left:.85rem}.vw-tr{right:.85rem}
.brand{margin-top:.6rem;text-align:center;font-size:.7rem;letter-spacing:.18em;color:#52525b}
.cpy{cursor:pointer;transition:opacity .15s}.cpy:hover{opacity:.82}
#card[data-layout=minimal]{--avs:5.25rem}
#card[data-layout=minimal] .nmrow{font-size:1.35rem;margin-top:1rem}
#card[data-layout=minimal] .bio{font-size:.82rem;margin-top:.7rem}
#card[data-layout=minimal] .socs{margin-top:1.1rem;gap:1.1rem;font-size:1.15rem}
#card[data-layout=minimal] .lks{margin-top:1.4rem;gap:.55rem}
#card[data-layout=minimal] .lk{background:transparent!important;border-radius:.7rem!important;justify-content:center;padding:.6rem 1rem!important;border-color:rgba(255,255,255,.16)!important}
#card[data-layout=minimal] .lk-ico,#card[data-layout=minimal] .lk-cnt,#card[data-layout=minimal] .lk-sub{display:none}
#card[data-layout=minimal] .lk-main{text-align:center;flex:0 1 auto}
#card[data-layout~=split]{--avs:5.5rem}
#card[data-layout~=split] .hd{flex-direction:row;gap:1.1rem;text-align:left}
#card[data-layout~=split] .hd-tx{align-items:flex-start}
#card[data-layout~=split] .nmrow{margin-top:0;justify-content:flex-start}
#card[data-layout~=split] .bdrow,#card[data-layout~=split] .socs{justify-content:flex-start}
#card[data-layout~=split] .bio{margin-left:0;text-align:left}
/* Split Card / Floating Sections: Profil-Block und Link-Cards als getrennte Glas-Karten */
.top{display:contents}
#card[data-layout~=sections]{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#card[data-layout~=sections] .top,#card[data-layout~=sections] .lk{background:var(--gbg)!important;-webkit-backdrop-filter:var(--gbf);backdrop-filter:var(--gbf);border:var(--gbd)!important;box-shadow:var(--gsh);border-radius:var(--cr)!important}
#card[data-layout~=sections] .top{display:block;position:relative;padding:var(--cp)}
#card[data-layout~=sections] .lks{margin-top:1.25rem;gap:.75rem}
#card[data-layout~=sections] .lk{padding:.95rem 1.15rem!important}
#card[data-layout~=sections] .lk:hover{background:rgba(255,255,255,.12)!important;border-color:color-mix(in srgb,var(--a) 60%,transparent)!important;box-shadow:var(--gsh),0 0 24px color-mix(in srgb,var(--a) 40%,transparent)}
#card[data-layout~=sections] .ftr{margin-top:1.25rem}
/* Sections-Layouts: Pulse, Rahmen-Effekte und Invisible Mode pro Block */
#card[data-layout~=sections] .lk{position:relative}
#card[data-layout~=sections].glow-pulse::before{display:none}
#card[data-layout~=sections].glow-pulse .top,#card[data-layout~=sections].glow-pulse .lk{animation:bpulse 3s ease-in-out infinite}
@keyframes bpulse{0%,100%{box-shadow:var(--gsh)}50%{box-shadow:var(--gsh),0 0 0 1px color-mix(in srgb,var(--gc) 45%,transparent),0 0 28px color-mix(in srgb,var(--gc) 55%,transparent)}}
#card.ghost[data-layout~=sections] .top{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#card.ghost[data-layout~=sections] .lk{background:rgba(255,255,255,.07)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
#card[data-layout~=sections][data-ring] .top::before,#card[data-layout~=sections][data-ring] .lk::before,#card[data-layout~=sections][data-ring] .top::after,#card[data-layout~=sections][data-ring] .lk::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--rw,2px);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
#card[data-layout~=sections][data-ring] .top::before,#card[data-layout~=sections][data-ring] .lk::before{z-index:1}
#card[data-layout~=sections][data-ring] .top::after,#card[data-layout~=sections][data-ring] .lk::after{z-index:-1;filter:blur(var(--gb,14px));opacity:.9}
#card[data-layout~=sections][data-ring=nn] .top::before,#card[data-layout~=sections][data-ring=nn] .lk::before{background:var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#card[data-layout~=sections][data-ring=nn] .top::after,#card[data-layout~=sections][data-ring=nn] .lk::after{background:var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#card[data-layout~=sections][data-ring=rg] .top::before,#card[data-layout~=sections][data-ring=rg] .lk::before{background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot var(--rs,6s) linear infinite}
#card[data-layout~=sections][data-ring=rg] .top::after,#card[data-layout~=sections][data-ring=rg] .lk::after{background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot var(--rs,6s) linear infinite}
#card[data-layout~=sections][data-ring=gd] .top::before,#card[data-layout~=sections][data-ring=gd] .lk::before{background:conic-gradient(from var(--ang),var(--rc),var(--rc2),var(--rc));animation:rot var(--rs,6s) linear infinite}
#card[data-layout~=sections][data-ring=gd] .top::after,#card[data-layout~=sections][data-ring=gd] .lk::after{background:conic-gradient(from var(--ang),var(--rc),var(--rc2),var(--rc));animation:rot var(--rs,6s) linear infinite;opacity:.7}
#card[data-layout~=sections][data-ring=el] .top::before,#card[data-layout~=sections][data-ring=el] .lk::before{background:var(--rc);animation:elec calc(var(--rs,6s)*.12) linear infinite}
#card[data-layout~=sections][data-ring=el] .top::after,#card[data-layout~=sections][data-ring=el] .lk::after{background:var(--rc);animation:elec calc(var(--rs,6s)*.12) linear infinite}
#card[data-layout~=sections][data-ring=ds] .top::before,#card[data-layout~=sections][data-ring=ds] .lk::before{padding:0;-webkit-mask:none;mask:none;background:none;border:var(--rw,2px) dashed var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#card[data-layout~=sections][data-ring=ds] .top::after,#card[data-layout~=sections][data-ring=ds] .lk::after{padding:0;-webkit-mask:none;mask:none;background:none;border:var(--rw,2px) dashed var(--rc);animation:npulse var(--rs,6s) ease-in-out infinite}
#card[data-layout~=sections][data-ring=ho] .top::before,#card[data-layout~=sections][data-ring=ho] .lk::before{background:conic-gradient(from var(--ang),#a5f3fc,#f0abfc,#fde68a,#bbf7d0,#c7d2fe,#f5d0fe,#a5f3fc);opacity:.8;animation:rot var(--rs,6s) linear infinite,hshim calc(var(--rs,6s)*.5) ease-in-out infinite}
#card[data-layout~=sections][data-ring=ho] .top::after,#card[data-layout~=sections][data-ring=ho] .lk::after{background:conic-gradient(from var(--ang),#a5f3fc,#f0abfc,#fde68a,#bbf7d0,#c7d2fe,#f5d0fe,#a5f3fc);opacity:.45;animation:rot var(--rs,6s) linear infinite}
@media(prefers-reduced-motion:reduce){#card[data-layout~=sections][data-ring] .top::before,#card[data-layout~=sections][data-ring] .lk::before,#card[data-layout~=sections][data-ring] .top::after,#card[data-layout~=sections][data-ring] .lk::after,#card[data-layout~=sections].glow-pulse .top,#card[data-layout~=sections].glow-pulse .lk{animation:none!important}}
/* Karten-Aura: reines Leuchten außerhalb der Karte (Maske schneidet das Karteninnere aus, kein Rahmen) */
#aura{position:absolute;pointer-events:none;display:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#aura i{position:absolute;display:block;filter:blur(var(--ab,20px));background:var(--auc)}
#aura.au-soft i{opacity:.9}
#aura.au-rainbow i{background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot calc(6s*var(--ak,1)) linear infinite}
#aura.au-neonpulse i{animation:aupulse calc(1.6s*var(--ak,1)) ease-in-out infinite}
@keyframes aupulse{0%,100%{opacity:1}50%{opacity:.3}}
#aura.au-holo i{background:conic-gradient(from var(--ang),#a5f3fc,#f0abfc,#fde68a,#bbf7d0,#c7d2fe,#f5d0fe,#a5f3fc);animation:rot calc(9s*var(--ak,1)) linear infinite,auholo calc(5s*var(--ak,1)) ease-in-out infinite}
@keyframes auholo{0%,100%{filter:blur(var(--ab,20px)) hue-rotate(0deg) saturate(1)}50%{filter:blur(var(--ab,20px)) hue-rotate(70deg) saturate(1.5)}}
#aura.au-breath i{animation:aubreath calc(6s*var(--ak,1)) ease-in-out infinite}
@keyframes aubreath{0%,100%{opacity:.2;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
#aura.au-fire i{background:linear-gradient(0deg,#ff1e00,#ff5a00 40%,#ff9d00 70%,#ffd000);animation:aufire calc(1.3s*var(--ak,1)) steps(1) infinite,aufire2 calc(.45s*var(--ak,1)) ease-in-out infinite alternate}
@keyframes aufire{0%{opacity:1}13%{opacity:.72}22%{opacity:.95}37%{opacity:.6}48%{opacity:1}61%{opacity:.8}74%{opacity:.98}86%{opacity:.66}}
@keyframes aufire2{from{transform:translateY(0) scale(1,1)}to{transform:translateY(-3%) scale(1.02,1.05)}}
/* Avatar-Glow: neue Halo-Modi (nur Leuchten, ohne Ring) */
.av-halo::after,.av-rgb::after,.av-npulse::after{content:"";position:absolute;inset:calc(var(--ag)*-.35);border-radius:var(--avr,50%);filter:blur(var(--ag));opacity:var(--ao,.8);z-index:-1;background:var(--ac)}
.av-rgb::after{background:conic-gradient(from var(--ang),#ff3b6b,#ffb300,#e5ff00,#3bff7a,#22d3ee,#6366f1,#d946ef,#ff3b6b);animation:rot var(--as,5s) linear infinite}
.av-npulse::after{animation:avpulse calc(var(--as,5s)*.35) ease-in-out infinite}
@keyframes avpulse{0%,100%{opacity:var(--ao,.8);transform:scale(.96)}50%{opacity:calc(var(--ao,.8)*.3);transform:scale(1.14)}}
.av-drop .av-i{filter:drop-shadow(0 calc(var(--ag)*.3) var(--ag) var(--acs))}
.av-glow::before{opacity:var(--ao,1)}.av-rainbow::after{opacity:calc(var(--ao,.8)*.95)}
@media(prefers-reduced-motion:reduce){#aura i,.av-rgb::after,.av-npulse::after{animation:none!important}}
/* Banner Profile: Akzent-Banner oben, Avatar überlappt, alles linksbündig */
#card[data-layout~=banner]{--avs:5.5rem}
#card .bnr{position:absolute;left:0;right:0;top:0;height:var(--bh,100px);overflow:hidden;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;pointer-events:none;opacity:var(--bo,.7)}
#card .bnr>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
#card .bnr iframe{width:300%;height:300%;left:-100%;top:-100%;inset:auto}
#card.ghost .bnr{display:none}
#card[data-layout~=banner] .hd,#card[data-layout~=banner] .bio,#card[data-layout~=banner] .socs,#card[data-layout~=banner] .lks,#card[data-layout~=banner] .ftr,#card[data-layout~=banner] .brand{position:relative}
#card[data-layout~=banner] .hd{align-items:flex-start;text-align:left;margin-top:max(0px,calc(var(--bh,100px) - var(--avs,5.5rem)*var(--avk,1)*.55 - var(--cp,22px)))}
#card[data-layout~=banner] .hd-tx{align-items:flex-start}
#card[data-layout~=banner] .nmrow{justify-content:flex-start;margin-top:.8rem;font-size:1.4rem}
#card[data-layout~=banner] .bdrow,#card[data-layout~=banner] .socs{justify-content:flex-start}
#card[data-layout~=banner] .bio{margin-left:0;text-align:left;max-width:none}
#card[data-layout~=banner] .hd-tx .vw-in{justify-content:flex-start}
#card[data-layout~=banner] .av-i{box-shadow:0 0 0 4px rgba(12,11,20,.9)}
#card.ghost[data-layout~=banner] .av-i{box-shadow:none}
#card.ghost[data-layout~=banner] .hd{margin-top:0}
/* Banner Centered: wie Banner Profile, aber alles mittig wie Classic Center */
#card[data-layout~=bcenter] .hd{align-items:center;text-align:center}
#card[data-layout~=bcenter] .hd-tx{align-items:center}
#card[data-layout~=bcenter] .nmrow,#card[data-layout~=bcenter] .bdrow,#card[data-layout~=bcenter] .socs{justify-content:center}
#card[data-layout~=bcenter] .bio{margin-left:auto;margin-right:auto;text-align:center;max-width:20rem}
#card[data-layout~=bcenter] .hd-tx .vw-in{justify-content:center}
.pset{border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:.6rem;text-align:center;background:rgba(255,255,255,.03);color:#e4e4e7}
.pset:hover{background:rgba(255,255,255,.08)}
.pset.on{border-color:var(--a);box-shadow:inset 0 0 0 1px var(--a)}
#dash,#login,#lock{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.ctoast{position:fixed;z-index:100001;transform:translate(-50%,-100%);display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:9999px;background:rgba(10,10,16,.92);border:1px solid color-mix(in srgb,var(--a) 55%,rgba(255,255,255,.12));color:#fff;font-size:.8rem;font-weight:600;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--a) 35%,transparent);pointer-events:none;animation:ctpop 1.6s cubic-bezier(.2,.9,.2,1) forwards}
.ctoast svg{width:1rem;height:1rem;fill:none;stroke:var(--a);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:ckdraw .45s .12s ease forwards}
@keyframes ctpop{0%{opacity:0;transform:translate(-50%,-60%) scale(.8)}15%{opacity:1;transform:translate(-50%,-110%) scale(1)}80%{opacity:1;transform:translate(-50%,-130%) scale(1)}100%{opacity:0;transform:translate(-50%,-160%) scale(.96)}}
@keyframes ckdraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ctoast,.ctoast svg{animation:none!important}.ctoast svg{stroke-dashoffset:0}}
canvas{display:block}
#card{position:relative;transition:backdrop-filter .15s linear,-webkit-backdrop-filter .15s linear,background-color .15s linear}
.glow-pulse::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--gc,var(--a)),0 0 28px var(--gc,var(--a));opacity:.2;animation:cpulse 3s ease-in-out infinite}
@keyframes cpulse{50%{opacity:.85}}
.ov{position:absolute;inset:0;display:none;overflow:hidden}
.ov-grid{background-image:linear-gradient(color-mix(in srgb,var(--a) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--a) 22%,transparent) 1px,transparent 1px);background-size:48px 48px;animation:gflow 6s linear infinite;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}
.ov-grid::after,.ov-scan::after{content:"";position:absolute;left:0;right:0;height:30%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--a) 28%,transparent),transparent);animation:gband 5s linear infinite}
.ov-scan{background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.ov-scan::after{height:18%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06),transparent);animation-duration:7s}
.ov-vig{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.85) 100%)}
.ov-crt{background:repeating-linear-gradient(90deg,rgba(255,0,0,.07) 0 1px,rgba(0,255,0,.06) 1px 2px,rgba(0,0,255,.07) 2px 3px);mix-blend-mode:screen;box-shadow:inset 0 0 120px rgba(0,0,0,.6);animation:flick 4s steps(2) infinite}
.ov-neon i{position:absolute;background:var(--a);box-shadow:0 0 12px var(--a),0 0 28px var(--a);opacity:.08;animation:npulse 3.2s ease-in-out infinite}
.ov-neon i:nth-child(1){left:0;right:0;top:18%;height:1px}
.ov-neon i:nth-child(2){left:0;right:0;bottom:22%;height:1px;animation-delay:-1.1s}
.ov-neon i:nth-child(3){top:0;bottom:0;left:14%;width:1px;animation-delay:-2.2s}
.ov-neon i:nth-child(4){top:0;bottom:0;right:16%;width:1px;animation-delay:-.6s}
@keyframes gflow{to{background-position:0 48px,48px 0}}
@keyframes gband{from{top:-30%}to{top:100%}}
@keyframes npulse{0%,100%{opacity:.08}50%{opacity:.85}}
@keyframes flick{0%,100%{opacity:1}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.ov,.ov *,.ov::after,.glow-pulse::before{animation:none!important}}
html,body{overflow-x:hidden;overflow-x:clip} /* Aura/Glow darf nie seitliches Scrollen auf dem Handy auslösen */
#main{overflow-x:clip;padding-top:max(2.5rem,env(safe-area-inset-top));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}
#lock,#lock,


.ab svg{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--v) 70%,transparent))}

.kick-ico{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.125em}

.lk-srv{width:1.5rem;height:1.5rem;border-radius:.45rem;object-fit:cover;flex:none}
.lk-dc{display:flex;gap:.6rem;align-items:center;white-space:nowrap}
.lk-on{display:inline-flex;align-items:center;gap:.3rem}
.lk-on i{width:.45rem;height:.45rem;border-radius:50%;background:#23a55a;box-shadow:0 0 6px #23a55a}
.bd-frame{width:1.9rem;height:1.9rem;border-radius:.55rem;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 13%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--c) 25%,transparent),inset 0 0 8px color-mix(in srgb,var(--c) 12%,transparent);font-size:.95rem}
.bd-frame img{width:1.1rem;height:1.1rem}
.ob svg{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--v) 75%,transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--v) 35%,transparent))}
.lk-dcopt[hidden]{display:none!important}

/* Jetzt läuft (Spotify via Lanyard) */
.np{margin-top:14px}.np[hidden]{display:none!important}
.np-in{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:inherit;text-decoration:none;text-align:left;transition:border-color .2s,background .2s}
.np-in:hover{border-color:rgba(30,215,96,.45);background:rgba(30,215,96,.07)}
.np-cov{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;box-shadow:0 4px 18px rgba(0,0,0,.4)}
.np-txt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.np-lbl{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:#1ed760;font-weight:600;letter-spacing:.02em}
.np-sp{width:14px;height:14px;flex:none}
.np-song{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.np-art{font-size:.75rem;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-bar{position:relative;display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.12);margin-top:7px;overflow:hidden}
.np-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#1ed760;border-radius:3px;transition:width 1s linear}
.np-time{display:flex;justify-content:space-between;font-size:.62rem;opacity:.5;margin-top:3px;font-variant-numeric:tabular-nums}
.np-compact .np-in{padding:8px 12px;border-radius:999px}
.np-line{flex:1;min-width:0;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-eq{display:flex;align-items:flex-end;gap:2px;height:12px}
.np-eq i{width:3px;background:#1ed760;border-radius:2px;animation:npeq 1s ease-in-out infinite}
.np-eq i:nth-child(2){animation-delay:-.4s}.np-eq i:nth-child(3){animation-delay:-.7s}
@keyframes npeq{0%,100%{height:30%}50%{height:100%}}
.np-idle{font-size:.8rem;opacity:.7}
@media(prefers-reduced-motion:reduce){.np-eq i{animation:none;height:60%}}

/* Discord-Status (Lanyard) */
.ds-dot{position:absolute;right:4%;bottom:4%;z-index:3;width:max(12px,22%);height:max(12px,22%);max-width:26px;max-height:26px;border-radius:50%;border:3px solid #0b0b10;background:#80848e;box-sizing:border-box;cursor:default}
.ds-dot.ds-online{background:#23a55a;box-shadow:0 0 10px rgba(35,165,90,.6)}
.ds-dot.ds-idle{background:#f0b232;box-shadow:0 0 10px rgba(240,178,50,.5)}
.ds-dot.ds-dnd{background:#f23f43;box-shadow:0 0 10px rgba(242,63,67,.5)}
.ds-dot::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:rgba(10,10,16,.96);border:1px solid rgba(255,255,255,.14);padding:.25rem .6rem;border-radius:.5rem;font-size:.72rem;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.ds-dot:hover::after,.ds-dot:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.ds-deco{position:absolute;left:50%;top:50%;width:122%;height:122%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;max-width:none}
.ds-cs{display:flex;align-items:center;justify-content:inherit;gap:.35rem;margin-top:.35rem;font-size:.82rem;opacity:.8}
.ds-cs img{width:1.1em;height:1.1em}
#card[data-layout~=split] .ds-cs,#card[data-layout~=banner]:not([data-layout~=bcenter]) .ds-cs{justify-content:flex-start}
.ds-cs{justify-content:center}
.ds-box{margin-top:14px;display:flex;flex-direction:column;gap:8px}.ds-box[hidden]{display:none!important}
.ds-act,.ds-w{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:inherit;text-decoration:none;text-align:left}
a.ds-act:hover{border-color:rgba(145,70,255,.5)}
.ds-ic{position:relative;flex:none;width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.ds-ic>img:first-child{width:100%;height:100%;border-radius:10px;object-fit:cover}
.ds-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.ds-sm{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;border:2px solid #0b0b10;object-fit:cover}
.ds-tx{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25;font-size:.75rem}
.ds-tx>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-tx b{font-size:.88rem;font-weight:600}
.ds-tx>span:not(.ds-vb){opacity:.7}
.ds-vb{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.55}
.ds-tm{font-variant-numeric:tabular-nums;color:#23a55a;opacity:1!important}
.ds-wav{position:relative;flex:none;width:46px;height:46px}
.ds-wav>img:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ds-wdeco{position:absolute;left:50%;top:50%;width:122%;height:122%;transform:translate(-50%,-50%);pointer-events:none}
.ds-wav .ds-dot{width:14px;height:14px;right:-1px;bottom:-1px;border-width:2px}
.ds-wav .ds-dot::after{display:none}
.ds-btn{flex:none;padding:.35rem .75rem;border-radius:999px;background:#5865f2;color:#fff;font-size:.75rem;font-weight:600;text-decoration:none}
.ds-btn:hover{filter:brightness(1.1)}
/* Avatar-Dekos (privy) */
.dco{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;max-width:none}
.dco-b{z-index:0}.dco-f{z-index:2}
.av.has-dco .ds-deco{display:none}
.dco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dco-opt{display:grid;place-items:center;height:72px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.dco-opt:hover{border-color:rgba(255,255,255,.25)}
.dco-opt.on{border-color:var(--a);background:rgba(255,255,255,.08);box-shadow:0 0 0 1px var(--a) inset}
.dco-opt svg{overflow:visible}
.dco-none{width:30px;height:30px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);position:relative}
.dco-none::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:rgba(255,255,255,.35);transform:translateX(-50%) rotate(45deg)}
/* Discord-Vorschau im Editor */
.emb-chat{padding:12px;border-radius:12px;background:#313338;font-family:"gg sans","Noto Sans","Inter",ui-sans-serif,system-ui,sans-serif}
.emb{display:flex;gap:12px;max-width:100%;padding:8px 14px 14px 12px;border-radius:4px;border-left:4px solid #8b5cf6;background:#2b2d31}
.emb-main{min-width:0;flex:1}
.emb-site{margin-top:6px;font-size:12px;color:#b5bac1}
.emb-title{margin-top:6px;font-size:15px;font-weight:600;color:#00a8fc;word-break:break-word}
.emb-desc{margin-top:6px;font-size:13.5px;line-height:1.35;color:#dbdee1;white-space:pre-line;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.emb-img{display:block;width:100%;max-height:220px;margin-top:12px;border-radius:4px;object-fit:cover}
.emb-thumb{flex:none;width:72px;height:72px;margin-top:8px;border-radius:4px;object-fit:cover}
/* Premium */
.pm-tag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:.08rem .5rem .08rem .3rem;border-radius:999px;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(217,119,6,.12));border:1px solid rgba(250,204,21,.45);color:#fde68a;font-size:.64rem;font-weight:700;letter-spacing:.03em;vertical-align:1px;line-height:1.4}
.pm-note{margin:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(250,204,21,.3);background:rgba(250,204,21,.07);color:#fde68a;font-size:.75rem;line-height:1.45}
.pm-banner{display:flex;flex-direction:column;gap:3px;margin:10px 0 2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(250,204,21,.4);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(34,255,136,.06));font-size:.78rem;line-height:1.45;color:#fef3c7}
.pm-banner b{color:#fde68a;font-size:.82rem}
.pm-status{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:.8rem;line-height:1.45;color:#d4d4d8}
.pm-status.on{border-color:rgba(250,204,21,.45);background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(34,255,136,.07));color:#fef3c7}
.dco-img{z-index:2;object-fit:contain}
.dco-th{position:relative;display:grid;place-items:center;width:54px;height:54px}
.dco-th i{width:62%;height:62%;border-radius:50%;background:var(--a);opacity:.85}
.dco-th img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}

.pm-ico{width:13px;height:13px;flex:none;display:inline-block;vertical-align:-2px;filter:drop-shadow(0 0 4px rgba(250,204,21,.45))}
.pm-mini{display:inline-flex;margin-left:4px;vertical-align:-1px}
.pm-mini .pm-ico{width:12px;height:12px}
.pm-strip{display:flex;gap:9px;align-items:flex-start;margin:10px 0 2px;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:.74rem;line-height:1.45;color:#c4c4cc}
.pm-strip>.pm-ico{width:15px;height:15px;margin-top:1px}
.pm-strip b{color:#f4f4f5}
.pm-strip a{color:#fde68a;text-decoration:underline;white-space:nowrap}
.pm-strip.on{border-color:rgba(250,204,21,.35);background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(217,119,6,.04));color:#fef3c7}
.pm-strip.on b{color:#fde68a}
.pm-strip .pm-ico{vertical-align:-2px}

/* Auswahl im Editor */
.blook-p{display:flex;align-items:center;justify-content:center;gap:.3rem;height:1.9rem;font-size:1.1rem}
.blook-p .bx-pill{height:1.35rem;font-size:.62rem;padding:0 .45rem 0 .3rem}.blook-p .bx-pill svg{width:.8rem;height:.8rem}.blook-p .bx-pill.bx-ic{width:1.35rem;padding:0}
.blook-p .bx-seal{width:1.35rem;height:1.35rem}
.blook-p .bx-pill:not(.bx-ic):nth-child(2){display:none}
.blook{padding-left:.35rem!important;padding-right:.35rem!important}