/* v3.2 Aurora · Kristall-Galerie – Hintergrund aus eigenen Trichom-/Blütenfotos */
:root,:root[data-x]{color-scheme:dark;--bg:#07090d;--card:rgba(14,18,26,.55);--solid:#0e121a;--text:#eef3f6;--muted:#9fb0bb;--line:rgba(255,255,255,.12);
 --acc:#5ef0c8;--acc2:rgba(94,240,200,.12);--vio:#c9a8ff;--warn:#f5c26b;--warnbg:rgba(245,194,107,.12);--bad:#ff8a9a;--glow:0 0 26px rgba(40,200,170,.18);--r:16px}
html{background:#07090d}
body{background:radial-gradient(80% 50% at 10% 0%,rgba(40,200,170,.30) 0%,transparent 60%),radial-gradient(70% 50% at 100% 10%,rgba(170,90,255,.30) 0%,transparent 60%),#07090d fixed;
 font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
#aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#aurora img{position:absolute;max-width:none;user-select:none}
#aurora .l1{left:-10vw;top:0;width:max(130vw,520px);opacity:.16}
#aurora .l2{left:-15vw;top:40vh;width:max(130vw,520px);opacity:.20}
#aurora .l3{left:-10vw;bottom:0;width:max(130vw,500px);opacity:.20}
#aurora .l4{right:-10vw;top:5vh;width:min(44vw,240px);opacity:.30;transform:rotate(12deg)}
@media (min-width:760px){#aurora .l1,#aurora .l2,#aurora .l3{width:100vw;left:0}}
#aurora .l1,#aurora .l2,#aurora .l3{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 70%,transparent)}
#aurora .l1{-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
#aurora .l3{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%)}
body.nobg #aurora{display:none}
#top,main,#nav{position:relative;z-index:1}
#top{position:sticky;background:rgba(7,9,13,.45);border-bottom:1px solid var(--line);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
#nav{position:fixed;z-index:5;background:rgba(12,16,24,.55);border-top:1px solid var(--line);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.logo{color:var(--text);font-weight:500;letter-spacing:.5px}
.logo i{font-style:normal;color:var(--acc);text-shadow:0 0 22px rgba(94,240,200,.5)}
h2{font-weight:400;font-size:30px;letter-spacing:.3px}
h4{color:var(--vio);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}
.card,.tile,.gitem,.msg.assistant{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
.card.tap:active,.tile:active{box-shadow:var(--glow)}
.pcard .pcover{box-shadow:0 0 0 1px var(--line)}
.tile b{font-weight:400;font-size:16px}
button{color:#06231b}
button.ghost,.chips button,.btnlink,.mic,.seg{background:var(--acc2);color:var(--acc)}
.chips button.on{background:var(--acc);color:#06231b}
.seg button.on{background:rgba(255,255,255,.08);color:var(--text)}
.badge{background:transparent;border:1px solid var(--acc);color:var(--acc);font-weight:500}
.badge.warn{border-color:var(--warn)}
input,select,textarea{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}
select option{background:var(--solid)}
.sheet,.vh .sheet{background:rgba(14,18,26,.94);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#overlay{background:rgba(0,0,0,.55)}
.msg.user{color:#06231b}
.composer{background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.offer{background:rgba(14,18,26,.94)}
.cause,.empty{background:rgba(255,255,255,.03)}
.toast{background:#eef3f6;color:#07090d}
.spin{border-color:var(--acc2);border-top-color:var(--acc)}
.bgtoggle{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bgtoggle input{width:22px;height:22px}
@media (prefers-reduced-transparency:reduce){#aurora{display:none}}
a{color:var(--acc)}a:visited{color:var(--acc)}
.pwwrap{position:relative;display:block}.pwwrap input{padding-right:48px}
.pwwrap .eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;color:var(--muted);padding:8px;line-height:0}
.pwwrap .eye:active{color:var(--acc)}
/* v3.3 Design E · Bühne mit Coach & Maskottchen */
.hlogo{width:26px;height:28px;vertical-align:-7px;margin-right:6px;filter:drop-shadow(0 0 8px rgba(94,240,200,.35))}
.acc{color:var(--acc)}
.loginhero{text-align:center;padding:26px 0 8px}
.glowlogo{width:min(46vw,190px);filter:drop-shadow(0 0 26px rgba(94,240,200,.5)) drop-shadow(0 0 60px rgba(170,90,255,.3))}
.tagline{margin-top:10px;color:var(--muted);font-size:11px;letter-spacing:3px;text-transform:uppercase}
.stage{position:relative;height:300px;margin:-12px -16px 6px;overflow:hidden}
.stage .coachimg{position:absolute;right:-18px;bottom:0;height:290px;filter:drop-shadow(0 0 30px rgba(94,240,200,.35))}
.stage .stagetxt{position:absolute;left:16px;top:34px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:55%}
.stage .greet{font-size:27px;line-height:1.2;font-weight:400}
.stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(transparent,rgba(7,9,13,.75))}
@media (min-width:600px){.stage .coachimg{right:6%}}
.tile.hasm{position:relative;overflow:hidden;min-height:96px;padding-right:64px}
.tile img.m{position:absolute;right:-6px;bottom:-4px;height:76px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.mrow{display:flex;align-items:center;gap:10px}
img.mi{height:64px;flex:none}
.mascempty{display:flex;flex-direction:column;align-items:center;gap:6px;border-style:solid;border-color:var(--line)}
img.me{height:110px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.tipcard{display:flex;gap:10px;align-items:center}
img.tm{height:64px;flex:none}
/* v3.3 Community, Ideenschmiede, Rechtliches */
#nav button{position:relative;font-size:11px}
.dot{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-style:normal;font-weight:700;line-height:18px;text-align:center}
.dot.nd{position:absolute;top:2px;right:calc(50% - 22px)}
.cmsgs{max-height:58vh;overflow-y:auto;padding:4px 0;display:flex;flex-direction:column;gap:6px}
.cmsg{max-width:86%;padding:8px 11px;border-radius:14px 14px 14px 4px;background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cmsg.mine{align-self:flex-end;border-radius:14px 14px 4px 14px;background:rgba(94,240,200,.12);border-color:rgba(94,240,200,.25)}
.cmsg.hid{opacity:.6}
.ctext{margin:2px 0;white-space:normal;word-wrap:break-word}
.cact{display:flex;gap:10px;justify-content:flex-end}.cact .link{padding:0;opacity:.75;font-size:12px}
.stars button,.nps button{background:none;color:var(--warn);font-size:26px;padding:2px 4px}
.nps{display:flex;flex-wrap:wrap;gap:4px}.nps button{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:8px;min-width:32px;padding:6px 0}
.nps button.on{background:var(--acc);color:#06231b;border-color:var(--acc)}
.legallinks{text-align:center;margin:14px 0 6px;color:var(--muted)}.legallinks .link{display:inline;padding:0 2px}
label.acc1{align-items:center;gap:12px;text-align:left}label.acc1 span{color:var(--text);font-size:14px}
.md table{width:100%;border-collapse:collapse;font-size:12.5px}.md td,.md th{border-bottom:1px solid var(--line);padding:5px;vertical-align:top;text-align:left}
.card button.link.inl{display:inline;padding:0}
/* v3.4 Gemeinschaftswissen */
.gemlv label.chk{align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin:6px 0}
.gemlv input[type=radio]{width:22px;height:22px;flex:none}
.gemgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.gemgrid ul{padding-left:18px;margin:4px 0}
@media (max-width:420px){.gemgrid{grid-template-columns:1fr}}
button.gemtile{color:var(--text);font-weight:400;display:flex}
.ghost.on{background:var(--acc);color:#06231b}