/* Gründer-Reise · Urbanist, Mint = Aktion, Rot = Akzent. Seit v2: weiche Ecken, Gründling als Begleiter, kein Schwarz. */
:root{
  --bg:var(--surface-page); --panel:var(--surface-card); --panel2:var(--surface-light); --line:var(--border-soft);
  --ink:var(--text-default); --ink-dim:var(--neutral-9); --ink-mute:var(--text-muted);
  --accent:var(--mint-700); --accent-hover:color-mix(in srgb,var(--mint-700) 82%,var(--neutral-12)); --accent-soft:var(--mint-50);
  --brand:var(--red-500); --brand-strong:var(--red-650); --brand-soft:var(--red-50);
  /* Bereichsfarben */
  --c-red:var(--red-500); --c-red-soft:var(--red-50); --c-red-ink:var(--red-650);
  --c-blue:var(--blue-550); --c-blue-soft:var(--blue-50); --c-blue-ink:var(--blue-700);
  --c-mint:var(--mint-550); --c-mint-soft:var(--mint-50); --c-mint-ink:var(--mint-700);
  --c-warning:var(--warning-500); --c-warning-soft:var(--warning-50); --c-warning-ink:var(--warning-700);
  --c-community:var(--neutral-11);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.55 var(--font-sans)}
button,textarea,input{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
[hidden]{display:none !important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Bereichsfarbe je Element über data-c */
[data-c="red"]{--c:var(--c-red);--c-soft:var(--c-red-soft);--c-ink:var(--c-red-ink)}
[data-c="blue"]{--c:var(--c-blue);--c-soft:var(--c-blue-soft);--c-ink:var(--c-blue-ink)}
[data-c="mint"]{--c:var(--c-mint);--c-soft:var(--c-mint-soft);--c-ink:var(--c-mint-ink)}
[data-c="warning"]{--c:var(--c-warning);--c-soft:var(--c-warning-soft);--c-ink:var(--c-warning-ink)}
[data-c="community"]{--c:var(--c-community);--c-soft:var(--neutral-2);--c-ink:var(--neutral-11)}

/* Kopfzeile */
.top{display:flex;align-items:center;gap:14px;padding:18px 0 0}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none}
.eyebrow b{color:var(--brand)}
.top .spacer{flex:1}
.prog-pill{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--panel);border:1px solid var(--line);font-size:14px;font-weight:650;color:var(--ink-dim)}
.ring{--p:0;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ink);
  background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--neutral-3) 0);border-radius:50%;position:relative;font-variant-numeric:tabular-nums}
.ring::before{content:"";position:absolute;inset:4px;background:var(--panel);border-radius:50%}
.ring span{position:relative}
.menu-btn{white-space:nowrap;padding:8px 12px;border:1px solid var(--line);background:var(--panel);font-size:14px;font-weight:650;color:var(--ink-dim)}
.menu-btn:hover{border-color:var(--accent);color:var(--accent)}
.menu{position:absolute;right:24px;top:62px;z-index:20;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);min-width:240px;padding:6px}
.menu button{display:block;width:100%;text-align:left;padding:10px 12px;font-size:15px;font-weight:600}
.menu button:hover{background:var(--panel2)}
.menu .danger{color:var(--error-500)}

.who{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;font-weight:750;line-height:1.2}
.sync{font-size:12px;font-weight:650;color:var(--accent)}
.sync[data-s="pending"]{color:var(--ink-mute)}
.sync[data-s="offline"]{color:var(--error-500)}
.lbl-in{display:block;font-size:13px;font-weight:700;color:var(--ink-mute);margin:10px 0 0}
.lbl-in input{margin-top:4px}
.form-err{min-height:20px;margin-top:8px;font-size:14px;color:var(--error-500)}

/* Hero */
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;padding:40px 0 28px;align-items:end}
h1{margin:0;font-size:clamp(40px,5.6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--brand)}
.lead{font-size:19px;color:var(--ink-dim);margin:20px 0 0;max-width:34em}
.where{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:20px}
.where h2{margin:0 0 4px;font-size:19px;font-weight:750}
.where p{margin:0 0 12px;color:var(--ink-mute);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border:1px solid var(--line);background:var(--panel2);font-size:14px;font-weight:650;color:var(--ink-dim);transition:all var(--duration-fast)}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.on{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}
.where .hint{margin-top:12px;font-size:14px;color:var(--ink);min-height:1.5em}

/* Das Bild: die Reise */
.journey{position:relative;padding:22px 0 0}
.track{display:grid;grid-template-columns:repeat(4,1fr) .62fr;gap:18px;position:relative}
.track::before{content:"";position:absolute;left:4%;right:10%;top:62px;height:3px;background:repeating-linear-gradient(90deg,var(--neutral-4) 0 12px,transparent 12px 20px);z-index:0}
.stop{position:relative;z-index:1;text-align:left;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  padding:0 0 18px;display:flex;flex-direction:column;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base)}
.stop:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.stop .bar{height:6px;background:var(--c)}
.stop .num{position:absolute;top:14px;right:14px;font-size:12px;font-weight:800;color:var(--ink-mute);letter-spacing:.06em}
.stop .ic{width:64px;height:64px;margin:22px 20px 10px;display:grid;place-items:center;font-size:34px;background:var(--c-soft);border:2px solid var(--c)}
.stop h3{margin:0 20px;font-size:26px;font-weight:800;line-height:1.1}
.stop .sub{margin:2px 20px 0;font-size:14px;font-weight:650;color:var(--c-ink)}
.stop .claim{margin:10px 20px 14px;font-size:15px;color:var(--ink-dim);flex:1}
.stop .pbar{margin:0 20px;height:6px;background:var(--neutral-2);position:relative;overflow:hidden}
.stop .pbar i{position:absolute;inset:0 auto 0 0;background:var(--c);width:0;transition:width var(--duration-slow) var(--ease-out)}
.stop .pmeta{margin:6px 20px 0;font-size:13px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.stop .start-here{position:absolute;top:-12px;left:16px;background:var(--brand);color:var(--text-inverse);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;animation:bob 1.6s var(--ease-out) infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.stop.plus{border:2px dashed var(--neutral-4);background:transparent;box-shadow:none;align-items:center;justify-content:center;text-align:center;padding:24px 14px;color:var(--ink-mute)}
.stop.plus:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}
.stop.plus .big{font-size:40px;line-height:1;font-weight:300}
.stop.plus b{display:block;font-size:16px;margin-top:8px;color:var(--ink)}
.stop.plus span{font-size:13px}
.arrow{position:absolute;top:52px;z-index:2;width:22px;height:22px;display:grid;place-items:center;background:var(--bg);color:var(--neutral-6);font-size:16px;font-weight:800}

.fundament{margin-top:22px;background:var(--surface-dark);color:var(--text-inverse);padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;text-align:left;width:100%;
  transition:box-shadow var(--duration-base)}
.fundament:hover{box-shadow:var(--shadow-lg)}
.fundament .ic{font-size:34px}
.fundament h3{margin:0;font-size:24px;font-weight:800}
.fundament p{margin:2px 0 0;color:var(--neutral-4);font-size:15px}
.fundament .tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.fundament .tags span{padding:6px 10px;border:1px solid var(--neutral-9);font-size:13px;font-weight:650;color:var(--neutral-2)}
.fundament .soon{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-300);display:block;margin-bottom:2px}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 60px}
.how div{border-top:2px solid var(--ink);padding-top:12px}
.how b{display:block;font-size:17px}
.how p{margin:4px 0 0;color:var(--ink-dim);font-size:15px}

/* Bereichsansicht */
.area-head{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:26px 0 18px;border-bottom:2px solid var(--ink)}
.back{font-size:14px;font-weight:700;color:var(--ink-mute);padding:6px 0}
.back:hover{color:var(--accent)}
.area-head .ic{width:64px;height:64px;display:grid;place-items:center;font-size:34px;background:var(--c-soft);border:2px solid var(--c)}
.area-head h1{font-size:clamp(34px,4.4vw,52px)}
.area-head .sub{color:var(--c-ink);font-weight:700}
.area-head .intro{margin:6px 0 0;color:var(--ink-dim);max-width:46em}
.area-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.area-nav button{width:40px;height:40px;display:grid;place-items:center;font-size:20px;border:1px solid var(--line);background:var(--panel)}
.area-nav button.on{border:2px solid var(--c);background:var(--c-soft)}
.area-nav button:hover{border-color:var(--c)}

.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;padding:24px 0 60px;align-items:start}
.fields{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));margin-bottom:16px}
.field{display:grid;grid-template-columns:10px 1fr auto;gap:14px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);padding:14px 16px 14px 0;
  transition:box-shadow var(--duration-base),border-color var(--duration-base)}
.field:hover{box-shadow:var(--shadow-md)}
.field .stripe{align-self:stretch;background:var(--neutral-3)}
.field[data-s="dran"] .stripe{background:linear-gradient(var(--c) var(--pp),var(--neutral-3) 0)}
.field[data-s="erledigt"] .stripe{background:var(--c)}
.field[data-s="skip"] .stripe{background:repeating-linear-gradient(45deg,var(--neutral-3) 0 4px,transparent 4px 8px)}
.field[data-s="skip"] .name{color:var(--ink-mute);text-decoration:line-through;text-decoration-color:var(--neutral-5)}
.field .name{font-size:17px;font-weight:750;line-height:1.25}
.field .short{font-size:14px;color:var(--ink-mute)}
.field .badge{font-size:12px;font-weight:800;padding:3px 8px;background:var(--neutral-2);color:var(--ink-dim);white-space:nowrap;font-variant-numeric:tabular-nums}
.field[data-s="erledigt"] .badge{background:var(--c-soft);color:var(--c-ink)}
.field.sel{border:2px solid var(--c);box-shadow:var(--shadow-md);padding:13px 15px 13px 0}

.detail{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:16px}
.detail .dh{padding:18px 20px 0}
.detail h2{margin:0;font-size:26px;font-weight:800}
.detail .ov{margin:8px 0 0;color:var(--ink-dim)}
.detail h4{margin:16px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}
.detail ol{margin:0;padding-left:20px;color:var(--ink)}
.detail ol li{margin:4px 0}
.status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 20px;margin-top:16px;border-top:1px solid var(--line);background:var(--panel2)}
.status-row .lbl{font-size:13px;font-weight:700;color:var(--ink-mute);margin-right:4px}
.sbtn{padding:8px 12px;border:1px solid var(--line);background:var(--panel);font-size:14px;font-weight:700;color:var(--ink-dim)}
.sbtn:hover{border-color:var(--c)}
.sbtn.on{background:var(--c);border-color:var(--c);color:var(--text-inverse)}
.sbtn.on.skip{background:var(--neutral-8);border-color:var(--neutral-8)}
.slider{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}
.slider input{flex:1;accent-color:var(--accent)}
.slider output{font-weight:800;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.notes{padding:0 20px 18px}
.notes textarea{width:100%;min-height:76px;resize:vertical;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);font-size:15px}
.notes textarea:focus{outline:none;border-color:var(--accent);background:var(--panel)}
.notes small{color:var(--ink-mute);font-size:12px}

/* Chat */
.chat{position:sticky;top:16px;height:calc(100vh - 32px);min-height:520px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--surface-dark);color:var(--text-inverse);font-size:18px;flex:none}
.chat-head b{display:block;font-size:16px}
.chat-head small{display:block;font-size:13px;color:var(--ink-mute)}
.chat-head .mode{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px}
.mode.ai{background:var(--accent-soft);color:var(--accent)}
.mode.off{background:var(--neutral-2);color:var(--ink-mute)}
.chat-head .icon-btn{font-size:13px;font-weight:700;color:var(--ink-mute);padding:6px 8px}
.chat-head .icon-btn:hover{color:var(--accent)}
.msgs{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.m{max-width:88%;padding:11px 14px;font-size:15.5px;line-height:1.5;overflow-wrap:anywhere}
.m p{margin:0 0 8px}.m p:last-child{margin:0}
.m ul,.m ol{margin:4px 0 8px;padding-left:20px}
.m.bot{align-self:flex-start;background:var(--panel2);border-left:3px solid var(--c,var(--accent))}
.m.me{align-self:flex-end;background:var(--surface-dark);color:var(--text-inverse)}
.m.sys{align-self:center;background:transparent;color:var(--ink-mute);font-size:13px;text-align:center;max-width:100%}
.m.err{align-self:stretch;background:var(--surface-error);color:var(--error-700);font-size:14px}
.m .copy{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--ink-mute)}
.m .copy:hover{color:var(--accent)}
.typing{display:inline-flex;gap:4px}
.typing i{width:7px;height:7px;background:var(--neutral-6);border-radius:50%;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}
.quick .chip{background:var(--panel)}
.composer{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line)}
.composer textarea{flex:1;min-height:48px;max-height:180px;resize:none;padding:12px;background:var(--panel2);border:1px solid var(--line);font-size:16px;line-height:1.4}
.composer textarea:focus{outline:none;border-color:var(--accent);background:var(--panel)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:var(--accent);color:var(--text-inverse);font-weight:700;transition:background var(--duration-fast)}
.btn:hover{background:var(--accent-hover)}
.btn[disabled]{background:var(--neutral-4);cursor:default}
.btn.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.privacy{padding:0 16px 12px;font-size:12px;color:var(--ink-mute)}

/* Community-Ansicht */
.comm{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;padding:24px 0}
.citem{background:var(--panel);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px}
.citem .ic{font-size:30px}
.citem h3{margin:0;font-size:20px;font-weight:800}
.citem p{margin:0;color:var(--ink-dim);flex:1}
.lust{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);background:var(--panel2);font-weight:700;font-size:14px;color:var(--ink-dim)}
.lust:hover{border-color:var(--accent);color:var(--accent)}
.lust.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.lust b{font-variant-numeric:tabular-nums}

/* Dialoge */
.overlay{position:fixed;inset:0;z-index:50;background:var(--surface-overlay);display:flex;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:fade var(--duration-base)}
.overlay>.dialog{margin:auto}   /* zentriert, aber bei Überlänge scrollbar statt oben abgeschnitten */
@media (max-width:600px){ .overlay{padding:10px} .overlay>.dialog{padding:20px 18px} }
@keyframes fade{from{opacity:0}}
.dialog{background:var(--panel);max-width:560px;width:100%;box-shadow:var(--shadow-lg);padding:28px;position:relative;animation:pop var(--duration-slow) var(--ease-out)}
@keyframes pop{from{transform:translateY(12px) scale(.98);opacity:0}}
.dialog h2{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.15}
.dialog p{margin:0 0 12px;color:var(--ink-dim)}
.dialog .steps{display:flex;gap:6px;margin-bottom:18px}
.dialog .steps i{height:4px;flex:1;background:var(--neutral-3)}
.dialog .steps i.on{background:var(--brand)}
.dialog .row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;align-items:center}
.dialog .row .skip{margin-right:auto;font-size:14px;font-weight:650;color:var(--ink-mute)}
.dialog textarea,.dialog input[type=text],.dialog input[type=password]{width:100%;padding:12px;background:var(--panel2);border:1px solid var(--line);font-size:16px}
.mini-map{display:flex;align-items:center;gap:6px;margin:14px 0 6px;flex-wrap:wrap}
.mini-map span{padding:8px 10px;font-weight:800;font-size:14px;background:var(--c-soft);border-left:4px solid var(--c)}
.mini-map em{font-style:normal;color:var(--neutral-6);font-weight:800}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--surface-dark);color:var(--text-inverse);padding:12px 18px;font-weight:650;box-shadow:var(--shadow-lg);animation:pop var(--duration-slow) var(--ease-out)}

.celebrate{position:fixed;pointer-events:none;z-index:70;font-size:20px;animation:spark 0.9s var(--ease-out) forwards}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}}

/* Responsiv */
@media (max-width:1020px){
  .track{grid-template-columns:repeat(2,1fr)}
  .track::before,.arrow{display:none}
  .stop.plus{grid-column:span 2;flex-direction:row;gap:12px;padding:16px}
  .stop.plus b{margin:0}
  .workspace{grid-template-columns:1fr}
  .chat{position:relative;top:0;height:70vh}
  .hero{grid-template-columns:1fr;gap:24px}
  .fundament{grid-template-columns:auto 1fr}
  .fundament .tags{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:620px){
  .track{grid-template-columns:1fr}
  .stop.plus{grid-column:auto}
  .how{grid-template-columns:1fr}
  .area-head{grid-template-columns:auto 1fr}
  .area-nav{grid-column:1 / -1;justify-content:flex-start}
  .area-head{grid-template-columns:1fr}
  .area-head > .ic{display:none}
  .eyebrow{font-size:12px}
  .prog-pill .lbl{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* ── v2: weicher, Gründling, Inhalt im Vordergrund ─────────────────────────── */
:root{
  --r-lg:20px; --r-md:14px; --r-sm:10px;
  --deep:#1f5f63;                 /* tiefes Petrol statt Schwarz: hebt hervor, ohne hart zu sein */
  --deep-2:#2f7d7a;
  --deep-soft:#e7f3f1;
  --shadow-soft:0 1px 2px rgba(31,95,99,.06),0 6px 22px rgba(31,95,99,.08);
}
.prog-pill,.menu-btn,.chip,.where,.stop,.stop .ic,.stop .pbar,.fundament,.fundament .tags span,.area-head .ic,.area-nav button,
.field,.field .badge,.detail,.status-row,.sbtn,.notes textarea,.chat,.m,.composer textarea,.btn,.citem,.lust,.dialog,
.dialog textarea,.dialog input[type=text],.dialog input[type=password],.mini-map span,.toast,.menu,.m.err{border-radius:var(--r-md)}
.chip,.sbtn,.btn,.menu-btn,.lust,.field .badge{border-radius:var(--r-sm)}
.prog-pill{border-radius:999px}
.stop .bar{border-radius:var(--r-md) var(--r-md) 0 0}
.stop{overflow:hidden;box-shadow:var(--shadow-soft)}
.stop .start-here{border-radius:999px}
.stop .ic,.area-head .ic{border-radius:18px;border-width:0}
.menu{border-radius:var(--r-md)}
.menu button{border-radius:var(--r-sm)}
.status-row{border-radius:0}
.how div{border-top:2px solid var(--line)}
.area-head{border-bottom:1px solid var(--line)}

/* Fundament: Petrol statt Schwarz */
.fundament{background:linear-gradient(120deg,var(--deep) 0%,var(--deep-2) 100%);border-radius:var(--r-lg)}
.fundament p{color:#d6ebe8}
.fundament .tags span{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
.fundament .soon{color:var(--mint-200)}
.toast{background:var(--deep)}
.m.me{background:var(--deep);color:#fff}

/* Startseite: Gründling begrüßt */
.hero{align-items:center}
.anika-card{display:grid;grid-template-columns:200px 1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);overflow:hidden}
.anika-card .portrait{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:50% 20%;display:block}
.anika-card .speech{padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}
.anika-card .speech p{margin:0;color:var(--ink-dim);font-size:16px}
.anika-card .hi{font-size:22px !important;font-weight:800;color:var(--ink) !important;line-height:1.2}
.anika-card .hint{font-size:14px;color:var(--ink);min-height:1.2em}
.anika-card .btn{align-self:flex-start}
.ai-note{font-size:12px;color:var(--ink-mute)}

/* Kopfzeile: Gründling-Knopf */
.anika-btn{display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14px;font-weight:750;color:var(--ink);box-shadow:var(--shadow-soft);transition:box-shadow var(--duration-base),transform var(--duration-base)}
.anika-btn img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--mint-300)}
.anika-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(31,95,99,.18)}
body.chat-open .anika-btn{background:var(--deep-soft);border-color:var(--deep-2)}

/* Bereich: Feldliste links, Inhalt groß */
.area-head .intro{font-size:15px;max-width:52em}
.workspace{grid-template-columns:250px minmax(0,1fr);gap:28px;padding:24px 0 60px}
.fields{display:flex;flex-direction:column;gap:4px;margin:0;position:sticky;top:16px}
.field{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid transparent;background:transparent;box-shadow:none}
.field:hover{background:var(--panel);box-shadow:none;border-color:var(--line)}
.field .dot{width:12px;height:12px;border-radius:50%;background:var(--neutral-3);box-shadow:inset 0 0 0 2px var(--neutral-4)}
.field[data-s="dran"] .dot{background:conic-gradient(var(--c) var(--pp),var(--neutral-3) 0);box-shadow:none}
.field[data-s="erledigt"] .dot{background:var(--c);box-shadow:none}
.field[data-s="skip"] .dot{background:transparent;box-shadow:inset 0 0 0 2px var(--neutral-4)}
.field .name{font-size:15.5px;font-weight:700}
.field .badge{background:transparent;padding:0;font-size:12px;color:var(--ink-mute)}
.field[data-s="erledigt"] .badge{background:transparent;color:var(--c-ink)}
.field.sel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:10px 12px}
.field.sel .name{color:var(--c-ink)}
.field.sel::after{content:none}

.detail{border-radius:var(--r-lg);box-shadow:var(--shadow-soft);overflow:hidden}
.detail .dh{padding:28px 32px 0}
.detail .kicker{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink)}
.detail h2{font-size:clamp(28px,3vw,36px);margin:4px 0 0;line-height:1.15}
.detail .ov{font-size:18px;line-height:1.6;color:var(--ink-dim);margin:12px 0 0;max-width:42em}
.status-row{padding:16px 32px}
.notes{padding:0 32px 26px}
.notes h4{margin-top:22px}
.notes textarea{min-height:120px;font-size:16px;border-radius:var(--r-md)}

/* Gründling fragt: Einstieg in die Reflexion */
.asks{display:grid;grid-template-columns:56px 1fr;gap:14px;margin:24px 32px 0;align-items:start}
.asks .face{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--c-soft)}
.asks .bubble{position:relative;background:var(--c-soft);border-radius:4px var(--r-lg) var(--r-lg) var(--r-lg);padding:16px 18px}
.asks .who-says{margin:0;font-size:13px;color:var(--c-ink)}
.asks .bubble > p{margin:2px 0 10px;color:var(--ink-dim);font-size:15px}
.qlist{display:flex;flex-direction:column;gap:8px}
.q{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--panel);border:1px solid transparent;border-radius:var(--r-md);padding:12px 14px;font-size:16px;font-weight:650;line-height:1.4;color:var(--ink);transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}
.q span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--c-soft);color:var(--c-ink)}
.q:hover{border-color:var(--c);transform:translateX(2px);box-shadow:var(--shadow-soft)}
.talk{margin-top:10px;font-size:14px;font-weight:700;color:var(--c-ink)}
.talk:hover{text-decoration:underline}

/* Notizen: Speichern und Hinweis */
.btn.small{padding:8px 14px;font-size:14px}
.save-row{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.saved{font-size:13px;color:var(--ink-mute)}
.saved.ok{color:var(--accent);font-weight:700}
.saved.warn{color:var(--warning-700);font-weight:700}
.ask-hint{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px 8px 8px;background:var(--deep-soft);border-radius:var(--r-md);font-size:14px;animation:pop var(--duration-slow) var(--ease-out)}
.ask-hint img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.ask-hint span{flex:1}

/* Gründling-Gespräch als Panel von rechts */
.drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(560px,calc(100vw - 24px));height:auto;min-height:0;z-index:40;border-radius:var(--r-lg);
  transform:translateX(calc(100% + 24px));transition:transform var(--duration-slow) var(--ease-out);box-shadow:0 20px 60px rgba(31,95,99,.25)}
body.chat-open .drawer{transform:none}
.drawer-shade{position:fixed;inset:0;z-index:39;background:rgba(31,95,99,.18);opacity:0;pointer-events:none;transition:opacity var(--duration-slow)}
body.chat-open .drawer-shade{opacity:1;pointer-events:auto}
.chat-head .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:none}
.chat-head .close{font-size:16px}
.m.bot{border-left:0;background:var(--c-soft,var(--panel2));border-radius:4px var(--r-md) var(--r-md) var(--r-md)}
.m.me{border-radius:var(--r-md) 4px var(--r-md) var(--r-md)}
.composer textarea{border-radius:var(--r-md)}

@media (max-width:900px){
  .workspace{grid-template-columns:1fr}
  .fields{position:static;flex-direction:row;flex-wrap:wrap}
  .field{grid-template-columns:12px auto auto}
  .chat.drawer{position:fixed;height:auto}
  .anika-card{grid-template-columns:1fr}
  .anika-card .portrait{height:240px;min-height:0}
  .anika-btn span{display:none}
  .anika-btn{padding:3px}
  .detail .dh,.notes{padding-left:20px;padding-right:20px}
  .status-row{padding:14px 20px}
  .asks{margin:20px 20px 0;grid-template-columns:40px 1fr}
  .asks .face{width:40px;height:40px}
}
@media (max-width:1020px){ .chat.drawer{position:fixed;top:12px;height:auto} }
.hero{grid-template-columns:1fr 1.1fr;gap:40px}
.anika-card{grid-template-columns:180px 1fr}
@media (max-width:1020px){.hero{grid-template-columns:1fr}}

/* Panel geschlossen: ganz weg, auch der Schatten */
.drawer{visibility:hidden;transition:transform var(--duration-slow) var(--ease-out),visibility 0s linear var(--duration-slow)}
body.chat-open .drawer{visibility:visible;transition:transform var(--duration-slow) var(--ease-out),visibility 0s}

/* Rechte Spalte der Reise: Nachbar „Rahmen“ und klein „Was fehlt dir?“ */
.side-stops{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.stop.mini{padding:14px 16px;text-decoration:none;color:inherit}
.stop.neighbor{flex:1;background:var(--deep-soft);border:1px solid #cfe4e1}
.stop.neighbor .tag{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--deep);background:#fff;border-radius:999px;padding:2px 8px}
.stop.neighbor .ic{width:44px;height:44px;margin:0 0 8px;font-size:24px;background:#fff;border-radius:14px}
.stop.neighbor h3{margin:0;font-size:20px}
.stop.neighbor .sub{margin:2px 0 0;font-size:12.5px;color:var(--deep)}
.stop.neighbor .claim{margin:8px 0 0;font-size:13px;color:var(--ink-dim)}
.stop.neighbor:hover{border-color:var(--deep-2)}
.stop.mini.plus{flex:none;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start;text-align:left;padding:10px 14px}
.stop.mini.plus .big{font-size:26px}
.stop.mini.plus b{margin:0;font-size:14px}
.stop.mini.plus span{font-size:12px}
@media (max-width:1020px){ .side-stops{grid-column:span 2;flex-direction:row} .side-stops > *{flex:1} }
@media (max-width:620px){ .side-stops{grid-column:auto;flex-direction:column} }
@media (max-width:620px){
  .top{flex-wrap:wrap;row-gap:10px;gap:10px}
  .eyebrow{flex-basis:100%}
  .top .spacer{display:none}
  .who{margin-right:auto;align-items:flex-start}
  .prog-pill{padding:4px}
  .menu-btn{padding:8px 10px}
}

/* ── v3: Antworten je Frage, Mach dich schlau ─────────────────────────── */
.qprog{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;font-weight:700;color:var(--c-ink)}
.qbar{flex:1;max-width:220px;height:6px;border-radius:999px;background:rgba(255,255,255,.7);overflow:hidden}
.qbar i{display:block;height:100%;width:0;background:var(--c);border-radius:999px;transition:width var(--duration-slow) var(--ease-out)}
.qcard{background:var(--panel);border-radius:var(--r-md);padding:12px 14px;border:1px solid transparent;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}
.qcard:hover,.qcard.open{border-color:var(--c);box-shadow:var(--shadow-soft)}
.qtop{display:flex;gap:12px;align-items:flex-start}
.qn{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--c-soft);color:var(--c-ink)}
.qcard.done .qn{background:var(--c);color:#fff}
.qt{font-size:16px;font-weight:650;line-height:1.4;padding-top:2px}
.qans{margin:8px 0 0 38px;padding:8px 12px;background:var(--panel2);border-radius:var(--r-sm);font-size:15px;color:var(--ink-dim);white-space:pre-wrap}
.qinp{display:block;width:calc(100% - 38px);margin:10px 0 0 38px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:15px;resize:vertical}
.qinp:focus{outline:none;border-color:var(--c);background:var(--panel)}
.qact{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin:8px 0 0 38px}
.qlink{font-size:13.5px;font-weight:700;color:var(--c-ink);padding:2px 0}
.qlink:hover{text-decoration:underline}
.qlist{gap:8px}

.learn{margin:22px 32px 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel2),var(--panel))}
.learn:empty{display:none}
.learn-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}
.learn-head b{font-size:17px}
.learn-head span{font-size:14px;color:var(--ink-mute)}
.ltabs{display:flex;flex-wrap:wrap;gap:8px}
.ltab{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14.5px;font-weight:700;color:var(--ink-dim);transition:all var(--duration-fast)}
.ltab span{font-size:16px}
.ltab:hover{border-color:var(--c);color:var(--c-ink)}
.ltab.on{background:var(--c-soft);border-color:var(--c);color:var(--c-ink)}
.lbody{margin-top:14px;animation:pop var(--duration-slow) var(--ease-out)}
.ltext{font-size:16.5px;line-height:1.7;color:var(--ink);max-width:44em}
.ltext p{margin:0 0 12px}
.ltext ul,.ltext ol{margin:0 0 12px;padding-left:22px}
.lfoot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:13px;color:var(--ink-mute)}

.story{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center}
.scard{position:relative;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 28px;border-radius:var(--r-lg);background:var(--c-soft);animation:pop var(--duration-slow) var(--ease-out)}
.semoji{font-size:64px;line-height:1;margin-bottom:12px}
.sstep{position:absolute;top:12px;right:16px;font-size:12px;font-weight:800;color:var(--c-ink)}
.scard h3{margin:0 0 6px;font-size:22px;font-weight:800}
.scard p{margin:0;font-size:16.5px;color:var(--ink-dim);max-width:30em}
.snav{width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line);font-size:26px;line-height:1;color:var(--c-ink)}
.snav:hover:not([disabled]){border-color:var(--c)}
.snav[disabled]{opacity:.35;cursor:default}
.sdots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.sdots button{width:9px;height:9px;border-radius:50%;background:var(--neutral-4);padding:0}
.sdots button.on{background:var(--c);width:24px;border-radius:999px}

.listen{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.listen img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.listen b{display:block;font-size:16px}
.listen span{font-size:13px;color:var(--ink-mute)}
.lbody audio{width:100%;border-radius:999px}
.transcript{margin-top:10px;font-size:14.5px;color:var(--ink-dim)}
.transcript summary{cursor:pointer;font-weight:700;color:var(--c-ink);font-size:13.5px}
.transcript p{margin:6px 0}

.links{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.lcard{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color var(--duration-fast),transform var(--duration-fast)}
.lcard:hover{border-color:var(--c);transform:translateY(-2px)}
.lcard b{font-size:15.5px}
.lcard .lang{font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--c-soft);color:var(--c-ink);vertical-align:middle}
.lcard span{font-size:14px;color:var(--ink-dim)}
.lcard small{font-size:12px;color:var(--ink-mute)}
@media (max-width:900px){
  .learn{margin:18px 20px 0}
  .story{grid-template-columns:36px 1fr 36px}
  .snav{width:36px;height:36px}
  .qinp,.qans{margin-left:0;width:100%}
  .qact{margin-left:0}
}

/* Links im Gespräch: kleine Wegweiser zu Stationen */
.m a.go{display:inline-block;margin:2px 2px;padding:2px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--c,var(--accent));color:var(--c-ink,var(--accent));font-weight:750;font-size:14px;text-decoration:none;white-space:nowrap}
.m a.go:hover{background:var(--c,var(--accent));color:#fff}
.stop{overflow:visible}
.stop .bar{border-radius:var(--r-md) var(--r-md) 0 0}

/* ── Handy ──────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .wrap{padding:0 16px}
  /* Gründling-Karte: Avatar oben, Text volle Breite */
  .anika-card{grid-template-columns:1fr}
  .anika-card .portrait{display:none}
  .anika-card .speech{padding:18px}
  .anika-card .hi{display:flex;align-items:center;gap:12px}
  .anika-card .hi::before{content:"";flex:none;width:56px;height:56px;border-radius:50%;background:url(assets/anika/anika-avatar.jpg?v=2) center/cover;box-shadow:0 0 0 3px var(--mint-100)}
  .anika-card .chips .chip{flex:1 1 auto}
  .anika-card .btn{align-self:stretch}
  /* Stationen: kompakte Zeilen */
  .track{grid-template-columns:1fr;gap:12px}
  .stop{display:grid;grid-template-columns:52px 1fr;column-gap:14px;align-items:center;padding:16px 16px 14px}
  .stop .bar{position:absolute;left:0;top:0;bottom:0;width:6px;height:auto;border-radius:var(--r-md) 0 0 var(--r-md)}
  .stop .ic{grid-row:1 / span 3;width:52px;height:52px;margin:0;font-size:28px}
  .stop h3{margin:0;font-size:21px}
  .stop .sub{margin:0;font-size:13px}
  .stop .claim{margin:2px 0 0;font-size:14px;grid-column:2}
  .stop .pbar,.stop .pmeta{grid-column:1 / -1;margin-left:0;margin-right:0}
  .stop .pbar{margin-top:12px}
  .stop .num{top:12px;right:12px}
  .stop .start-here{top:-10px;left:auto;right:12px}
  .side-stops{grid-column:auto;flex-direction:column}
  .stop.neighbor{display:grid}
  .stop.neighbor .ic{grid-row:1 / span 3}
  .stop.mini.plus{display:flex}
  .fundament{padding:18px}
  .fundament h3{font-size:20px}
  /* Bereich */
  .area-head{padding:16px 0 12px;gap:10px}
  .area-head h1{font-size:34px}
  .area-head .intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
  .fields{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .fields::-webkit-scrollbar{display:none}
  .field{flex:none;grid-template-columns:10px auto auto;padding:8px 12px;border:1px solid var(--line);background:var(--panel);border-radius:999px}
  .field.sel{padding:8px 12px;border-color:var(--c);background:var(--c-soft)}
  .field .name{font-size:14px;white-space:nowrap}
  .workspace{gap:12px;padding-top:12px}
  .detail .dh{padding:20px 18px 0}
  .detail .ov{font-size:16px}
  .learn{margin:16px 12px 0;padding:14px}
  .ltab{padding:8px 12px;font-size:14px}
  .story{grid-template-columns:1fr 1fr;row-gap:10px}
  .scard{grid-column:1 / -1;grid-row:1;min-height:200px;padding:22px 18px}
  .snav{grid-row:2;justify-self:start}
  .snav[data-sd="1"]{justify-self:end}
  .semoji{font-size:52px}
  .asks{margin:16px 12px 0;grid-template-columns:1fr}
  .asks .face{display:none}
  .asks .bubble{border-radius:var(--r-lg);padding:14px}
  .qcard{padding:12px}
  .qt{font-size:15.5px}
  .status-row{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px}
  .status-row .lbl{grid-column:1 / -1}
  .status-row .slider{grid-column:1 / -1;min-width:0}
  .notes{padding:0 18px 20px}
  /* Gespräch: bildschirmfüllend */
  .drawer{top:0;right:0;bottom:0;left:0;width:100%;border-radius:0;transform:translateY(100%)}
  .quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
  .quick::-webkit-scrollbar{display:none}
  .quick .chip{flex:none;white-space:nowrap}
  .composer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
  .composer textarea{font-size:16px}
  .chat-head{padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top))}
  .privacy{display:none}
  .m{max-width:92%}
  .how{margin:28px 0 40px}
}
@media (max-width:620px){
  .hero{padding:18px 0 10px;gap:18px}
  h1{font-size:38px}
  .lead{font-size:16px;margin-top:12px}
}
@media (max-width:900px){ .chat.drawer{top:0;right:0;bottom:0;left:0;width:100%;height:auto;border-radius:0} }

/* ── Werkzeugkasten ─────────────────────────────────────────────────── */
.stop.mini.tools{flex:none;display:flex;flex-direction:row;gap:10px;align-items:center;padding:10px 14px;background:var(--panel);border:1px solid var(--line)}
.stop.mini.tools .ic{width:34px;height:34px;margin:0;font-size:20px;background:var(--neutral-2);border-radius:10px;display:grid;place-items:center}
.stop.mini.tools b{display:block;font-size:14px}
.stop.mini.tools span:not(.ic){font-size:12px;color:var(--ink-mute)}
.stop.mini.tools:hover{border-color:var(--deep-2)}
.tbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px 0 4px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:14px;padding:14px 0 60px}
.tgrid.in{padding:0}
.tload{color:var(--ink-mute)}
.tcard{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-soft)}
.ttop{display:flex;justify-content:space-between;align-items:center}
.tcat{font-size:12px;font-weight:800;color:var(--ink-mute)}
.tnew{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--brand);color:#fff;border-radius:999px;padding:2px 8px}
.tcard h3{margin:0;font-size:18px;line-height:1.25}
.tcard h3 a{color:inherit;text-decoration:none}
.tcard h3 a:hover{color:var(--deep-2)}
.tcard p{margin:0;font-size:14.5px;color:var(--ink-dim);flex:1}
.tfits{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tfits small{font-size:12px;color:var(--ink-mute);margin-right:2px}
.tfit{font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--deep-soft);color:var(--deep);text-decoration:none}
.tfit:hover{background:var(--deep);color:#fff}
.tsrc{font-size:12px;color:var(--ink-mute)}

/* ── Meine Projekte: Notizbuch je Vorhaben ───────────────────────────────── */
.proj-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-sm);font-size:14px;font-weight:700;color:var(--ink-dim);text-decoration:none;white-space:nowrap}
.proj-btn:hover{border-color:var(--deep-2);color:var(--deep)}
.pbadge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;line-height:1}
.proj-btn .pbadge{position:absolute;top:-8px;right:-8px;animation:bob 1.6s var(--ease-out) infinite}
.pj-head-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pj-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;padding:24px 0 60px}
.pj-card{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;text-decoration:none;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-soft);transition:transform var(--duration-base),box-shadow var(--duration-base)}
.pj-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.pj-card h3{margin:0;font-size:22px;font-weight:800}
.pj-card p{margin:0;color:var(--ink-dim);font-size:15px;flex:1}
.pj-card.has-pending{border:2px solid var(--brand)}
.pj-bell{display:block;margin:-4px 0 4px;padding:8px 10px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong);font-size:13px;font-weight:700}
.pj-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--ink-mute);flex-wrap:wrap}
.faces{display:flex}
.faces i,.pj-face i,.mic i,.treply>i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--deep-soft);color:var(--deep);font-size:11px;font-weight:800;font-style:normal;border:2px solid var(--panel)}
.faces i+i{margin-left:-8px}
.pj-new{align-items:center;justify-content:center;border:2px dashed var(--neutral-4);background:transparent;box-shadow:none;color:var(--ink-mute);min-height:160px}
.pj-new span{font-size:40px;font-weight:300;line-height:1}
.pj-empty{display:flex;gap:18px;align-items:flex-start;max-width:640px;margin:36px auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-soft)}
.pj-empty img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.pj-empty p{color:var(--ink-dim);margin:6px 0 14px}
.pj-members{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.pj-face{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink-dim)}

.pj{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(320px,390px);gap:20px;padding:20px 0 60px;align-items:start}
.pj-src{position:sticky;top:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-soft);max-height:calc(100vh - 32px);overflow:auto}
.pj-src-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.src{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px;border-radius:var(--r-sm);border:1px solid transparent}
.src:hover{background:var(--panel2)}
.src.on{background:var(--deep-soft);border-color:var(--deep-2)}
.src .sic{font-size:18px;line-height:1.3}
.src b{display:block;font-size:14px;line-height:1.3;word-break:break-word}
.src small{display:block;font-size:12px;color:var(--ink-mute)}
.src-empty{font-size:14px;color:var(--ink-mute);margin:4px 0 10px}
.src-cap{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.src-cap .qbar{display:block;height:5px;background:var(--neutral-2);border-radius:99px;overflow:hidden}
.src-cap .qbar i{display:block;height:100%;background:var(--deep-2)}
.src-cap small{font-size:11px;color:var(--ink-mute)}

.pj-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);min-width:0}
.pj-tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--line);overflow-x:auto}
.pj-tabs button{padding:10px 9px;font-size:13.5px;font-weight:700;color:var(--ink-mute);border-bottom:3px solid transparent;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.pj-tabs button small{font-weight:650;color:var(--ink-mute)}
.pj-tabs button.on{color:var(--deep);border-bottom-color:var(--deep)}
.pj-body{padding:18px 22px 24px;min-height:420px}
.pj-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink-mute);margin-bottom:14px}
.pj-bar span{flex:1;min-width:200px}
.pj-doc-title{margin:0 0 10px;font-size:24px;font-weight:800}
.pj-doc{font-size:16px;line-height:1.65;color:var(--ink)}
.pj-doc p{margin:0 0 10px}
.pj-doc ul,.pj-doc ol{margin:4px 0 12px;padding-left:22px}
.pj-doc .muted,.muted{color:var(--ink-mute)}
.sel-hint{margin-top:18px;font-size:13px;color:var(--ink-mute);border-top:1px dashed var(--line);padding-top:10px}
.sb-edit{width:100%;min-height:360px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);font:500 15px/1.6 var(--font-sans)}
.qlink.danger{color:var(--error-500)}
mark.cmark{background:var(--warning-50);box-shadow:inset 0 -2px 0 var(--warning-500);color:inherit;cursor:pointer;border-radius:3px;padding:0 1px}
mark.cmark.k-frage{background:var(--blue-50);box-shadow:inset 0 -2px 0 var(--blue-550)}
mark.cmark.k-vorschlag{background:var(--mint-50);box-shadow:inset 0 -2px 0 var(--mint-550)}
mark.cmark.pending{background:var(--red-50);box-shadow:inset 0 -2px 0 var(--brand)}
mark.cmark.flash{animation:flash 1.4s}
@keyframes flash{0%,60%{background:var(--warning-500)}}

.sel-fab{position:fixed;z-index:45;display:flex;gap:2px;padding:4px;background:var(--deep);border-radius:999px;box-shadow:0 8px 24px rgba(31,95,99,.35)}
.sel-fab button{color:#fff;font-size:13px;font-weight:700;padding:7px 11px;border-radius:999px;white-space:nowrap}
.sel-fab button:hover{background:rgba(255,255,255,.16)}

.mem{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mem li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start;padding:10px 12px;background:var(--panel2);border-radius:var(--r-md)}
.mem li.muted{display:block}
.mem .mic img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.mem p{margin:0;font-size:15px}
.mem small{font-size:12px;color:var(--ink-mute)}
.mem-add{display:flex;gap:8px;margin-bottom:14px}
.mem-add input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:15px}

.threads{display:flex;flex-direction:column;gap:12px}
.thread{border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;background:var(--panel)}
.thread.pending{border:2px solid var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.thread.closed{opacity:.7}
.thread header{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.thread header small{color:var(--ink-mute);font-size:12px}
.tart{font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--warning-50);color:var(--warning-700)}
.tart.a-frage{background:var(--blue-50);color:var(--blue-700)}
.tart.a-vorschlag{background:var(--mint-50);color:var(--mint-700)}
.tnew{margin-left:auto;font-size:12px;font-weight:800;color:#fff;background:var(--brand);padding:2px 8px;border-radius:999px}
.tdone{margin-left:auto;font-size:12px;font-weight:700;color:var(--success-500)}
.thread blockquote,.cquote{margin:10px 0 6px;padding:6px 10px;border-left:3px solid var(--neutral-4);color:var(--ink-dim);font-size:14px;background:var(--panel2);border-radius:0 var(--r-sm) var(--r-sm) 0;cursor:pointer;max-height:7.5em;overflow:hidden}
.thread blockquote.del{text-decoration:line-through;text-decoration-color:var(--error-500)}
.thread .ins{margin:0 0 6px;padding:6px 10px;border-left:3px solid var(--mint-550);background:var(--mint-50);font-size:14px;border-radius:0 var(--r-sm) var(--r-sm) 0;white-space:pre-wrap}
.sb-prop{margin:8px 0;font-size:14px}
.sb-prop summary{cursor:pointer;font-weight:700;color:var(--mint-700)}
.sb-prop .pj-doc{margin-top:8px;padding:12px;background:var(--mint-50);border-radius:var(--r-sm);font-size:14px}
.ttext{margin:6px 0;white-space:pre-wrap}
.treply{display:grid;grid-template-columns:30px 1fr;gap:8px;margin:8px 0 0 12px;font-size:14px}
.treply p{margin:2px 0 0;white-space:pre-wrap}
.treply small{color:var(--ink-mute)}
.tvotes{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tv{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--neutral-2);color:var(--ink-mute)}
.tv.dafuer{background:var(--success-50);color:var(--success-500)}
.tv.dagegen{background:var(--error-50);color:var(--error-500)}
.tv.gesehen{background:var(--deep-soft);color:var(--deep)}
.tact{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.rbtn{font-size:13px;font-weight:700;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-dim)}
.rbtn:hover{border-color:var(--deep-2)}
.rbtn.on{background:var(--deep);border-color:var(--deep);color:#fff}
.treply-form{display:flex;gap:8px;margin-top:8px}
.treply-form textarea{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:14px;resize:vertical}
.done-threads{margin-top:18px}
.done-threads summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--ink-mute);margin-bottom:10px}
.dialog.wide{max-width:680px}
.in-dialog .thread{border:0;padding:0}
.small-note{font-size:13px !important;color:var(--ink-mute) !important;margin-top:10px !important}
.dialog .chips{margin-bottom:6px}
.dialog label.lbl-in textarea{margin-top:4px}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;border:2px dashed var(--neutral-4);border-radius:var(--r-md);text-align:center;cursor:pointer;margin-top:10px}
.drop.over,.drop:hover{border-color:var(--deep-2);background:var(--deep-soft)}
.drop input{position:absolute;width:1px;height:1px;opacity:0}
.drop span{font-size:13px;color:var(--ink-mute)}
.sfiles{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.sfile{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:6px 10px;background:var(--panel2);border-radius:var(--r-sm)}
.sfile small{color:var(--ink-mute)}
.sfile.ok small{color:var(--success-500)}
.sfile.bad small{color:var(--error-500)}
.share-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 14px;max-height:320px;overflow:auto}
.share-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);background:var(--panel2)}
.menu-list{display:flex;flex-direction:column;gap:4px}
.menu-list button{text-align:left;padding:10px 12px;border-radius:var(--r-sm);font-weight:650}
.menu-list button:hover{background:var(--panel2)}
.menu-list .danger{color:var(--error-500)}

.pj-chat{position:sticky;top:16px;height:calc(100vh - 32px);min-height:520px;border-radius:var(--r-lg)}
.pj-chat .msgs{user-select:text}

@media (max-width:1180px){
  .pj{grid-template-columns:240px minmax(0,1fr)}
  .pj>*{min-width:0}
  .pj-chat{grid-column:1/-1;position:static;height:640px}
}
@media (max-width:760px){
  .pj{grid-template-columns:minmax(0,1fr)}
  .pj-src{position:static;max-height:none}
  .pj-body{padding:14px}
  .proj-btn span{display:none}
  .pj-top{grid-template-columns:auto 1fr}
  .pj-top .pj-head-act{grid-column:1/-1;justify-content:flex-start}
  .sel-fab button{padding:7px 8px;font-size:12px}
}

/* ── Aufträge: Gründling arbeitet ────────────────────────────────────────────── */
.m.live{background:transparent !important;padding:0;max-width:100%;width:100%}
.jcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-soft)}
.jcard.writing{padding:8px 12px;margin-bottom:8px}
.jc-top{display:flex;align-items:center;gap:12px}
.jc-orb{position:relative;flex:none;width:40px;height:40px;border-radius:50%}
.jc-orb img{width:40px;height:40px;border-radius:50%;object-fit:cover;position:relative;z-index:1}
.jc-orb::before,.jc-orb::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--mint-400);animation:jc-pulse 1.8s var(--ease-out) infinite}
.jc-orb::after{animation-delay:.9s}
.jcard.writing .jc-orb,.jcard.writing .jc-orb img{width:28px;height:28px}
@keyframes jc-pulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.jc-what{flex:1;min-width:0;display:flex;flex-direction:column}
.jc-what b{font-size:15px;line-height:1.3}
.jc-what small{font-size:12px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.jc-x{font-size:12px;font-weight:700;color:var(--ink-mute);padding:4px 8px;border-radius:var(--r-sm)}
.jc-x:hover{color:var(--error-500);background:var(--error-50)}
.jc-steps{list-style:none;display:flex;gap:4px;margin:12px 0 0;padding:0}
.jc-steps li{flex:1;font-size:11px;font-weight:700;color:var(--ink-mute);padding-top:8px;border-top:4px solid var(--neutral-3);border-radius:2px;text-align:center}
.jc-steps li.done{border-color:var(--mint-550);color:var(--mint-700)}
.jc-steps li.on{border-color:var(--mint-400);color:var(--ink);background:linear-gradient(90deg,transparent,rgba(33,204,173,.12),transparent) 0 0/200% 100%;animation:jc-shine 1.6s linear infinite}
@keyframes jc-shine{to{background-position:-200% 0}}
.jc-hint{margin:10px 0 0;font-size:12px;color:var(--ink-mute)}
.live-text{background:var(--c-soft,var(--panel2));border-radius:4px var(--r-md) var(--r-md) var(--r-md);padding:10px 14px}
.live-text p{margin:0 0 8px}.live-text p:last-child{margin:0}
.live-text::after{content:"▍";color:var(--mint-550);animation:blink 1s infinite}
.job-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--mint-300);background:var(--mint-50);color:var(--mint-700);font-size:13px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
.job-pill[data-s="done"]{background:var(--success-50);border-color:var(--success-500);color:var(--success-500);animation:bob 1.6s var(--ease-out) infinite}
.job-pill[data-s="fail"]{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}
.jp-orb{width:10px;height:10px;border-radius:50%;background:var(--mint-500);box-shadow:0 0 0 0 rgba(33,204,173,.6);animation:jp 1.4s infinite}
@keyframes jp{70%{box-shadow:0 0 0 8px rgba(33,204,173,0)}100%{box-shadow:0 0 0 0 rgba(33,204,173,0)}}

/* ── Fokus: Gespräch füllt die Seite ─────────────────────────────────────── */
body.chat-focus{overflow:hidden}
body.chat-focus .drawer{top:0;right:0;bottom:0;left:0;width:auto;border-radius:0;box-shadow:none}
body.chat-focus .pj-chat{position:fixed;inset:0;z-index:41;height:auto;min-height:0;border-radius:0;border:0;box-shadow:none}
body.chat-focus .chat .msgs,body.chat-focus .chat .quick,body.chat-focus .chat .composer,body.chat-focus .chat .privacy{padding-left:max(16px,calc((100% - 880px)/2));padding-right:max(16px,calc((100% - 880px)/2))}
body.chat-focus .chat .chat-head{padding-left:max(16px,calc((100% - 880px)/2));padding-right:max(16px,calc((100% - 880px)/2))}
body.chat-focus .chat .m{font-size:17px;line-height:1.6;max-width:100%}
body.chat-focus .chat .m.me{max-width:80%}
body.chat-focus .drawer-shade{opacity:1;pointer-events:auto}
[data-focus-btn]{white-space:nowrap}
@media (max-width:760px){.job-pill{padding:6px 9px;font-size:12px}}

/* ── Zwei Ebenen: Ich und Projekt ────────────────────────────────────────── */
[data-c="petrol"]{--c:var(--deep-2);--c-soft:var(--deep-soft);--c-ink:var(--deep)}
.who{display:flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:4px 6px 4px 4px;border-radius:999px;border:1px solid transparent}
.who:hover{border-color:var(--line);background:var(--panel)}
.who .face{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--deep-soft);flex:none;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--red-300)}
.who .face img{width:100%;height:100%;object-fit:cover}
.who .face i{font-style:normal;font-weight:800;color:var(--deep)}
.who-txt{display:flex;flex-direction:column;line-height:1.15}
.ring.sm{width:30px;height:30px;font-size:10px}
.ring.sm::before{inset:3px}
.prog-pill{cursor:pointer}
.prog-pill:hover{border-color:var(--deep-2)}
.prog-pill .lbl{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prog-pill .caret{font-size:11px;color:var(--ink-mute)}
#ring2{background:conic-gradient(var(--deep-2) calc(var(--p)*1%),var(--neutral-3) 0)}
.proj-switch{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--deep-soft);color:var(--deep);font-size:13px;font-weight:750;border:1px solid transparent}
.proj-switch:hover{border-color:var(--deep-2)}
.lvl{font-size:13px;color:var(--ink-mute);font-weight:650}
.notes h4 small{font-weight:600;color:var(--ink-mute);font-size:12px;margin-left:6px}

.track{grid-template-columns:1fr 4.3fr .7fr}
.track::before{display:none}
.lane{position:relative;border:2px dashed var(--deep-soft);border-radius:var(--r-lg);padding:10px 12px 12px;background:linear-gradient(180deg,rgba(231,243,241,.55),transparent 60%)}
.lane-head{display:flex;align-items:center;gap:10px;margin:0 2px 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.lane-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lane .stop h3{font-size:22px}
.lane .stop .ic{width:54px;height:54px;font-size:28px;margin:18px 16px 8px}
.lane .stop h3,.lane .stop .sub,.lane .stop .claim,.lane .stop .pbar,.lane .stop .pmeta{margin-left:16px;margin-right:16px}
@media (max-width:1020px){.track{grid-template-columns:1fr}.lane-stops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.lane-stops{grid-template-columns:1fr}.prog-pill .lbl{display:none}.who-txt{display:none}}

.sugg{display:flex;align-items:center;gap:12px;margin:14px 20px 0;padding:10px 12px;border-radius:var(--r-md);background:var(--deep-soft);border:1px solid var(--mint-300)}
.sugg img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.sugg div{flex:1;display:flex;flex-direction:column}
.sugg span{font-size:13px;color:var(--ink-dim)}
.sugg-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.sugg-list>b{font-size:14px}
.sugg-list .sugg{margin:0}
.chapters{display:flex;flex-direction:column;gap:14px}
.chap{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.chap-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.chap-h .ic{font-size:20px}
.chap-h b{min-width:80px}
.chap-h .pbar,.pf-chap-h .pbar,.pj-card>.pbar,.pf-proj .pbar{flex:1;height:7px;background:var(--neutral-2);border-radius:99px;overflow:hidden;display:block}
.chap-h .pbar i,.pf-chap-h .pbar i,.pj-card>.pbar i,.pf-proj .pbar i{display:block;height:100%;background:var(--c,var(--deep-2));border-radius:99px}
.chap-h small{font-weight:750;min-width:40px;text-align:right}
.chap-f,.pf-frow{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:7px 8px;border-radius:var(--r-sm);font-size:14px;text-decoration:none;color:inherit}
.chap-f:hover,a.pf-frow:hover{background:var(--panel2)}
.chap-f small,.pf-frow small{color:var(--ink-mute);white-space:nowrap}
.chap-f[data-s="erledigt"] small,.pf-frow[data-s="erledigt"] small{color:var(--success-500);font-weight:700}
.chap-f[data-s="dran"] small,.pf-frow[data-s="dran"] small{color:var(--deep);font-weight:700}

/* Profil */
.pf-head{grid-template-columns:auto 1fr auto}
.pf-face{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--deep-soft);flex:none}
.pf-face img{width:100%;height:100%;object-fit:cover}
.pf-face i{font-style:normal;font-weight:800;font-size:18px;color:var(--deep)}
.pf-face.big{width:112px;height:112px}
.pf-face.big i{font-size:38px}
.pf-photo{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.pf-photo span:last-child{font-size:12px;font-weight:700;color:var(--ink-mute)}
.pf-photo:hover span:last-child{color:var(--accent)}
.pf-ring{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pf-ring small{font-size:12px;color:var(--ink-mute);max-width:120px}
.ring.big{width:86px;height:86px;font-size:20px}
.ring.big::before{inset:8px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0 60px;align-items:start}
.pf-grid.one{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
.pf-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.pf-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-soft)}
.pf-card h3{margin:0 0 4px;font-size:19px;font-weight:800}
.pf-card h3 small{font-size:12px;font-weight:650;color:var(--ink-mute);margin-left:6px}
.pf-note{margin:0 0 12px;font-size:13px;color:var(--ink-mute)}
.pf-card textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:15px;resize:vertical}
.pf-field{display:block;margin-bottom:12px}
.pf-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;font-size:14px}
.pf-vis{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--mint-50);color:var(--mint-700)}
.pf-vis.priv{background:var(--neutral-2);color:var(--ink-mute)}
.pf-chap{margin-bottom:12px}
.pf-chap-h{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.pf-chap-h b{min-width:64px}
.pf-chap-h small{font-weight:750}
.pf-proj{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--r-md);background:var(--panel2);text-decoration:none;color:inherit;margin-bottom:8px}
.pf-proj small{font-size:12px;color:var(--ink-mute)}
.pf-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;padding:22px 0 60px}
.pf-person{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform var(--duration-base)}
.pf-person:hover{transform:translateY(-2px)}
.pf-person p{margin:2px 0 6px;font-size:14px;color:var(--ink-dim)}
.pf-person small{font-size:12px;color:var(--deep);font-weight:650}
.pj-card>.pbar{margin-top:2px}
.menu-list button.on{background:var(--deep-soft)}
.menu-list button small{display:block;font-size:12px;color:var(--ink-mute);font-weight:600}
@media (max-width:900px){.pf-grid{grid-template-columns:1fr}.pf-head{grid-template-columns:auto 1fr}.pf-ring{display:none}}
.pf-note a{color:var(--deep);font-weight:700}

/* ── Projekt-Thema: Farbe und dezenter Hintergrund ───────────────────────── */
html.proj-on{
  --bg:color-mix(in srgb,var(--proj) 7%,#fbfaf8);
  --accent:var(--proj); --accent-hover:color-mix(in srgb,var(--proj) 78%,#000);
  --deep:var(--proj); --deep-2:color-mix(in srgb,var(--proj) 80%,#fff); --deep-soft:color-mix(in srgb,var(--proj) 12%,#fff);
  --accent-soft:var(--deep-soft);
  background:var(--bg);
  transition:background-color .5s ease;
}
html.proj-on body{background:transparent}
html.proj-on body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:var(--proj-img) center bottom/cover no-repeat;opacity:var(--proj-op,.18);
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 35%,transparent 90%);mask-image:linear-gradient(to top,#000 0%,#000 35%,transparent 90%);
  animation:fade .6s ease}
html.proj-on body::after{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:var(--proj);z-index:35}
html.proj-on .chat .m.bot{background:var(--deep-soft)}
.prog-pill.themed{border-color:var(--proj);background:color-mix(in srgb,var(--proj) 9%,#fff)}
.prog-pill.themed .lbl{color:var(--proj)}
.prog-pill.themed #ring2{background:conic-gradient(var(--proj) calc(var(--p)*1%),var(--neutral-3) 0)}
.lane.themed{border-color:color-mix(in srgb,var(--proj) 35%,transparent);background:color-mix(in srgb,var(--proj) 6%,transparent);overflow:hidden}
.lane.themed::before{content:"";position:absolute;inset:0;background:var(--proj-img) center bottom/cover no-repeat;opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 85%);mask-image:linear-gradient(to top,#000 20%,transparent 85%)}
.lane.themed .lane-head,.lane.themed .lane-head .proj-switch{color:var(--proj)}
.lane.themed .proj-switch{background:color-mix(in srgb,var(--proj) 14%,#fff)}
.lane>*{position:relative}
.pj-card.themed{overflow:hidden;border-top:5px solid var(--proj)}
.pj-card.themed::before{content:"";position:absolute;inset:0;background:var(--proj-img) center bottom/cover no-repeat;opacity:.13;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 80%);mask-image:linear-gradient(to top,#000 10%,transparent 80%)}
.pj-card.themed>*{position:relative}
.pj-card.themed h3{color:var(--proj)}
.pj-card .pbar{display:block;height:6px;background:var(--neutral-2);border-radius:99px;overflow:hidden}
.pj-card .pbar i{display:block;height:100%;background:var(--proj,var(--deep-2))}

/* Aussehen-Dialog */
.swatches{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.sw{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;display:grid;place-items:center;font-weight:800;color:var(--ink-mute)}
.sw.on{box-shadow:0 0 0 3px var(--ink)}
.sw.custom{background:conic-gradient(#e5484d,#f5a524,#30a46c,#0091ff,#8e4ec6,#e5484d);color:#fff;position:relative;overflow:hidden}
.sw.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:6px 0 4px}
.bgopt{display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:4px;border-radius:var(--r-sm);border:2px solid var(--line);cursor:pointer;background:var(--panel)}
.bgopt span{height:54px;border-radius:8px;background:var(--panel2) center bottom/cover no-repeat;display:grid;place-items:center;font-size:20px}
.bgopt small{font-size:12px;font-weight:700;text-align:center}
.bgopt.on{border-color:var(--proj,var(--accent))}

/* Übersicht (Dashboard) */
.dash-hero{display:flex;align-items:center;gap:18px;padding:4px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}
.dash-now{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}
.dash-now b{font-size:18px}
.dash-now>span:not(.alive){font-size:14px;color:var(--ink-dim)}
.alive{align-self:flex-start;margin-top:4px;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}
.alive.a-hi{background:var(--success-50);color:var(--success-500)}
.alive.a-mid{background:var(--mint-50);color:var(--mint-700)}
.alive.a-lo{background:var(--warning-50);color:var(--warning-700)}
.alive.a-zz{background:var(--neutral-2);color:var(--ink-mute)}
.spark{display:flex;align-items:flex-end;gap:3px;height:44px;width:150px}
.spark i{flex:1;min-height:3px;background:var(--deep-2);border-radius:3px 3px 0 0;opacity:.85}
.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dcard{border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;background:var(--panel);min-width:0}
.dcard.wide{grid-column:1/-1}
.dcard h3{margin:0 0 10px;font-size:16px;font-weight:800}
.dcard h3 small{font-weight:650;color:var(--ink-mute);font-size:12px;margin-left:6px}
.steps-l{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.steps-l li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--panel2)}
.steps-l li.done .st{text-decoration:line-through;color:var(--ink-mute)}
.steps-l .st{flex:1;font-size:15px}
.steps-l .st small{display:block;font-size:11px;text-decoration:none;color:var(--ink-mute)}
.chk{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--deep-2);display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px}
.chk.on{background:var(--deep-2)}
.by-anika{font-style:normal;font-size:11px;font-weight:800;color:var(--mint-700);background:var(--mint-50);padding:1px 6px;border-radius:999px}
.wer{font-size:12px;font-weight:750;color:var(--deep);background:var(--deep-soft);padding:2px 8px;border-radius:999px}
#stepAdd select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);padding:0 8px;font-size:14px}
.dstat{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-sm)}
.dstat:hover{background:var(--panel2)}
.dstat b{font-size:22px;min-width:30px;font-variant-numeric:tabular-nums;color:var(--deep)}
.dstat span{font-size:14px;color:var(--ink-dim)}
.dstat.hot b{color:var(--brand)}
.dchap{display:flex;align-items:center;gap:10px;width:100%;padding:6px 4px;border-radius:var(--r-sm)}
.dchap:hover{background:var(--panel2)}
.dchap>span:first-child{min-width:96px;text-align:left;font-weight:700;font-size:14px}
.dchap .pbar{flex:1;height:7px;background:var(--neutral-2);border-radius:99px;overflow:hidden;display:block}
.dchap .pbar i{display:block;height:100%;background:var(--c);border-radius:99px}
.dchap small{font-weight:750;min-width:36px;text-align:right}
.feed{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:8px}
.feed li{display:flex;gap:10px;font-size:14px;line-height:1.35}
.feed small{display:block;color:var(--ink-mute);font-size:12px}
.team{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.tm{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700}
.tm .pf-face{width:34px;height:34px}
.tm small{font-weight:600;color:var(--ink-mute)}
@media (max-width:760px){.dash-grid{grid-template-columns:1fr}.spark{width:100%}}
.dash-hero{flex-wrap:nowrap}
.dash-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dash-side .spark{width:120px;height:38px}
.dash-side small{font-size:11px;color:var(--ink-mute)}
@media (max-width:760px){.dash-hero{flex-wrap:wrap}.dash-side{width:100%;align-items:stretch}.dash-side .spark{width:100%}}

/* ── Quellen-Grundlage und Gründlings Vorarbeit (vier Augen) ─────────────────── */
.pbar{position:relative}
.pbar>b{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:color-mix(in srgb,var(--c,var(--deep-2)) 28%,transparent);
  background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}
.pbar>i{position:relative;z-index:1}
.stop .pbar>i{position:absolute}
.kitxt{color:var(--mint-700);font-weight:750}
html.proj-on .kitxt{color:color-mix(in srgb,var(--proj) 80%,#000)}
.kib{font-style:normal;font-size:11px;font-weight:800;color:var(--mint-700);background:var(--mint-50);padding:1px 6px;border-radius:999px;margin-left:4px;border:1px dashed var(--mint-400)}
.ring.dual,#ring2{background:conic-gradient(var(--accent) calc(var(--p)*1%),color-mix(in srgb,var(--accent) 28%,#fff) 0 calc(var(--k,0)*1%),var(--neutral-3) 0)}
.prog-pill.themed #ring2{background:conic-gradient(var(--proj) calc(var(--p)*1%),color-mix(in srgb,var(--proj) 28%,#fff) 0 calc(var(--k,0)*1%),var(--neutral-3) 0)}
.dash-rings{display:flex;flex-direction:column;align-items:center;gap:4px}
.dash-rings small{font-size:11px;color:var(--ink-mute)}
.legend{display:block;margin-top:2px}
.legend i{display:inline-block;width:18px;height:8px;border-radius:4px;vertical-align:middle;margin:0 4px 0 8px}
.lg-me{background:var(--deep-2)}
.lg-ki{background:color-mix(in srgb,var(--deep-2) 28%,transparent);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}

.grundlage{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-bottom:12px;border-radius:var(--r-md);border:2px solid color-mix(in srgb,var(--deep-2) 45%,transparent);background:color-mix(in srgb,var(--deep-soft) 70%,#fff)}
.grundlage.leer{border-style:dashed}
.gl-ic{font-size:26px}
.grundlage>div:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.grundlage small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--deep)}
.grundlage b{font-size:17px}
.grundlage span{font-size:13px;color:var(--ink-dim)}
.gl-act{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.btn.voraus{background:linear-gradient(120deg,var(--deep),color-mix(in srgb,var(--deep) 70%,#21ccad));margin-bottom:12px}
.btn.voraus.block{width:100%;justify-content:center;margin-top:8px}
.btn.voraus[disabled]{opacity:.5}
.kijob:empty{display:none}
.kijob{margin:8px 0 12px}
.src.r-primaer{border:2px solid color-mix(in srgb,var(--deep-2) 50%,transparent);background:color-mix(in srgb,var(--deep-soft) 60%,#fff)}
.src.r-pausiert{opacity:.55}
.rtag{display:block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--deep);margin-bottom:1px}
.rolebar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 12px;font-size:13px;color:var(--ink-mute)}
.rolebar .chip{padding:5px 10px;font-size:13px}
.rolebar .chip.on{background:var(--deep);border-color:var(--deep)}
.kisum{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--panel2);margin-bottom:16px}
.kisum-n{display:flex;flex-direction:column}
.kisum-n b{font-size:24px;font-variant-numeric:tabular-nums}
.kisum-n.ki b{color:var(--mint-700)}
.kisum-n small{font-size:12px;color:var(--ink-mute)}
.kisum-t{font-size:14px;color:var(--ink-dim)}
.kisum-t small{display:block;font-size:12px;color:var(--ink-mute);margin-top:4px}
.kisum .kijob,.kisum .voraus{grid-column:1/-1;margin:0}
@media (max-width:760px){.kisum{grid-template-columns:1fr 1fr}.kisum-t{grid-column:1/-1}.grundlage{flex-wrap:wrap}.gl-act{flex-direction:row}}

/* Im Feld: Gründlings Vorschlag ist hell und gestrichelt, eure Antwort kräftig */
.kibox{margin:16px 20px 0;padding:12px 14px;border-radius:var(--r-md);border:1.5px dashed var(--mint-400);background:linear-gradient(120deg,rgba(233,250,247,.8),rgba(255,255,255,.6))}
.kibox p{margin:8px 0 4px;font-size:14px;color:var(--ink-dim)}
.kibox p small{color:var(--ink-mute)}
.kibars{display:flex;flex-direction:column;gap:4px}
.kibars .pbar{display:block;height:9px;background:var(--neutral-2);border-radius:99px;overflow:hidden}
.kibars .pbar>i{display:block;height:100%;background:var(--c,var(--deep-2));border-radius:99px}
.kibars small{font-size:13px}
.qcard.kiq{border:1.5px dashed var(--mint-400);background:rgba(233,250,247,.55)}
.kians{margin:8px 0 0 38px}
.kians p{margin:4px 0 6px;color:var(--ink-dim);font-style:italic}
.kitag{font-size:11px;font-weight:800;color:var(--mint-700);letter-spacing:.02em}
.pj-src .jcard{padding:10px 12px}
.pj-src .jc-steps,.pj-src .jc-hint,.pj-src .jc-x{display:none}
.pj-src .jc-what b{font-size:13px}
.legend i:first-child{margin-left:0}

/* ── Gründling-ID, Lebenszeichen, Protokoll, Auftragsseite ───────────────────── */
.jc-id{color:var(--deep);font-weight:800;text-decoration:none}
.jc-id:hover{text-decoration:underline}
.jc-alive{color:var(--success-500);font-weight:700}
.jc-alive.stale{color:var(--warning-700)}
.jc-log{list-style:none;margin:10px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:var(--panel2);font-size:12.5px;color:var(--ink-dim);display:flex;flex-direction:column;gap:3px;max-height:120px;overflow:auto}
.jc-log li{display:flex;gap:8px}
.jc-log time,.jlog time{flex:none;font-variant-numeric:tabular-nums;color:var(--ink-mute)}
.jc-log li:last-child{color:var(--ink);font-weight:650}
.pj-src .jc-log{display:none}
.chat-head a.icon-btn{text-decoration:none}
.jobs-page{padding:20px 0 60px;display:flex;flex-direction:column;gap:10px}
.jobs-page h3{margin:12px 0 4px;font-size:18px}
.jobs-page h3 small{font-size:13px;color:var(--ink-mute);font-weight:650}
.jrow{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}
.jrow.s-laeuft,.jrow.s-angenommen,.jrow.s-warten{border:2px solid var(--mint-400)}
.jrow summary{display:flex;align-items:center;gap:10px;cursor:pointer;flex-wrap:wrap;list-style:none}
.jrow summary::-webkit-details-marker{display:none}
.jst{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;background:var(--panel2)}
.s-fertig .jst{background:var(--success-50);color:var(--success-500)}
.s-fehler .jst,.s-abgebrochen .jst{background:var(--warning-50);color:var(--warning-700)}
.s-laeuft .jst{background:var(--mint-50);color:var(--mint-700);animation:blink 1.2s infinite}
.jart{font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--deep-soft);color:var(--deep)}
.jq{flex:1;min-width:160px;font-size:14px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jrow summary small{font-size:12px;color:var(--ink-mute)}
.jrow .jcard{margin-top:10px}
.jerr{margin:10px 0 0;color:var(--warning-700);font-size:14px}
.jres{margin-top:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--success-50);font-size:14px}
.jres p{margin:2px 0 0}
.jlog{margin:10px 0 0;padding-left:0;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:3px;border-left:2px solid var(--line);padding-left:10px}
.jlog li{display:flex;gap:10px}
.jgo{margin-top:8px}

/* Passwort-Felder mit Auge */
.pwwrap{position:relative;display:block;margin-top:4px}
.pwwrap input{width:100%;padding-right:46px !important}
.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--r-sm);font-size:17px;line-height:1;display:grid;place-items:center}
.eye:hover{background:var(--panel2)}
.dialog input[type=text].pw-shown{font-family:inherit}
.pwrules{list-style:none;margin:8px 0 2px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pwrules li{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--neutral-2);color:var(--ink-mute)}
.pwrules li::before{content:"○ "}
.pwrules li.ok{background:var(--success-50);color:var(--success-500)}
.pwrules li.ok::before{content:"✓ "}
#pfPw{font-size:inherit;padding:0}

/* ── Gründlings Übersicht ────────────────────────────────────────────────────── */
.ao{display:flex;flex-direction:column;gap:14px}
.ao-hi{display:flex;align-items:center;gap:14px;padding:4px 2px}
.ao-face{position:relative;flex:none;width:58px;height:58px}
.ao-face img{width:58px;height:58px;border-radius:50%;object-fit:cover;position:relative;z-index:1;box-shadow:0 0 0 3px var(--panel)}
.ao-face.busy::before,.ao-face.busy::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--mint-400);animation:jc-pulse 1.8s var(--ease-out) infinite}
.ao-face.busy::after{animation-delay:.9s}
.ao-hi b{display:block;font-size:17px}
.ao-hi span{font-size:14px;color:var(--ink-mute)}
.ao-sec h4{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}
.ao-sec h4 small{font-weight:700;margin-left:4px}
.ao-new{align-self:stretch;justify-content:center}
.ao-job{margin-bottom:8px}
.ao-job .qlink{margin-top:6px}
.ao-conv{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);transition:border-color var(--duration-fast),transform var(--duration-fast)}
.ao-conv:hover{border-color:var(--deep-2);transform:translateX(2px)}
.ao-ic{font-size:20px;flex:none}
.ao-t{flex:1;min-width:0;display:flex;flex-direction:column}
.ao-t small{font-size:11px;font-weight:800;color:var(--deep);letter-spacing:.02em}
.ao-t b{font-size:14px;font-weight:650;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ao-m{flex:none;font-size:11px;color:var(--ink-mute);text-align:right;line-height:1.4}
.ao-done{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;text-decoration:none;color:inherit;border-radius:var(--r-sm)}
.ao-done:hover{background:var(--panel2)}
.ao-done span:not(.jst){flex:1;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao-done small{color:var(--ink-mute);white-space:nowrap}
.ao-done .jst{width:20px;height:20px;font-size:11px}
body.chat-focus .ao{max-width:880px}
.orig{font-style:normal;font-size:10px;font-weight:800;color:var(--deep);background:var(--deep-soft);padding:1px 6px;border-radius:999px;white-space:nowrap}
.orig{cursor:pointer} .orig:hover{background:var(--deep);color:#fff}   /* nur dieses Abzeichen führt nach draußen */
.src-img{display:block;max-width:100%;max-height:420px;border-radius:var(--r-md);margin:0 0 10px;box-shadow:var(--shadow-soft)}

/* Projektwahl als Menü */
.pmenu{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;animation:pop var(--duration-base) var(--ease-out);max-height:70vh;overflow:auto}
.pmenu button[data-pid]{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:var(--r-sm)}
.pmenu button[data-pid]:hover,.pmenu button.on{background:var(--panel2)}
.pmenu .pdot{flex:none;width:12px;height:12px;border-radius:50%}
.pmenu span{flex:1;min-width:0;display:flex;flex-direction:column}
.pmenu b{font-size:15px}
.pmenu small{font-size:12px;color:var(--ink-mute)}
.pmenu em{font-style:normal;font-weight:900;color:var(--accent)}
.pmenu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.pm-new{display:flex;gap:6px;padding:4px}
.pm-new input{flex:1;min-width:0;padding:8px 10px;border:1px dashed var(--line);border-radius:var(--r-sm);background:transparent;font-size:14px}
.pm-new input:focus{border-style:solid;border-color:var(--accent);outline:none}
.pm-all{display:block;padding:8px 10px;font-size:13px;font-weight:700;color:var(--ink-mute);text-decoration:none;border-radius:var(--r-sm)}
.pm-all:hover{background:var(--panel2);color:var(--accent)}

/* Quellen-Rolle deutlich */
.rolebox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--panel2)}
.rolebox.r-primaer{border-color:color-mix(in srgb,var(--deep-2) 55%,transparent);background:color-mix(in srgb,var(--deep-soft) 75%,#fff)}
.rolebox.r-pausiert{border-style:dashed;border-color:var(--warning-500);background:var(--warning-50)}
.rb-ic{font-size:28px}
.rb-t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.rb-t b{font-size:16px}
.rb-t>span{font-size:13px;color:var(--ink-dim)}
.rb-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.rb-act .qlink{font-size:13px}
.rb-open{flex-direction:column;align-items:flex-start;gap:0;padding:10px 16px;font-size:16px}
.rb-open small{font-size:11px;font-weight:600;opacity:.85}
.r-pausiert + .pj-doc-title,.r-pausiert ~ .pj-doc{opacity:.6}

/* Projektstatus */
.pstatus{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;font-size:13px;font-weight:800;letter-spacing:0;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);line-height:1.2}
h1 .pstatus{font-size:14px;margin-left:8px;position:relative;top:-6px}
.pstatus.s-aktiv{background:var(--success-50);border-color:transparent;color:var(--success-500)}
.pstatus.s-pausiert{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}
.pstatus.s-blockiert{background:var(--error-50);border-color:var(--error-500);color:var(--error-700)}
.pstatus.s-gestoppt{background:var(--neutral-2);color:var(--ink-mute)}
.pj-block{display:block;font-size:13px;font-weight:700;color:var(--error-700);background:var(--error-50);padding:6px 10px;border-radius:var(--r-sm)}
.stbanner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--panel2)}
.stbanner.s-blockiert{border-color:var(--error-500);background:var(--error-50)}
.stbanner.s-pausiert{border-color:var(--warning-500);background:var(--warning-50)}
.st-ic{font-size:30px}
.stbanner>div:nth-child(2){flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.stbanner small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}
.stbanner.s-blockiert small{color:var(--error-700)}
.stbanner b{font-size:17px}
.stbanner span{font-size:13px;color:var(--ink-dim)}
.st-act{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.stbanner.s-blockiert .btn{background:var(--error-500)}
.st-mi{font-style:normal;font-size:18px;flex:none}
.dialog select{width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:15px;margin-top:4px}

/* Reiter im Projekt: alles sichtbar, Pillen brechen um statt versteckt zu scrollen */
.pj-tabs{flex-wrap:wrap;overflow:visible;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}
.pj-tabs button{padding:7px 12px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink-dim);font-size:13.5px;font-weight:700;gap:6px;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}
.pj-tabs button:hover{border-color:var(--deep-2);color:var(--deep)}
.pj-tabs button.on{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--deep) 30%,transparent)}
.pj-tabs button small{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--neutral-2);color:var(--ink-mute);font-size:11px;font-weight:800}
.pj-tabs button.on small{background:rgba(255,255,255,.22);color:#fff}
.pj-tabs button .pbadge{margin-left:2px}
.pj-tabs button[data-tab^="quelle:"]{border-style:dashed}
.pj-tabs button[data-tab^="quelle:"].on{border-style:solid}
/* Schnellwahl im Gespräch ebenfalls umbrechen statt verstecken */
.quick{flex-wrap:wrap;overflow:visible}
.st-act{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px;width:100%;padding-left:44px}
.stbanner>div:nth-child(2){min-width:0}

/* Projekt-Website */
.webbtn{background:linear-gradient(120deg,var(--deep),color-mix(in srgb,var(--deep) 65%,#21ccad));text-decoration:none;box-shadow:0 4px 14px color-mix(in srgb,var(--deep) 30%,transparent)}
.webbtn:hover{filter:brightness(1.07)}
.webbtn.big{font-size:17px;padding:13px 22px}
.pj-head-act .webbtn{padding:9px 16px;font-size:14px}
.webcard{display:flex;gap:18px;align-items:center;padding:14px;margin-bottom:16px;border-radius:var(--r-lg);border:2px solid color-mix(in srgb,var(--deep-2) 45%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--deep-soft) 80%,#fff),var(--panel))}
.webcard.leer{border-style:dashed}
.web-prev{position:relative;flex:none;width:300px;height:188px;border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-md);border:1px solid var(--line);display:block}
.web-prev iframe{width:1200px;height:752px;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none}
.web-noprev{display:grid;place-items:center;height:100%;text-align:center;font-size:30px;color:var(--deep);font-weight:800}
.web-hover{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--deep) 55%,transparent);color:#fff;font-weight:800;font-size:18px;opacity:0;transition:opacity var(--duration-base)}
.web-prev:hover .web-hover{opacity:1}
.web-ic{font-size:44px;flex:none;width:72px;text-align:center}
.web-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.web-t small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--deep)}
.web-t b{font-size:20px;line-height:1.2}
.web-t>span{font-size:14px;color:var(--ink-dim)}
.web-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.pj-web{align-self:flex-start;font-size:13px;font-weight:800;color:var(--proj,var(--deep));background:color-mix(in srgb,var(--proj,var(--deep)) 12%,#fff);padding:4px 10px;border-radius:999px;cursor:pointer}
@media (max-width:760px){.webcard{flex-direction:column;align-items:stretch}.web-prev{width:100%;height:200px}.web-prev iframe{transform:scale(.3)}}
.ki-ok{margin:10px 0 0;font-size:13px;font-weight:750;color:var(--success-500);display:flex;flex-direction:column}
.ki-ok small{font-weight:600;color:var(--ink-mute);font-size:11px}
.web-prev{width:240px;height:150px}
.web-prev iframe{transform:scale(.2)}
.icon-btn.fold{font-weight:800;color:var(--deep);background:var(--deep-soft);border-radius:999px;padding:6px 12px}
.icon-btn.fold:hover{background:var(--deep);color:#fff}
.pj-chat{cursor:default}
body:not(.chat-focus) .pj-chat .msgs{cursor:pointer}
body.chat-open.chat-focus .pj-chat{position:static;height:auto;inset:auto;z-index:auto}

/* Sprechen mit Gründling */
.mic{flex:none;width:48px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);font-size:20px;display:grid;place-items:center;transition:background var(--duration-fast)}
.mic:hover{border-color:var(--accent)}
.mic.on{background:var(--error-500);border-color:var(--error-500);animation:mic 1.2s infinite}
@keyframes mic{0%,100%{box-shadow:0 0 0 0 rgba(217,56,69,.5)}50%{box-shadow:0 0 0 8px rgba(217,56,69,0)}}
.voice-hint{padding:0 16px 6px;font-size:11.5px;color:var(--ink-mute)}
body.chat-focus .chat .voice-hint{padding-left:max(16px,calc((100% - 880px)/2))}
.voice-pill{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:14px;max-width:min(680px,calc(100vw - 32px));padding:14px 20px;border-radius:999px;background:var(--surface-dark,#131010);color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.3);animation:pop var(--duration-base) var(--ease-out)}
.vp-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#ff4d5a;animation:mic 1.2s infinite}
.voice-pill div{display:flex;flex-direction:column;min-width:0}
.voice-pill b{font-size:14px}
.vp-txt{font-size:15px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}
.vp-hint{flex:none;font-size:11px;opacity:.6}
@media (max-width:620px){.vp-hint{display:none}}

/* Recherche-Auftrag */
.ao-btns{display:flex;gap:8px;flex-wrap:wrap}
.ao-btns .ao-new{flex:1;min-width:200px}
.jc-ask{margin:10px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--warning-50);border:1px solid var(--warning-500);display:flex;flex-direction:column;gap:6px}
.jc-ask span{font-size:13px;color:var(--ink-dim)}
.jc-ask div{display:flex;gap:8px;flex-wrap:wrap}

/* Recherche im Gespräch, wartende Fragen */
.m.live.rbig .jcard{border:2px solid var(--mint-400);box-shadow:0 6px 24px rgba(33,204,173,.15)}
.rhint{margin:8px 2px 0;font-size:13px;color:var(--ink-dim)}
.jc-exp{margin-top:10px;display:flex;flex-direction:column;gap:4px}
.jc-bar{display:block;height:8px;border-radius:99px;background:var(--neutral-2);overflow:hidden}
.jc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint-400),var(--deep-2));transition:width 1s linear}
.jc-exp small{font-size:12px;color:var(--ink-mute)}
.m.me.queued{opacity:.75;border:1.5px dashed rgba(255,255,255,.6);display:flex;flex-direction:column;gap:4px}
.m.me.queued small{font-size:11.5px;opacity:.9}
.m.me.queued .qlink{color:#fff;text-decoration:underline;font-size:11.5px;padding:0}
.m.live.rbig .jc-hint{display:none}

/* Quelle: Ist-Zustand und Umschalter */
.rolebox{flex-direction:column;align-items:stretch}
.rolebox .rb-t{gap:6px}
.rb-state{align-self:flex-start;font-size:15px;font-weight:800;padding:6px 12px;border-radius:999px}
.rb-state.st-ok{background:var(--success-50);color:var(--success-500);border:1px solid color-mix(in srgb,var(--success-500) 40%,transparent)}
.rb-state.st-no{background:var(--neutral-2);color:var(--ink-dim);border:1px solid var(--line)}
.rb-state.st-wait{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-500)}
.rolebox.r-pruefen{border-color:var(--warning-500);background:var(--warning-50)}
.rb-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.rb-switch>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:3px;gap:2px;flex-wrap:wrap}
.seg button{padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-dim)}
.seg button:hover:not(.on){background:var(--panel2);color:var(--deep)}
.seg button.on{background:var(--deep);color:#fff;cursor:default}
.rolebox .rb-open{align-self:flex-start}

/* Freigabe-Karte für Recherchen */
.fg-card{margin:10px 0 14px;padding:14px 16px;border-radius:var(--r-md);border:2px solid var(--warning-500);background:linear-gradient(120deg,var(--warning-50),#fff);display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.fg-card.in-box{margin:6px 0 0;border:0;background:transparent;padding:0}
.fg-card>small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--warning-700)}
.fg-card>b{font-size:17px}
.fg-fazit{margin:0;font-size:15px;line-height:1.55}
.fg-merk summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--ink-dim)}
.fg-merk ul{margin:6px 0 0;padding-left:20px;font-size:14px}
.fg-view{align-self:flex-start;font-size:13px}
.fg-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.fg-done{margin:8px 0 0;font-size:12.5px;font-weight:700;color:var(--ink-mute)}
.m.bot .fg-card{background:#fff}

#sKind .chip.discover{border-style:dashed}   /* Recherche statt Hochladen: Gründling sucht selbst */

/* ── Breit auf großen Bildschirmen, Gründling minimiert in der linken Spalte ─── */
.wrap{max-width:1680px}
.pj{grid-template-columns:300px minmax(0,1fr)}
.pj-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);overflow:auto;padding-bottom:4px}
.pj-side .pj-src{position:static;max-height:none}
.pj-chat{display:none}
body.chat-focus:not(.chat-open) .pj-chat{display:flex}
@media (max-width:1180px){.pj{grid-template-columns:260px minmax(0,1fr)}}
@media (max-width:760px){.pj{grid-template-columns:minmax(0,1fr)}.pj-side{position:static;max-height:none}}

.anika-mini{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:10px;display:flex;flex-direction:column;gap:8px}
.am-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:4px;border-radius:var(--r-md)}
.am-head:hover{background:var(--panel2)}
.am-face{position:relative;flex:none;width:42px;height:42px}
.am-face img{width:42px;height:42px;border-radius:50%;object-fit:cover;position:relative;z-index:1}
.am-face.busy::before,.am-face.busy::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--mint-400);animation:jc-pulse 1.8s var(--ease-out) infinite}
.am-face.busy::after{animation-delay:.9s}
.am-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.am-who b{font-size:16px}
.am-who small{font-size:12px;color:var(--ink-mute)}
.am-open{color:var(--ink-mute);font-size:16px}
.am-job{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:var(--r-sm);background:var(--mint-50);border:1px solid var(--mint-300);font-size:13px;font-weight:700;color:var(--mint-700)}
.am-job i{width:8px;height:8px;border-radius:50%;background:var(--mint-500);animation:jp 1.4s infinite;flex:none}
.am-job span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-job small{font-weight:600;color:var(--ink-mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.am-note{display:block;width:100%;text-align:left;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:var(--r-sm);background:var(--panel2);color:var(--ink-dim)}
.am-note.hot{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-500)}
.am-ask{width:100%;text-align:left;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--ink-mute);font-size:14px;font-weight:600}
.am-ask:hover{border-color:var(--deep-2);color:var(--deep);background:var(--panel)}
.am-list{display:flex;flex-direction:column}
.am-list small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin:2px 4px 4px}
.am-list button{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:6px 6px;border-radius:var(--r-sm);font-size:13px}
.am-list button:hover{background:var(--panel2)}
.am-list span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.am-list time{flex:none;font-size:11px;color:var(--ink-mute)}
.am-row{display:flex;gap:6px}
.am-row button{flex:1;padding:7px 8px;border-radius:var(--r-sm);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink-dim)}
.am-row button:hover{border-color:var(--deep-2);color:var(--deep)}

/* Minimieren direkt neben „Senden“ */
.mini-btn{flex:none;width:48px;height:48px;align-self:flex-end;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:22px;line-height:1;color:var(--ink-mute);display:grid;place-items:center;transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast)}
.mini-btn:hover{background:var(--deep);color:#fff;border-color:var(--deep);transform:translateY(2px)}
.composer{align-items:flex-end}

/* ── Community: Kopf-Knopf, Neuigkeiten, Wunschwand, Mini-Chat ─────────── */
.net{width:24px;height:24px;flex:none}
.comm-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;font-size:12.5px;font-weight:750;color:var(--deep);text-decoration:none;white-space:nowrap}
.comm-btn .net{width:26px;height:26px;color:var(--deep-2)}
.comm-btn:hover{border-color:var(--deep-2);background:var(--deep-soft)}
.news-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:18px;display:grid;place-items:center;filter:grayscale(1);opacity:.6}
.news-btn.has{filter:none;opacity:1;border-color:var(--warning-500);animation:bob 1.6s var(--ease-out) infinite}
.news-btn .pbadge{position:absolute;top:-7px;right:-7px}
.news-pop{position:fixed;z-index:45;width:min(420px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:10px;animation:pop var(--duration-base) var(--ease-out)}
.np-head{display:flex;align-items:baseline;gap:10px;padding:4px 6px 8px}
.np-head small{color:var(--ink-mute);font-size:12px}
.np-empty{padding:18px 6px;color:var(--success-500);font-weight:700}
.np-all{display:block;padding:8px 6px 4px;font-size:13px;font-weight:700;color:var(--deep)}
.nw{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 8px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);margin-bottom:6px;transition:opacity .25s,transform .25s}
.nw.gone{opacity:0;transform:translateX(30px)}
.nw.seen{opacity:.6;background:var(--panel2)}
.nw-ic{font-size:20px;line-height:1.2}
.nw-t b{display:block;font-size:14px;line-height:1.3}
.nw-t p{margin:3px 0 0;font-size:13px;color:var(--ink-dim)}
.nw-t small{font-size:11.5px;color:var(--ink-mute)}
.nw-a{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.nw-ok{color:var(--success-500);font-weight:800}
.news-page{padding:18px 0;max-width:820px}

.cm-ic .net{width:40px;height:40px;color:var(--deep)}
.cm-live{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 6px;padding:10px 14px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);font-size:14px}
.cl-dot,.on-dot{width:10px;height:10px;border-radius:50%;background:var(--mint-500);box-shadow:0 0 0 0 rgba(33,204,173,.6);animation:jp 1.4s infinite;flex:none;display:inline-block}
.cl-dot.off{background:var(--neutral-5);animation:none}
.cl-p{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--mint-300);background:var(--mint-50);font-weight:700}
.cl-p small{color:var(--mint-700);font-weight:650}
.cm-boards{margin:18px 0 8px}
.cm-pills{display:flex;flex-wrap:wrap;gap:8px}
.cm-pill{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:14.5px}
.cm-pill em{font-style:normal;font-size:12px;color:var(--ink-mute)}
.cm-pill small{min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--neutral-2);font-size:11px;font-weight:800;display:inline-grid;place-items:center}
.cm-pill .pbadge{position:absolute;top:-8px;right:-6px;font-style:normal}
.cm-pill.on{background:var(--deep);border-color:var(--deep);color:#fff}
.cm-pill.on em{color:rgba(255,255,255,.75)}
.cm-pill.on small{background:rgba(255,255,255,.22)}
.cm-closed{margin:10px 2px 0;font-size:13.5px;color:var(--ink-mute)}
.cm-board{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);margin:12px 0 28px;overflow:hidden}
.cm-bhead{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;padding:20px 22px 14px;flex-wrap:wrap}
.cm-bhead h2{margin:0 0 4px;font-size:26px}
.cm-bhead p{margin:0;color:var(--ink-dim);max-width:60em;font-size:14.5px}
.cm-bact{display:flex;gap:14px;align-items:center}
.cm-tabs i.pbadge{font-style:normal}
#cmBody{padding:16px 22px 24px}
.cm-filter{margin-bottom:16px;align-items:center}
.cm-filter small{opacity:.7;font-size:12px}
.cm-hint{margin:0 0 14px;color:var(--ink-dim);font-size:14px}
.cm-sub{margin:18px 0 10px;font-size:17px}
.cm-sub small{font-size:12.5px;color:var(--ink-mute);font-weight:650}
.cm-empty{text-align:center;padding:40px 10px;color:var(--ink-dim)}
.cm-empty b{font-size:18px;color:var(--ink)}
.cm-more{margin:10px 0 40px}
.cm-more h2{font-size:22px;margin:0 0 4px}

/* Karteikarte */
.wwall{columns:300px;column-gap:16px}
.wcard{--ac:var(--mint-550);--as:var(--mint-50);break-inside:avoid;margin:0 0 16px;background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--ac);border-radius:var(--r-md);box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}
.wcard:hover,.wcard:focus-visible{transform:translateY(-2px) rotate(-.3deg);box-shadow:0 8px 22px rgba(31,95,99,.16);outline:none}
.wcard[data-art="weg"],.wdet[data-art="weg"]{--ac:#e8902a;--as:#fff4e6}
.wcard[data-art="feature"],.wdet[data-art="feature"]{--ac:var(--blue-550);--as:var(--blue-50)}
.wcard[data-art="bug"],.wdet[data-art="bug"]{--ac:var(--red-550);--as:var(--red-50)}
.wdet{--ac:var(--mint-550);--as:var(--mint-50)}
.wc-img{display:block;width:100%;max-height:220px;object-fit:cover;border-bottom:1px solid var(--line)}
.wc-body{padding:12px 14px 12px}
.wc-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.wc-art{display:inline-flex;gap:4px;align-items:center;padding:3px 9px;border-radius:999px;background:var(--as);color:var(--ink);font-size:12px;font-weight:800;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent)}
.wc-st{padding:3px 9px;border-radius:999px;background:var(--neutral-2);color:var(--ink-dim);font-size:11.5px;font-weight:750}
.wc-st[data-s="angehen"]{background:var(--warning-50,#fff8dd);color:#7a5a00}
.wc-st[data-s="umsetzung"]{background:var(--blue-50);color:var(--blue-650)}
.wc-st[data-s="reflexion"]{background:#f1ebfb;color:#5b3b94}
.wc-st[data-s="fertig"]{background:var(--mint-50);color:var(--mint-700)}
.wc-st[data-s="verworfen"]{text-decoration:line-through}
.wc-pic{font-size:12px;margin-left:auto}
.wc-pitch{margin:2px 0 8px;font-size:19px;line-height:1.3;font-weight:800;color:var(--deep);letter-spacing:-.01em}
.wc-pitch::before{content:"„"}
.wc-pitch::after{content:"“"}
.wcard h3{margin:0 0 6px;font-size:14.5px;font-weight:750;color:var(--ink-dim)}
.wc-text{margin:0 0 8px;font-size:13.5px;color:var(--ink-dim);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.wc-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-mute)}
.wc-val{font-weight:800;color:#b07d00;font-size:12.5px}
.wcard.sm{margin:0 0 10px;border-top-width:4px}
.wcard.sm .wc-body{padding:9px 11px}
.wcard.sm .wc-pitch{font-size:14.5px;margin-bottom:4px}
.wcard.sm h3{font-size:12.5px}
.wcard.drag{opacity:.4}

/* Bewerten */
.stars{display:inline-flex;gap:2px}
.stars button{font-size:22px;line-height:1;color:var(--neutral-4);padding:2px;transition:transform var(--duration-fast),color var(--duration-fast)}
.stars button.on{color:#f0b400}
.stars button:hover{transform:scale(1.2)}
.stars:hover button{color:#f0b400}
.stars button:hover~button{color:var(--neutral-4)}
.stars.big button{font-size:28px}
.wrate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;background:var(--panel)}
.wrate.new{border-color:var(--warning-500);background:#fffcf0}
.wr-main{display:flex;flex-direction:column;gap:3px;cursor:pointer;align-items:flex-start}
.wr-main b{font-size:15.5px}
.wr-pitch{color:var(--deep);font-weight:650;font-size:14px}
.wr-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.wr-side small{font-size:12px;color:var(--ink-mute)}
.wr-act{display:flex;gap:10px;align-items:center}

/* Angehen */
.wgo{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px}
.wg-rank{width:32px;height:32px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:800}
.wg-main{cursor:pointer;display:flex;flex-direction:column;gap:2px}
.wg-main span{color:var(--deep);font-size:14px}
.wg-val{font-weight:800;color:#b07d00;text-align:right;display:flex;flex-direction:column;font-size:16px}
.wg-val small{font-size:11.5px;color:var(--ink-mute);font-weight:650}

/* Kanban */
.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.kcol{background:var(--panel2);border-radius:var(--r-md);padding:10px;min-height:220px;border:2px dashed transparent;transition:border-color var(--duration-fast),background var(--duration-fast)}
.kcol.over{border-color:var(--deep-2);background:var(--deep-soft)}
.kcol h4{margin:2px 2px 10px;font-size:13.5px;display:flex;justify-content:space-between}
.kcol h4 small{color:var(--ink-mute)}
.cm-gone{margin-top:12px;font-size:13px}

/* Detail und Bearbeiten */
.dialog:has(.wdet),.dialog:has(.wedit){max-width:760px;max-height:92vh;overflow:auto}
.dialog .row .spacer{flex:1}
.wd-img{width:calc(100% + 56px);margin:-28px -28px 16px;max-height:340px;object-fit:cover;display:block}
.wd-pitch{font-size:26px;line-height:1.25;font-weight:800;color:var(--deep);margin:8px 0 6px}
.wd-pitch::before{content:"„"}
.wd-pitch::after{content:"“"}
.wdet h2{font-size:19px;color:var(--ink-dim)}
.wd-text{font-size:15px;color:var(--ink);margin:8px 0}
.wd-url{font-weight:700;color:var(--deep);word-break:break-all}
.wd-own{display:grid;gap:12px;margin:14px 0;padding:14px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line)}
.wd-own>div>small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}
.wd-own textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:14px;background:var(--panel)}
.wd-steps{display:flex;flex-wrap:wrap;gap:6px}
.wd-steps button{padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;font-weight:700;color:var(--ink-dim)}
.wd-steps button.on{background:var(--deep);border-color:var(--deep);color:#fff}
.wd-note{padding:12px;border-radius:var(--r-md);background:var(--panel2);margin:12px 0}
.wd-note small{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ink-mute)}
.wd-note p{margin:4px 0 0}
.wd-log{margin:10px 0;font-size:13px;color:var(--ink-dim)}
.wd-log div{padding:3px 0}
.wd-log time{color:var(--ink-mute);margin-right:6px}
.we-arts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}
.we-arts button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--panel);text-align:left}
.we-arts button span{font-size:22px}
.we-arts button small{font-size:11.5px;color:var(--ink-mute);line-height:1.3}
.we-arts button.on{border-color:var(--deep);background:var(--deep-soft)}
.we-l{display:block;font-size:13px;font-weight:750;color:var(--ink-dim);margin-bottom:12px}
.we-l small{font-weight:600;color:var(--ink-mute)}
.we-l input,.we-l textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit;font-size:15px;color:var(--ink)}
.we-l input.we-pitch{font-size:19px;font-weight:750;color:var(--deep)}
.we-img{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.we-img img{height:72px;border-radius:var(--r-sm);display:block}
.we-img label{cursor:pointer}

/* Mini-Chat unten links */
.live-dock{position:fixed;left:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ld-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink-mute)}
.ld-btn .net{width:28px;height:28px}
.ld-btn.live{color:var(--deep);border-color:var(--mint-300)}
.ld-btn.live .net{animation:ldblink 1.6s ease-in-out infinite}
.ld-btn.msg{border-color:var(--red-400);animation:ldmsg 1s ease-in-out infinite}
.ld-btn .pbadge{position:absolute;top:-8px;right:-8px}
@keyframes ldblink{0%,100%{color:var(--deep)}50%{color:var(--mint-500)}}
@keyframes ldmsg{0%,100%{box-shadow:0 0 0 0 rgba(255,69,84,.5)}50%{box-shadow:0 0 0 8px rgba(255,69,84,0)}}
.ld-faces{display:inline-flex;align-items:center}
.ld-faces .lv-face{margin-left:-6px;box-shadow:0 0 0 2px var(--panel)}
.ld-faces .lv-face:first-child{margin-left:0}
.ld-n{margin-left:8px;font-size:13px;font-weight:750;color:var(--mint-700)}
.ld-n.off{margin-left:0;color:var(--ink-mute);font-weight:650}
.lv-face{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--deep-soft);display:inline-grid;place-items:center;flex:none}
.lv-face i{font-style:normal;font-weight:800;font-size:13px;color:var(--deep)}
.lv-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ld-panel,.ld-chat,.ld-bubble{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop var(--duration-base) var(--ease-out)}
.ld-panel{width:260px;padding:10px}
.ld-panel h4{margin:4px 6px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}
.ld-panel p{margin:4px 6px 6px;font-size:13px}
.ld-p{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:var(--r-sm);text-align:left}
.ld-p:hover{background:var(--panel2)}
.ld-p b{flex:1;font-size:14px}
.ld-p .pbadge{font-style:normal}
.ld-bubble{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:14px;max-width:320px}
.ld-bubble small{color:var(--mint-700);font-weight:750;white-space:nowrap}
.ld-chat{width:min(340px,calc(100vw - 36px));height:420px;display:flex;flex-direction:column;overflow:hidden}
.lc-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel2)}
.lc-head .lv-face{width:34px;height:34px}
.lc-head div{flex:1;display:flex;flex-direction:column;line-height:1.2}
.lc-head small{font-size:11.5px;color:var(--ink-mute);display:inline-flex;align-items:center;gap:5px}
.lc-head .on-dot{width:8px;height:8px}
.lc-x{font-size:22px;line-height:1;color:var(--ink-mute);padding:2px 6px}
.lc-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px}
.lc-msgs .muted{font-size:13px}
.lc-m{max-width:82%;align-self:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:6px 10px}
.lc-m.me{align-self:flex-end;background:var(--deep);border-color:var(--deep);color:#fff;border-radius:14px 14px 4px 14px}
.lc-m p{margin:0;font-size:14px;white-space:pre-wrap;word-break:break-word}
.lc-m time{display:block;font-size:10.5px;opacity:.65;text-align:right}
.lc-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}
.lc-form input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font:inherit;font-size:14px}
body.chat-open .live-dock{display:none}
@media (max-width:760px){
  .comm-btn span{display:none}
  .we-arts{grid-template-columns:repeat(2,1fr)}
  .wgo{grid-template-columns:30px minmax(0,1fr) auto}
  .wgo .btn{grid-column:2/-1;justify-self:start}
  .wrate{grid-template-columns:1fr}
  .wr-side{align-items:flex-start}
  .kanban{grid-template-columns:repeat(5,78vw)}
}

/* Gründling auf der Startseite rund 30 % kleiner, damit er neben dir steht statt über dir */
.anika-card{grid-template-columns:126px 1fr;align-items:start}
.anika-card .portrait{height:auto;min-height:0;aspect-ratio:5/6;margin:22px 0 0 22px;border-radius:var(--r-md);width:calc(100% - 22px)}
@media (max-width:760px){.anika-card .portrait{display:none}}

/* ── Zugang: Anklopfen, Anfragen, Willkommen ───────────────────────────── */
.knock{display:block;margin:-2px 0 2px;font-size:13.5px}
.login-knock{margin:14px 0 0 !important;font-size:14px;text-align:center}
.dialog:has(.knock-d){max-width:640px;max-height:92vh;overflow:auto}
.k-task{padding:14px;border-radius:var(--r-md);background:var(--deep-soft);border:1px solid color-mix(in srgb,var(--deep) 18%,transparent);margin:4px 0 10px}
.k-task p{margin:4px 0 10px !important;font-size:14px}
.k-pics{display:flex;gap:12px;margin-bottom:6px}
.k-pic{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-soft);min-width:84px}
.k-pic i{font-style:normal;font-size:36px;line-height:1}
.k-pic small{font-size:12px;font-weight:750;color:var(--ink-dim)}
.k-task textarea{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;font-size:15px}
.k-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zg{max-width:960px;padding:8px 0 20px}
.zg-a{padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--warning-500);border-radius:var(--r-md);background:var(--panel);margin-bottom:10px}
.zg-h{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.zg-h b{font-size:17px}
.zg-h small{color:var(--ink-mute);margin-left:auto}
.zg-m{margin:8px 0;white-space:pre-line}
.zg-s{margin:0 0 10px;color:var(--deep);font-weight:600}
.zg-s span{font-size:20px;margin-right:4px}
.zg-s small{color:var(--ink-mute);font-weight:500}
.zg-act{display:flex;justify-content:flex-end;gap:14px;align-items:center}
.zg-done{display:flex;gap:10px;align-items:baseline;padding:6px 2px;font-size:14px;border-bottom:1px solid var(--line)}
.zg-done small{margin-left:auto;color:var(--ink-mute)}
.zg-st.angenommen{color:var(--success-500);font-weight:800}
.zg-st.abgelehnt{color:var(--ink-mute);font-weight:800}
.zg-u{display:flex;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.zg-u code{color:var(--ink-mute);font-size:12.5px}
.zg-u select{margin-left:auto;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;font-size:13.5px}
.zg-roles{grid-template-columns:1fr 1fr}
.zg-pj{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.zg-text{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:14px;background:var(--panel2)}
body.gast #newProj,body.gast #newProj2,body.gast #newProj3{display:none}
.wk-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:center;padding:34px 0 18px}
.wk-hero h1{font-size:clamp(36px,4.6vw,56px);margin:4px 0 10px}
.eyebrow-sm{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.wk-anika{width:180px;aspect-ratio:5/6;object-fit:cover;object-position:50% 20%;border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}
.wk-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 20px}
.wk-t{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-soft);text-align:left;color:inherit;text-decoration:none;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}
.wk-t:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(31,95,99,.16)}
.wk-t.probe{background:linear-gradient(135deg,var(--mint-50),var(--panel));border-color:var(--mint-300)}
.wk-i{font-size:34px;line-height:1;height:44px;display:flex;align-items:center}
.wk-i img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.wk-net .net{width:40px;height:40px;color:var(--deep)}
.wk-t b{font-size:18px}
.wk-t p{margin:0;color:var(--ink-dim);font-size:14px;flex:1}
.wk-t small{font-weight:800;color:var(--deep);font-size:13.5px}
.wk-own{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:var(--r-lg);background:var(--deep-soft);margin:8px 0 40px;flex-wrap:wrap}
.wk-own p{margin:4px 0 0;color:var(--ink-dim)}
@media (max-width:900px){.wk-tiles{grid-template-columns:1fr 1fr}.wk-hero{grid-template-columns:1fr}.wk-anika{display:none}}
a.btn{text-decoration:none}

/* Community-Knopf: wer gerade da ist, und wer dazukommt */
.comm-btn{position:relative}
.comm-btn .cb-n{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--mint-550);color:#fff;font-size:12px;font-weight:800;display:inline-grid;place-items:center;box-shadow:0 0 0 2px var(--panel)}
.comm-btn.live{border-color:var(--mint-300)}
.comm-btn.live .net{animation:ldblink 2.4s ease-in-out infinite}
.comm-btn.spin .net{animation:cbspin 1.1s var(--ease-out)}
.comm-btn.buddy{animation:cbbuddy 1.4s var(--ease-out)}
.comm-btn.buddy .net{color:var(--brand);animation:cbhop 1.4s var(--ease-out)}
@keyframes cbspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes cbhop{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-6px) scale(1.2)}50%{transform:translateY(0) scale(.95)}70%{transform:translateY(-3px) scale(1.1)}}
@keyframes cbbuddy{0%{box-shadow:0 0 0 0 rgba(255,69,84,.55)}100%{box-shadow:0 0 0 16px rgba(255,69,84,0)}}
.cb-tip{position:fixed;z-index:46;width:280px;padding:10px 14px;border-radius:var(--r-md);background:var(--deep);color:#fff;font-size:14px;box-shadow:var(--shadow-lg);cursor:pointer;animation:pop var(--duration-base) var(--ease-out);transition:opacity .4s,transform .4s}
.cb-tip.buddy{background:linear-gradient(120deg,var(--brand),#e8902a)}
.cb-tip small{opacity:.8}
.cb-tip.out{opacity:0;transform:translateY(-6px)}
.join-btn{padding:9px 16px;border-radius:999px;background:var(--brand);color:#fff;font-size:14px;font-weight:800;box-shadow:0 4px 14px rgba(255,69,84,.28);white-space:nowrap}
.join-btn:hover{transform:translateY(-1px)}

/* ── Community-Bereiche ────────────────────────────────────────────────── */
.cm-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 4px}
.cm-nav a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform var(--duration-fast)}
.cm-nav a:hover{transform:translateY(-2px)}
.cm-nav span{grid-row:1/3;font-size:30px}
.cm-nav b{font-size:17px}
.cm-nav small{color:var(--ink-mute);font-size:13px}
.cm-nav a.on{background:var(--deep);border-color:var(--deep);color:#fff}
.cm-nav a.on small{color:rgba(255,255,255,.75)}
.sec-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin:20px 0 12px;flex-wrap:wrap}
.sec-head h2{margin:0 0 4px;font-size:26px}
.sec-head p{margin:0;color:var(--ink-dim);max-width:62em;font-size:14.5px}
.seg{display:flex;gap:6px;margin-bottom:14px}
.seg button{flex:1;padding:10px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--panel);font-weight:750}
.seg button.on{border-color:var(--deep);background:var(--deep-soft);color:var(--deep)}

/* Korkwand */
.cork-frame{padding:16px;border-radius:14px;background:linear-gradient(135deg,#9a6a3e,#6b4423 40%,#8d5d34 70%,#5e3a1e);box-shadow:0 14px 34px rgba(60,35,15,.35),inset 0 2px 0 rgba(255,255,255,.18);margin:6px 0 30px}
.cork{position:absolute;left:0;top:0;width:1600px;height:1000px;border-radius:6px;overflow:hidden;transform-origin:0 0;
  background-color:#c4925c;
  background-image:radial-gradient(circle at 20% 30%,rgba(120,72,30,.55) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(230,190,140,.6) 0 1.2px,transparent 1.7px),radial-gradient(circle at 45% 80%,rgba(100,60,25,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 85% 15%,rgba(240,205,160,.5) 0 1.6px,transparent 2.1px),radial-gradient(ellipse at 30% 20%,rgba(255,230,190,.25),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(90,50,20,.3),transparent 55%);
  background-size:11px 13px,17px 15px,9px 11px,23px 19px,100% 100%,100% 100%;
  box-shadow:inset 0 0 40px rgba(70,40,15,.45)}
.cork-load,.cork-empty{position:absolute;inset:0;display:grid;place-items:center;color:#4a2e14;font-weight:750;font-size:17px;text-align:center;padding:20px}
.zettel{position:absolute;width:210px;padding:24px 16px 12px;transform:rotate(var(--r,0deg));box-shadow:2px 6px 12px rgba(40,20,5,.35),0 1px 0 rgba(0,0,0,.05);background:#fff6a8;color:#2b2416;transition:box-shadow .15s,transform .15s;touch-action:none}
.zettel:hover{transform:rotate(0deg) scale(1.03);z-index:5;box-shadow:4px 12px 22px rgba(40,20,5,.4)}
.zettel.mine{cursor:grab}
.zettel.drag{cursor:grabbing;z-index:10;transform:rotate(0) scale(1.06);box-shadow:8px 18px 30px rgba(40,20,5,.45)}
.zettel.f-gelb{background:linear-gradient(180deg,#fff7b0,#fdeb85)}
.zettel.f-rosa{background:linear-gradient(180deg,#ffd9e2,#ffc2d1)}
.zettel.f-blau{background:linear-gradient(180deg,#d6efff,#bfe3fb)}
.zettel.f-gruen{background:linear-gradient(180deg,#dcf7d9,#c3eebf)}
.zettel.f-weiss{background:linear-gradient(180deg,#ffffff,#f1efe8)}
.pin{position:absolute;top:-6px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a8a,#d31f2e 60%,#8f0f18);box-shadow:2px 4px 4px rgba(0,0,0,.35)}
.f-blau .pin{background:radial-gradient(circle at 35% 35%,#8ad1ff,#1a7fc4 60%,#0c4a75)}
.f-gruen .pin{background:radial-gradient(circle at 35% 35%,#9be8b0,#1f9a55 60%,#0d5c30)}
.z-art{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border:2px solid currentColor;border-radius:4px;transform:rotate(-3deg);opacity:.75}
.z-art.a-suche{color:#b4232f}
.z-art.a-biete{color:#1d7a45}
.z-art.a-frei{color:#5a4a2a}
.zettel h3{margin:8px 0 6px;font-family:"Bradley Hand","Segoe Print","Marker Felt","Comic Sans MS",cursive;font-size:21px;line-height:1.15;font-weight:700}
.zettel p{margin:0 0 8px;font-size:13.5px;line-height:1.35;white-space:pre-line}
.zettel footer{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11.5px;color:rgba(43,36,22,.7)}
.z-dm{font-size:12px;font-weight:800;color:#1f5f63;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.55)}
.z-x{font-size:13px;color:rgba(43,36,22,.55);padding:0 4px}
.z-colors{display:flex;gap:10px;margin:2px 0 6px}
.z-colors .sw{width:34px;height:34px;border-radius:6px;border:2px solid var(--line);transform:rotate(-3deg)}
.z-colors .sw.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-soft)}
.sw.f-gelb{background:#fdeb85}.sw.f-rosa{background:#ffc2d1}.sw.f-blau{background:#bfe3fb}.sw.f-gruen{background:#c3eebf}.sw.f-weiss{background:#fff}
.dialog:has(.zdlg),.dialog:has(.qdet){max-height:92vh;overflow:auto}
@media (max-width:760px){
  .cm-nav{grid-template-columns:1fr}
  .cork{height:auto;display:flex;flex-direction:column;gap:18px;padding:20px 14px}
  .zettel{position:relative;left:auto !important;top:auto !important;width:auto}
}

/* Fragen */
.q-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 30px}
.qcard{padding:14px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--duration-fast),opacity .3s,filter .3s}
.qcard:hover{transform:translateX(3px)}
.qcard h3{margin:6px 0 8px;font-size:18px}
.qcard.hot{border-left:5px solid var(--brand)}
.qcard.done{border-left:5px solid var(--success-500)}
.qcard.a30{opacity:.82;filter:grayscale(.35)}
.qcard.a60{opacity:.66;filter:grayscale(.65)}
.qcard.a90{opacity:.5;filter:grayscale(.9)}
.qc-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.q-st{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--warning-50,#fff8dd);color:#7a5a00}
.q-st.ok{background:var(--mint-50);color:var(--success-500)}
.q-live{font-size:12px;font-weight:800;color:var(--brand);animation:blink 1.6s infinite}
.q-life{font-size:12px;color:var(--ink-mute);margin-left:auto}
.qc-foot{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--ink-mute)}
.q-faces{display:inline-flex}
.q-faces i{width:24px;height:24px;margin-left:-6px;border-radius:50%;background:var(--deep-soft);color:var(--deep);font-style:normal;font-weight:800;font-size:11px;display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel)}
.q-faces i:first-child{margin-left:0}
.qdet h2{margin:10px 0 4px}
.q-thread{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.q-a{padding:10px 12px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line)}
.q-a.asker{background:var(--deep-soft)}
.q-a small{margin-left:8px;color:var(--ink-mute)}
.q-a div{margin-top:4px;font-size:14.5px}
.qdet textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit;font-size:14.5px}

/* ── Admin ─────────────────────────────────────────────────────────────── */
.ad-kpi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0 14px}
.ad-kpi>*{display:flex;flex-direction:column;padding:14px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit}
.ad-kpi b{font-size:30px;line-height:1;color:var(--deep)}
.ad-kpi span{font-size:12.5px;color:var(--ink-mute);margin-top:4px}
.ad-kpi .hot{border-color:var(--warning-500);background:#fffcf0}
.ad-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:16px 20px;margin-bottom:14px}
.ad-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.ad-h h3,.ad-fold h3{margin:0;font-size:18px}
.ad-fold>summary{cursor:pointer;list-style:none}
.ad-fold>summary::before{content:"▸ ";color:var(--ink-mute)}
.ad-fold[open]>summary::before{content:"▾ "}
.ad-fold>summary h3{display:inline}
.ad-seg{margin:0}
.ad-seg button{flex:none;padding:6px 12px;font-size:13px}
.ad-chart{width:100%;height:auto;display:block}
.ch-bar{fill:color-mix(in srgb,var(--deep-2) 70%,transparent)}
.ch-bar:hover{fill:var(--deep)}
.ch-line{fill:none;stroke:var(--brand);stroke-width:2}
.ch-dot{fill:var(--brand)}
.ch-grid{stroke:var(--line);stroke-dasharray:3 4}
.ch-ax{font-size:11px;fill:var(--ink-mute)}
.ch-neu{font-size:12px}
.ch-leg{display:flex;gap:18px;font-size:12.5px;color:var(--ink-mute);margin-top:4px}
.ch-leg i{display:inline-block;margin-right:6px;vertical-align:middle}
.lg-bar{width:12px;height:12px;border-radius:3px;background:var(--deep-2)}
.lg-line{width:16px;height:2px;background:var(--brand)}
.ad-people{margin-top:10px}
.ad-p{border-bottom:1px solid var(--line)}
.ad-p>summary{display:flex;align-items:center;gap:10px;padding:9px 4px;cursor:pointer;list-style:none;flex-wrap:wrap}
.ad-p>summary:hover{background:var(--panel2)}
.ad-p code{font-size:12px;color:var(--ink-mute)}
.ad-dot{width:10px;height:10px;border-radius:50%;background:var(--neutral-4);flex:none}
.ad-dot.on{background:var(--mint-500)}
.ad-dot.mid{background:var(--warning-500)}
.ad-tag{font-size:11.5px;font-weight:750;padding:2px 8px;border-radius:999px;background:var(--neutral-2);color:var(--ink-dim)}
.ad-tag.warn{background:#fff4e6;color:#a35b00}
.ad-meta{margin-left:auto;font-size:12.5px;color:var(--ink-mute)}
.ad-plog{padding:4px 4px 12px 24px}
.ad-day{border-top:1px solid var(--line)}
.ad-day>summary{display:flex;gap:12px;align-items:baseline;padding:10px 2px;cursor:pointer;flex-wrap:wrap}
.ad-day>summary span{font-size:13px;color:var(--ink-mute)}
.ad-sum{margin-left:auto}
.ad-row{display:grid;grid-template-columns:auto 22px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:4px 2px 4px 14px;font-size:14px}
.ad-row.low{opacity:.7;font-size:13px}
.ad-row time{font-size:12px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.ad-row small{color:var(--ink-mute)}
#adKat{margin:4px 0 6px}
@media (max-width:900px){.ad-kpi{grid-template-columns:repeat(3,1fr)}.ad-meta{margin-left:0;width:100%}}

/* Korkwand: Zoom-Fenster */
.cork-frame{position:relative}
.cork-view{position:relative;height:clamp(520px,72vh,900px);overflow:hidden;border-radius:6px;background:#5e3a1e;cursor:grab;overscroll-behavior:contain}
.cork-view.panning{cursor:grabbing}
.cork.anim{transition:transform .28s var(--ease-out)}
.cork-zoom{position:absolute;right:28px;bottom:28px;display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-lg);z-index:3}
.cork-zoom button{min-width:36px;height:34px;padding:0 10px;border-radius:999px;font-weight:800;font-size:15px;color:var(--deep)}
.cork-zoom button:hover{background:var(--deep-soft)}
#czPct{font-size:12.5px;font-variant-numeric:tabular-nums;min-width:58px}
@media (max-width:760px){
  .cork-view{height:auto;overflow:visible;cursor:auto;background:none}
  .cork{position:relative;width:auto;transform:none !important}
  .cork-zoom{display:none}
}

/* „Was hier noch wachsen darf“ oben auf der Community-Seite */
.grow{margin:18px 0 6px;padding:18px 20px 20px;border-radius:var(--r-lg);background:linear-gradient(135deg,#f2fcf9 0%,#fbfaf5 55%,#fff7ee 100%);border:1px solid #d3f5ef}
.grow-h{display:flex;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.grow-h>div{flex:1;min-width:240px}
.grow-h h2{margin:0;font-size:22px}
.grow-h p{margin:2px 0 0;font-size:14px;color:var(--ink-dim)}
.grow-seed svg{width:44px;height:44px;display:block}
.grow-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gcard{--t:var(--mint-650);--ts:var(--mint-50);display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r-lg);background:#fff;border:1px solid color-mix(in srgb,var(--t) 22%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--t) 10%,transparent);transition:transform var(--duration-fast),box-shadow var(--duration-fast)}
.gcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--t) 18%,transparent)}
.gcard[data-tone="sky"]{--t:#0278aa;--ts:#e6f7fe}
.gcard[data-tone="sun"]{--t:#b07d00;--ts:#fff6d6}
.gcard[data-tone="coral"]{--t:#d0484f;--ts:#ffedee}
.gcard[data-tone="lilac"]{--t:#6d4bb0;--ts:#f1ebfb}
.g-ic{width:46px;height:46px;border-radius:14px;background:var(--ts);color:var(--t);display:grid;place-items:center}
.g-ic svg{width:26px;height:26px}
.gcard b{font-size:16px;margin-top:2px}
.gcard p{margin:0;font-size:13px;line-height:1.4;color:var(--ink-dim);flex:1}
.g-lust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:7px 8px 7px 12px;border-radius:999px;background:var(--ts);color:var(--t);font-size:13px;font-weight:800;transition:background var(--duration-fast),color var(--duration-fast)}
.g-lust em{font-style:normal;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#fff;display:inline-grid;place-items:center;font-size:12px}
.g-lust:hover{background:color-mix(in srgb,var(--t) 16%,#fff)}
.g-lust.on{background:var(--t);color:#fff}
.g-lust.on em{color:var(--t)}
@media (max-width:1100px){.grow-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.grow-row{grid-template-columns:1fr 1fr}}

/* Bereichs-Kacheln der Community: hell, mit Illustration */
.cm-nav a{grid-template-columns:72px 1fr;padding:14px 18px 14px 14px;background:#fff;border:2px solid transparent;--t:var(--mint-650);--ts:var(--mint-50)}
.cm-nav a[data-tone="cork"]{--t:#a35b00;--ts:#fbf1e3}
.cm-nav a[data-tone="sky"]{--t:#0278aa;--ts:#e6f7fe}
.cm-nav .cn-art{grid-row:1/3;width:64px;height:64px;border-radius:18px;background:var(--ts);display:grid;place-items:center;font-size:0}
.cm-nav .cn-art svg{width:54px;height:54px}
.cm-nav a b{color:var(--ink)}
.cm-nav a small{line-height:1.35}
.cm-nav a:hover{border-color:color-mix(in srgb,var(--t) 30%,transparent)}
.cm-nav a.on{background:linear-gradient(135deg,var(--ts),#fff 70%);border-color:var(--t);color:inherit;box-shadow:0 8px 22px color-mix(in srgb,var(--t) 18%,transparent)}
.cm-nav a.on b{color:var(--t)}
.cm-nav a.on small{color:var(--ink-dim)}
.ad-sys{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;color:inherit}
.ad-sys>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--r-md);background:var(--panel2)}
.ad-sys small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}
.ad-sys b{font-size:15px}
.ad-sys span{font-size:12.5px;color:var(--ink-mute);word-break:break-all}
.ad-bar{display:block;height:8px;border-radius:999px;background:var(--neutral-3);overflow:hidden;margin:4px 0}
.ad-bar i{display:block;height:100%;background:var(--deep-2);border-radius:999px}

/* ── Beiträge im Projekt ───────────────────────────────────────────────── */
.bt{display:flex;flex-direction:column;gap:14px}
.bt-intro{margin:0;color:var(--ink-dim);font-size:14px}
.bt-h{margin:8px 0 0;font-size:15px}
.bt-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bt-role{position:relative;display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--c) 9%,#fff);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.bt-role.big{grid-column:span 2;padding:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 16%,#fff),#fff)}
.bt-role.big .bt-face{width:52px;height:52px}
.bt-role.big b{font-size:20px}
.bt-ri{position:absolute;top:8px;right:10px;font-size:20px}
.bt-role div{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.bt-role small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.bt-role b{font-size:16px}
.bt-role div span{font-size:12px;color:var(--ink-mute)}
.bt-face{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 20%,#fff);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c)}
.bt-face i{font-style:normal;font-weight:800;font-size:13px;color:var(--c)}
.bt-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bt-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700}
.bt-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--c);margin-right:6px;vertical-align:-1px}
.bt-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 18px}
.bt-kh{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.bt-kh b{font-variant-numeric:tabular-nums}
.bt-bar{display:flex;height:22px;border-radius:8px;overflow:hidden;background:var(--neutral-2)}
.bt-bar i{display:flex;align-items:center;background:var(--c);color:#fff;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;transition:filter .15s}
.bt-bar i:hover{filter:brightness(1.12)}
.bt-bar i span{padding-left:7px}
.bt-bar i+i{box-shadow:inset 2px 0 0 #fff}
.bt-bar em{font-size:11.5px;color:var(--ink-mute);padding:3px 8px;font-style:normal}
.bt-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.bt-p{padding:14px;border-radius:var(--r-lg);border:1px solid var(--line);border-top:4px solid var(--c);background:#fff}
.bt-ph{display:flex;gap:10px;align-items:center}
.bt-ph div{display:flex;flex-direction:column}
.bt-ph small{font-size:12px;color:var(--ink-mute)}
.bt-mix{display:flex;flex-direction:column;gap:4px;margin:10px 0}
.bt-mix span{display:grid;grid-template-columns:20px 1fr 40px;align-items:center;gap:6px;font-size:12px}
.bt-mix span::before{content:"";grid-column:2;grid-row:1;height:8px;border-radius:999px;background:var(--neutral-2)}
.bt-mix i{grid-column:2;grid-row:1;height:8px;border-radius:999px;background:var(--c)}
.bt-mix em{font-style:normal;color:var(--ink-mute);text-align:right;font-variant-numeric:tabular-nums}
.bt-nums{display:flex;flex-wrap:wrap;gap:6px}
.bt-nums span{display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border-radius:999px;background:var(--panel2);font-size:12px}
.bt-nums b{font-variant-numeric:tabular-nums}
@media (max-width:900px){.bt-roles{grid-template-columns:1fr 1fr}.bt-role.big{grid-column:span 2}}

/* ── Gründling als Reiseführer ───────────────────────────────────────────── */
.an-say{display:flex;gap:12px;align-items:flex-start;margin:-4px 0 16px}
.an-face{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px var(--mint-100),0 4px 12px rgba(31,95,99,.18);animation:anwave 2.4s var(--ease-out) 1}
.an-say.big .an-face{width:72px;height:72px}
.an-bubble{position:relative;padding:12px 14px;border-radius:4px 16px 16px 16px;background:var(--mint-50);border:1px solid var(--mint-200);font-size:15px;line-height:1.45;color:var(--ink)}
.an-say.big .an-bubble{font-size:16px}
@keyframes anwave{0%{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.05)}30%{transform:rotate(6deg)}45%{transform:rotate(-4deg)}60%,100%{transform:rotate(0)}}
.an-plan{list-style:none;display:flex;gap:8px;margin:0 0 16px;padding:0}
.an-plan li{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);font-size:13px}
.an-plan li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--neutral-3);font-weight:800;font-size:12px}
.an-plan li small{color:var(--ink-mute);font-size:11.5px}
.an-plan li.now{border-color:var(--deep);background:var(--deep-soft)}
.an-plan li.now span{background:var(--deep);color:#fff}
.an-plan li.done{opacity:.7}
.an-plan li.done span{background:var(--success-500);color:#fff}
.an-dlg{max-width:600px}
.an-choices{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.an-choices .skip{align-self:center;margin-top:2px}
.an-note{margin:12px 0 0 !important;font-size:12.5px;text-align:center;color:var(--ink-mute)}
.an-nudge{position:fixed;right:18px;bottom:18px;z-index:44;display:flex;gap:12px;align-items:flex-start;width:min(380px,calc(100vw - 36px));padding:14px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--mint-200);box-shadow:var(--shadow-lg);animation:pop var(--duration-slow) var(--ease-out)}
.an-nudge img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;animation:anwave 2.4s var(--ease-out) 1}
.an-nudge b{display:block;font-size:15px}
.an-nudge span{display:block;font-size:13.5px;color:var(--ink-dim);margin-top:3px}
.an-nb{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.an-nb .skip{font-size:13px;color:var(--ink-mute)}
.gd-shade{position:fixed;inset:0;z-index:70}
.gd-shade.center{background:rgba(15,32,32,.55);display:grid;place-items:center}
.gd-ring{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(15,32,32,.55),0 0 0 3px var(--mint-400),0 0 24px 6px rgba(77,214,189,.45);transition:all .4s var(--ease-out);pointer-events:none}
.gd-shade.center .gd-ring{display:none}
.gd-card{position:fixed;width:min(400px,calc(100vw - 24px));padding:16px 18px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-lg);transition:top .4s var(--ease-out),left .4s var(--ease-out);animation:pop var(--duration-base) var(--ease-out)}
.gd-shade.center .gd-card{position:relative;width:min(460px,calc(100vw - 24px))}
.gd-head{display:flex;gap:12px;align-items:center}
.gd-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--mint-100)}
.gd-head div{flex:1;display:flex;flex-direction:column;line-height:1.2}
.gd-head small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mint-700)}
.gd-head b{font-size:18px}
.gd-x{font-size:22px;color:var(--ink-mute);padding:0 4px;align-self:flex-start}
.gd-card p{margin:10px 0 12px;font-size:15px;line-height:1.5;color:var(--ink)}
.gd-card .why{display:block;margin-top:6px;font-size:13.5px;color:var(--mint-700)}
.gd-phase{margin:-4px 0 12px}
.gd-foot{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.gd-dots{margin-right:auto;display:flex;gap:5px}
.gd-dots i{width:7px;height:7px;border-radius:50%;background:var(--neutral-4)}
.gd-dots i.done{background:var(--mint-300)}
.gd-dots i.on{background:var(--deep);width:18px;border-radius:999px}
@media (max-width:640px){.an-plan{flex-direction:column}}

/* ── Gemeinsame Entscheidungen ─────────────────────────────────────────── */
.eprop{margin:8px 0 4px;padding:12px 14px;border-radius:var(--r-md);background:#fffaf0;border:1px solid #f2d79a}
.eprop.ki{background:var(--mint-50);border-color:var(--mint-200)}
.eprop p{margin:6px 0 8px;font-size:15px;line-height:1.45}
.evers{font-size:13px;color:var(--ink-mute);margin:-2px 0 8px}
.evers div{padding:3px 0;border-top:1px dashed var(--line)}
.evers small{font-weight:800;margin-right:6px}
.ekreis{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.ekreis small{font-size:12px;color:#8a5a00;font-weight:700;margin-left:4px}
.ek{font-size:12px;font-weight:750;padding:3px 9px;border-radius:999px;background:var(--neutral-2);color:var(--ink-mute)}
.ek.ja{background:#e3f6ea;color:var(--success-500)}
.ek.nein{background:var(--red-50);color:var(--error-500)}
.ekoms{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.ekom{font-size:13.5px;padding:4px 0}
.ekom b{margin-right:4px}
.ekform{display:flex;gap:6px;margin-top:6px}
.ekform input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:14px;background:var(--panel)}
.ehint{display:block;margin:4px 0 0;font-size:12.5px;color:var(--ink-mute)}
.kib.eok{background:#e3f6ea;color:var(--success-500)}
.ecard .eline{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:var(--r-sm);font-size:13.5px;font-weight:700}
.ecard .eline:hover{background:var(--panel2)}
.ecard .eline small{color:#8a5a00;font-weight:750;white-space:nowrap}
.ecard .emeta{margin:6px 0 8px;font-size:12.5px;color:var(--ink-mute)}
.ecard .emodus{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-mute)}
.ecard .emodus select{padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:13.5px;background:var(--panel)}

.st-who{margin:-4px 0 12px;font-size:12.5px;color:var(--ink-mute)}
.sugg-note{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-mute)}
.pvote .sugg>div{display:flex;flex-direction:column;gap:4px}
.pvote .ekreis{margin:0}

/* ── Puls der Plattform ────────────────────────────────────────────────── */
.ad-hint{margin:-4px 0 12px;font-size:13px;color:var(--ink-mute)}
.pl{display:flex;flex-direction:column;gap:14px}
.pl-intro{margin:0;color:var(--ink-dim);font-size:14px}
.pl-kpi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.pl-kpi>div{padding:12px;border-radius:var(--r-md);background:var(--panel2);display:flex;flex-direction:column}
.pl-kpi b{font-size:22px;color:var(--deep);line-height:1.1}
.pl-kpi span{font-size:11.5px;color:var(--ink-mute);margin-top:3px}
.pl-kpi .on b{color:var(--mint-650)}
.pl-bar{display:flex;gap:12px;flex-wrap:wrap}
.pl-bar .seg{margin:0}
.pl-bar .seg button{flex:none;padding:7px 12px;font-size:13px}
.pl-card{padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff}
.pl-card h4{margin:0 0 10px;font-size:15px}
.pl-card h4 small{font-weight:600;color:var(--ink-mute);font-size:12.5px;margin-left:6px}
.pl-svg{width:100%;height:auto;display:block}
.pl-grid{stroke:var(--line);stroke-dasharray:3 4}
.pl-ax{font-size:11px;fill:var(--ink-mute)}
.pl-svg rect:hover{filter:brightness(1.15)}
.pl-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pl-legend button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:700}
.pl-legend i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.pl-legend button.off{opacity:.4;text-decoration:line-through}
.pl-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px}
.pl-heat{display:grid;grid-template-columns:76px repeat(var(--n),minmax(0,1fr));gap:2px;align-items:center}
.pl-heat .ph-n{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-heat i{display:block;aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--c) calc(var(--a) * 100%),var(--neutral-2));max-height:22px}
.pl-rh{display:grid;grid-template-columns:26px repeat(24,minmax(0,1fr));gap:2px;align-items:center}
.pl-rh>span{font-size:11.5px;font-weight:700;color:var(--ink-mute)}
.pl-rh small{font-size:10px;color:var(--ink-mute);text-align:center}
.pl-rh i{display:block;aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--deep-2) calc(var(--a) * 100%),var(--neutral-2))}
.pl-table{display:flex;flex-direction:column}
.pl-tr{display:grid;grid-template-columns:minmax(180px,1.6fr) 1fr 1fr .8fr .8fr .7fr 130px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13.5px}
.pl-th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}
.pl-who{display:grid;grid-template-columns:14px 1fr;column-gap:8px}
.pl-who i{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--c);align-self:center}
.pl-who i.live{box-shadow:0 0 0 0 rgba(33,204,173,.6);animation:jp 1.4s infinite}
.pl-who small{font-size:11.5px;color:var(--ink-mute)}
.pl-live{color:var(--mint-650)}
.pl-spark{width:120px;height:26px;display:block}
.pl-ms{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}
.pl-ms>div{display:grid;grid-template-columns:110px 12px 1fr;gap:8px;align-items:center;font-size:13.5px}
.pl-ms time{font-size:12px;color:var(--ink-mute)}
.pl-ms i{width:10px;height:10px;border-radius:50%;background:var(--c)}
@media (max-width:1100px){.pl-kpi{grid-template-columns:repeat(4,1fr)}.pl-two{grid-template-columns:1fr}.pl-tr{grid-template-columns:1.6fr 1fr 1fr .8fr;}.pl-tr>span:nth-child(n+5){display:none}}

/* ── Mein Claude ───────────────────────────────────────────────────────── */
.cl-card #clNew{margin-top:8px}
.cl-key{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.cl-key span{display:flex;flex-direction:column}
.cl-key small{font-size:12px;color:var(--ink-mute)}
.dialog:has(.cl-dlg){max-width:720px}
.cl-step{display:block;margin:14px 0 6px;font-size:14px}
.cl-pre{white-space:pre-wrap;word-break:break-all;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-dark,#1d2b2b);color:#e9faf7;font-size:12.5px;margin:0 0 6px}
.cl-small{font-size:12.5px;color:var(--ink-mute);margin-top:12px !important}
.cl-small code{font-size:12px}
.cl-box{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.cl-prop{padding:12px 14px;border-radius:var(--r-md);background:#f1ebfb;border:1px solid #d9c9f3}
.cl-tag{font-size:12px;font-weight:800;color:#5b3b94}
.cl-q{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-mute)}
.cl-prop p{margin:6px 0 8px;font-size:15px;line-height:1.45}
.cl-fb{padding:14px;border-radius:var(--r-md);background:var(--mint-50);border:1px solid var(--mint-200)}
.cl-fbh{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.cl-fbh img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.cl-fbh div{display:flex;flex-direction:column}
.cl-fbh small{font-size:12px;color:var(--ink-mute)}
.cl-fbt{font-size:14.5px;line-height:1.5}
.cl-iv{font-size:13.5px}
.cl-iv summary{cursor:pointer;font-weight:700;color:var(--deep)}
.cl-m{margin:8px 0;padding:8px 12px;border-radius:var(--r-md);background:var(--panel2)}
.cl-m.anika{background:var(--mint-50)}
.cl-m.claude{background:#f1ebfb;margin-left:24px}
.cl-m p{margin:3px 0 0;white-space:pre-wrap}
.cl-open{margin:12px 0 0 !important;font-size:13.5px}
.cl-gb{margin-top:12px}
.cl-prof{margin-top:12px}
.cl-prof>b{display:block;font-size:13.5px;margin-bottom:2px}

/* Reife je Feld (Gründlings Einschätzung aus dem Interview) */
.cl-reife{padding:12px 14px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line)}
.cr-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.cr-h span{font-size:13px;color:var(--deep);font-weight:700}
.cr-h small{margin-left:auto;font-size:12px;color:var(--ink-mute)}
.cr-bar{display:inline-flex;gap:3px;margin:6px 0}
.cr-bar i{width:26px;height:8px;border-radius:999px;background:var(--neutral-3)}
.cr-bar i.on{background:linear-gradient(90deg,var(--mint-500),var(--deep-2))}
.cr-ax{display:flex;gap:14px;font-size:13px;font-weight:700;color:var(--ink-dim)}
.cl-reife p{margin:6px 0 0;font-size:14px}
.cr-bel{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink-dim)}
.cl-rueb{margin-top:14px;padding:12px 14px;border-radius:var(--r-md);background:var(--panel2)}
.cl-rueb>b{display:block;font-size:14px}
.cl-rueb>small{display:block;font-size:12px;color:var(--ink-mute);margin-bottom:6px}
.cr-row{display:grid;grid-template-columns:minmax(0,1fr) auto 70px;gap:10px;align-items:center;padding:3px 0;text-decoration:none;color:inherit;font-size:13.5px}
.cr-row .cr-bar{margin:0}
.cr-row .cr-bar i{width:18px;height:7px}
.cr-row small{font-size:12px;color:var(--ink-mute);text-align:right}

/* ── Gründlings Lagebild auf der Startseite ── */
.anika-card .speech .lg-wait{color:var(--ink-mute);font-size:15px}
.anika-card .speech .lg-andere{font-size:14px;color:var(--ink-dim)}
.anika-card .speech .lg-lead{font-size:15px;color:var(--ink)}
.lg-list{display:flex;flex-direction:column;gap:6px}
.lg-item{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;text-align:left;padding:9px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md,8px);transition:border-color var(--duration-fast)}
.lg-item:hover{border-color:var(--accent)}
.lg-item .lg-ic{font-size:17px;line-height:1.3}
.lg-item b{display:block;font-size:14px;font-weight:700;color:var(--ink);line-height:1.35}
.lg-item small{display:block;font-size:13px;color:var(--ink-mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lg-item em{display:block;font-style:normal;font-size:12px;color:var(--ink-mute);margin-top:3px}
.lg-item[data-art="zustimmung"],.lg-item[data-art="nachricht"]{border-left:3px solid var(--accent)}
.lg-next{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-md,8px)}
.lg-next small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.lg-next b{font-size:16px;color:var(--ink)}
.lg-next b em{font-style:normal;font-weight:600;color:var(--ink-mute);font-size:14px}
.lg-next span{font-size:14px;color:var(--ink-dim)}
.lg-next .btn{margin-top:6px}
.anika-card .speech .lg-falle{font-size:13px;color:var(--ink-mute);font-style:italic}
.anika-card .speech .lg-online{font-size:14px;color:var(--ink-dim)}
.anika-card .speech .lg-frage{font-size:14px;color:var(--ink)}
.lg-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lg-foot{display:flex;gap:14px;flex-wrap:wrap}
.lg-foot .qlink,.lg-online .qlink{font-size:13px}
@media (max-width:640px){.lg-row .btn{flex:1 1 auto}}
/* Handy: Karte einspaltig (die spätere 126px-Regel oben würde sonst den Text in die schmale Spalte drücken) */
@media (max-width:900px){.anika-card{grid-template-columns:1fr}.lg-next .btn{align-self:stretch}}

/* ── Anmelden: Weg für Neue · Schlüsselwort erklärt ── */
.login-new{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--r-md)}
.login-new span{font-size:14px;color:var(--ink-dim)}
.login-new .btn{align-self:flex-start;margin-top:4px}
.login-neu{margin:8px 0 4px;padding:12px 14px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-md)}
.login-neu p{margin:0 0 8px;font-size:14px;color:var(--ink)}
.key-why{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:12px 14px;background:var(--panel2);border-radius:var(--r-md)}
.key-why p{margin:0;font-size:14px;color:var(--ink-dim)}
.key-why b{color:var(--ink)}
.key-why .key-tip{color:var(--ink-mute);font-size:13px}
.login-new[hidden]{display:none}

/* ── Lite: Gründer-Ikigai (lite.js) ───────────────────────────────────────── */
.modus-wahl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 22px}
.modus{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);transition:border-color var(--duration-fast),transform var(--duration-fast)}
.modus:hover{border-color:var(--accent);transform:translateY(-1px)}
.modus .ic{font-size:28px}
.modus b{display:block;font-size:17px}
.modus span{font-size:14px;color:var(--ink-dim)}
.modus .go{font-weight:800;color:var(--accent);white-space:nowrap}
.lite-tile{background:linear-gradient(120deg,var(--mint-50),var(--panel) 70%);border-color:var(--mint-300,var(--line))}
.lite{padding:26px 0 40px}
.lite-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}
.lite-head h1{margin:6px 0 6px;font-size:clamp(28px,3.2vw,40px);line-height:1.1}
.lite-head .lead{margin:0;color:var(--ink-dim);max-width:62ch}
.lite-meta{display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:center;text-align:left;font-size:13px;color:var(--ink-mute)}
.lite-meta .qlink{grid-column:1/-1;font-weight:700}
.lite-grid{display:grid;grid-template-columns:minmax(320px,.9fr) 1.4fr;gap:20px;align-items:start}
.lite-chat{position:sticky;top:12px;display:flex;flex-direction:column;height:min(78vh,760px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.lite-anika{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.lite-anika img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.lite-anika small{display:block;color:var(--ink-mute);font-size:12px}
.lite-anika .qlink{margin-left:auto}
.lite-msgs{flex:1}
.lite-start{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}
.lite-start .chip{border-radius:999px}
.lite-msgs .dots{color:var(--ink-mute);font-style:italic}
.lite-vor{align-self:stretch;text-align:left;background:var(--warning-50,var(--panel2));border-radius:var(--r-md);padding:10px 12px;color:var(--ink)}
.lite-vor .vor{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0;border-top:1px dashed var(--line)}
.lite-vor .vor:first-of-type{border-top:0}
.lite-vor .chip{padding:5px 10px;font-size:13px;margin-left:4px}
.lite-board{display:flex;flex-direction:column;gap:18px}
.lite-satz{background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-lg);padding:14px 16px}
.lite-satz label b{display:block;font-size:17px}
.lite-satz small{display:block;color:var(--ink-mute);font-size:13px;margin-bottom:8px}
.lite-satz textarea{width:100%;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);font-size:16px}
.lite-bereich h2{margin:0 0 10px;font-size:20px;color:var(--c-ink)}
.lite-bereich h2 small{font-size:14px;font-weight:600;color:var(--ink-mute);margin-left:6px}
.lite-kaesten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.lite-kasten{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--c-soft);border-radius:var(--r-md);padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px}
.lite-kasten.voll{border-top-color:var(--c)}
.lite-kasten .k-kopf{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lite-kasten .k-kopf .qlink{font-size:12px;white-space:nowrap}
.lite-kasten .k-frage{margin:0;font-size:13px;color:var(--ink-mute);line-height:1.4}
.lite-kasten ul{list-style:none;margin:2px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.lite-kasten li{position:relative;background:var(--c-soft);border-radius:var(--r-sm);padding:7px 26px 7px 10px;font-size:14.5px}
.lite-kasten li .statt{display:block;width:100%;margin-top:6px;padding:6px 8px;border:1px dashed var(--c);border-radius:var(--r-sm);background:var(--panel);font-size:14px}
.lite-kasten li .x{position:absolute;top:4px;right:6px;color:var(--ink-mute);font-size:16px;line-height:1}
.lite-kasten li .warn{display:block;font-style:normal;font-size:12px;color:var(--warning-700,var(--brand-strong));margin-top:2px}
.lite-kasten form{display:flex;gap:6px;margin-top:auto}
.lite-kasten form input{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:14px}
@media (max-width:900px){
  .modus-wahl{grid-template-columns:1fr}
  .lite-grid{grid-template-columns:1fr}
  .lite-chat{position:static;height:60vh}
  .lite-head{flex-direction:column;align-items:flex-start}
}
.lite-start .chip.tun{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}

/* ── Plattform-Cockpit (cockpit.js) ───────────────────────────────────────── */
.cp{display:flex;flex-direction:column;gap:18px}
.cp-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}
.cp-head h2{margin:0;font-size:26px}
.cp-head small{color:var(--ink-mute)}
.cp-links{display:flex;gap:14px;font-weight:700}
.cp-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cp-kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center}
.cp-kpi span{font-size:20px;grid-row:span 2}
.cp-kpi b{font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1}
.cp-kpi small{color:var(--ink-mute);font-size:12.5px;line-height:1.3}
.cp-kpi.hot{border-color:var(--accent);background:var(--accent-soft)}
.cp-online{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.cp-chip{padding:4px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-weight:650}
.cp-chip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.cp-leer{color:var(--ink-mute);font-style:italic}
.cp-chart{display:flex;gap:4px;align-items:flex-end;height:130px;padding:10px 12px 4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}
.cp-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.cp-bar i{display:block;width:100%;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0;opacity:.85}
.cp-bar small{font-size:10px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.cp-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}
.cp-grid section,.cp-projekte{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.cp h3{margin:0 0 10px;font-size:18px}
.cp-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}
.cp-filter .chip{padding:5px 10px;font-size:13px;border-radius:999px}
.cp-filter select{margin-left:auto;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2)}
.cp-feed ol{list-style:none;margin:0;padding:0;max-height:620px;overflow-y:auto;display:flex;flex-direction:column}
.cp-feed li{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:8px 2px;border-top:1px solid var(--line);font-size:14.5px}
.cp-feed li:first-child{border-top:0}
.cp-ic{font-size:17px}
.cp-sub{display:block;color:var(--ink-mute);font-size:12.5px;margin-top:2px}
.cp-n{color:var(--ink-mute);font-weight:700}
.cp-menschen table{width:100%;border-collapse:collapse;font-size:14px}
.cp-menschen th{white-space:nowrap;text-align:left;font-size:12px;color:var(--ink-mute);font-weight:700;padding:4px 6px;border-bottom:1px solid var(--line)}
.cp-menschen td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.cp-menschen td:nth-child(n+2){white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-menschen tr{cursor:pointer}
.cp-menschen tr:hover td{background:var(--panel2)}
.cp-menschen tr.on b{color:var(--accent)}
.cp-tag{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--panel2);color:var(--ink-dim)}
.cp-tag.lite{background:var(--mint-50);color:var(--mint-700)}
.cp-tag.warn{background:var(--warning-50);color:var(--warning-700)}
.cp-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cp-proj{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--ink);background:var(--panel2)}
.cp-proj:hover{border-color:var(--accent)}
.cp-proj small{color:var(--ink-mute);font-size:12.5px}
.cp-akt{font-size:13px;color:var(--ink-dim)}
@media (max-width:1000px){ .cp-grid{grid-template-columns:1fr} }
.lite-hinweis{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:min(760px,calc(100% - 32px));padding:12px 14px 12px 18px;background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-md);box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:15px}
.lite-hinweis span{flex:1 1 300px}
.lite-hinweis code{font-size:13px;background:var(--accent-soft);padding:1px 6px;border-radius:6px}
/* Lite minimal: erst nur die eine Frage, dann Gespräch, das Dashboard wächst dazu */
.lite-erst{min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px 16px}
.lite-erst img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.lite-erst h1{margin:0;font-size:clamp(30px,4.4vw,48px);line-height:1.12}
.lite-erst form{width:min(640px,100%);display:flex;flex-direction:column;gap:10px;align-items:stretch}
.lite-erst textarea{width:100%;resize:vertical;padding:14px 16px;font-size:18px;border:2px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.lite-erst textarea:focus{outline:none;border-color:var(--accent)}
.lite-erst .btn{align-self:center;min-width:140px}
.lite-grid{grid-template-columns:minmax(0,760px);justify-content:center}
.lite-bkopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lite-bkopf small{display:block;color:var(--ink-mute);font-size:13px}
.lite-bkopf .qlink{margin-left:auto;font-weight:700}
.lite-mehr summary{cursor:pointer;color:var(--ink-dim);font-weight:650;padding:4px 0}
.lite-mehr .lite-kaesten{margin-top:10px}
.lite-bereich,.lite-satz{animation:liteRein .5s ease both}
@keyframes liteRein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lite-seite{display:flex;flex-direction:column;gap:18px;max-width:1100px;margin:0 auto}
.lite-seite h1{margin:0;font-size:clamp(26px,3vw,36px)}
.lite-zurueck{font-weight:700;align-self:flex-start}
.lite-noch{color:var(--ink-mute);font-style:italic}
.lite-zurseite{margin-left:auto;font-weight:700;font-size:13.5px;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-decoration:none}
.lite-zurseite + .qlink{margin-left:8px}
.lite-seitehinweis a{font-weight:700;margin-left:4px;color:var(--accent)}
.lite-recherchen h2{margin:0 0 10px;font-size:20px}
.lite-rech{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin-bottom:10px}
.lite-rech summary{cursor:pointer}
.lite-rech summary small{color:var(--ink-mute);margin-left:6px}
.lite-fazit{display:block;margin-top:6px;color:var(--ink-dim);font-size:14.5px}
.lite-rech .md{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
/* Umschalter Lite / volle Version, und Lite ohne den Rest der Kopfleiste */
.modus-btn{order:99;font:inherit;font-weight:700;font-size:13.5px;padding:7px 13px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;white-space:nowrap}
.modus-btn:hover{background:var(--accent);color:#fff}
body.lite-modus .top > :not(.eyebrow):not(.spacer):not(#who):not(#modusBtn):not(#projPill){display:none!important}
body.lite-modus #who .ring{display:none}
body.lite-modus:not(.ld-ungelesen) .ld-btn{display:none!important}   /* Lite bleibt ruhig, aber Nachrichten sieht man immer */
.lite-seite .lite-kaesten{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.lite-kasten .statt-t{display:block;font-style:normal;color:var(--c-ink);margin-top:3px;font-size:14px}
/* Lite live: Gründling tippt, schreibt mit, neue Antwort leuchtet kurz */
.lite-msgs .m.tippt{display:flex;align-items:center;gap:10px}
.lite-msgs .m.tippt small{color:var(--ink-mute);font-size:13px}
.tipp{display:inline-flex;gap:4px}
.tipp i{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.35;animation:tipp 1.1s infinite}
.tipp i:nth-child(2){animation-delay:.18s}.tipp i:nth-child(3){animation-delay:.36s}
@keyframes tipp{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.lite-msgs .cursor{display:inline-block;width:8px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.lite-msgs .m.bot.neu{animation:neuAntwort 1.6s ease}
@keyframes neuAntwort{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
.lite-msgs .m.bot.live{background:var(--c-soft,var(--panel2))!important;padding:10px 14px;max-width:85%;width:auto}
.lite-msgs .m.bot.live>:last-child{margin-bottom:0}

/* ── Ankommen (/ankommen): das Rad der Gründer-Reise ─────────────────────── */
body.ankommen-modus .top > :not(.eyebrow):not(.spacer):not(#who):not(#modusBtn){display:none!important}
body.ankommen-modus .ld-btn,body.ankommen-modus .an-nudge{display:none!important}   /* auf Ankommen nur die zwei Wege unten */
.ak{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px;padding-bottom:40px}
.ak h2{font-size:clamp(26px,3.2vw,38px);line-height:1.1;margin:0 0 12px;letter-spacing:-.01em}
.ak-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px}
.ak-hero h1{font-size:clamp(36px,5vw,62px)}
.ak-hero h1 span{display:block;font-size:.5em;line-height:1.2;color:var(--ink-dim);font-weight:700;margin-top:10px;letter-spacing:0}
.ak-hero .lead{margin:6px auto 0;text-align:center;max-width:40em}
.ak-gruss{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 18px 6px 6px;text-align:left;box-shadow:var(--shadow-soft)}
.ak-gruss img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.ak-gruss p{margin:0;font-size:15px;color:var(--ink-dim)}
.ak-bild{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
.ak-rad-box{position:relative}
.ak-rad{width:100%;height:auto;display:block;overflow:visible}
.ak-spur{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:3 9;transform-origin:220px 220px;animation:akSpur 40s linear infinite}
@keyframes akSpur{to{transform:rotate(360deg)}}
.ak-q{cursor:pointer;outline:none}
.ak-q path{fill:var(--c-soft);stroke:var(--c);stroke-width:2;transition:fill .25s,transform .25s;transform-origin:220px 220px}
.ak-q:hover path,.ak-q:focus-visible path,.ak-q.an path{fill:color-mix(in srgb,var(--c) 26%,var(--c-soft));transform:scale(1.025)}
.ak-q text{text-anchor:middle;fill:var(--c-ink);pointer-events:none}
.ak-q-kurz{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.75}
.ak-q-titel{font-size:19px;font-weight:800}
.ak-q-zeile{font-size:11.5px;font-weight:600;opacity:.85}
.ak-achse{stroke:var(--bg);stroke-width:5}
.ak-mitte{fill:var(--panel);stroke:var(--ink);stroke-width:2.5}
.ak-du{text-anchor:middle;font-size:30px;font-weight:800;fill:var(--ink)}
.ak-du-sub{text-anchor:middle;font-size:12.5px;font-weight:600;fill:var(--ink-mute)}
.ak-anika-ring{fill:var(--panel);stroke:var(--c-mint);stroke-width:3}
.ak-legende{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ak-legende button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;padding:14px 16px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--c);transition:transform .2s,box-shadow .2s}
.ak-legende button:hover,.ak-legende button.an{transform:translateX(4px);box-shadow:var(--shadow-soft)}
.ak-legende b{display:block;font-size:17px;color:var(--c-ink)}
.ak-legende small{color:var(--ink-mute);font-size:13.5px}
.ak-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ak-karte{background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--c);border-radius:var(--r-lg);padding:22px 24px;scroll-margin:90px}
.ak-karte.blink{animation:akBlink 1.2s ease}
@keyframes akBlink{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 50%,transparent)}100%{box-shadow:0 0 0 16px transparent}}
.ak-karte-kurz{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--c-ink);opacity:.8}
.ak-karte h3{margin:4px 0 2px;font-size:24px}
.ak-karte-zeile{margin:0 0 10px;color:var(--c-ink);font-weight:700}
.ak-karte p{color:var(--ink-dim)}
.ak-karte ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.ak-karte li{background:var(--c-soft);color:var(--c-ink);font-size:13.5px;font-weight:650;padding:5px 10px;border-radius:999px}
.ak-rollen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.ak-rollen p{color:var(--ink-dim);font-size:17px;margin:0}
.ak-vergleich{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}
.ak-vergleich figcaption{font-size:14px;color:var(--ink-mute)}
.ak-vergleich figcaption b{display:block;color:var(--ink);font-size:15px}
.ak-mini{width:100%;max-width:170px;height:auto;overflow:visible}
.ak-mini path{fill:var(--c);stroke:var(--panel);stroke-width:1.5}
.ak-mini .ak-boden{stroke:var(--ink-mute);stroke-width:2;fill:none}
.ak-mini.kantig g{transform-origin:34px 112px;animation:akWackel 2.4s ease-in-out infinite}
@keyframes akWackel{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
.ak-dreh{transform-origin:60px 60px;animation:akRoll 3.2s ease-in-out infinite alternate}
@keyframes akRoll{from{transform:translateX(-34px) rotate(-38deg)}to{transform:translateX(34px) rotate(38deg)}}
.ak-weg ol{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:x}
.ak-weg li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px}
.ak-weg li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--c);color:#fff}
.ak-weg li b{font-size:17px}
.ak-weg li p{margin:4px 0 0;color:var(--ink-dim);font-size:14.5px}
.ak-weg li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:22px;color:var(--ink-mute);font-weight:800}
.ak-vs{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}
.ak-vs>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px}
.ak-vs h3{margin:0 0 8px;font-size:18px}
.ak-vs ul{margin:0;padding-left:18px;color:var(--ink-dim)}
.ak-vs li{margin:4px 0}
.ak-vs .ak-wir{border:2px solid var(--accent);background:var(--accent-soft)}
.ak-vs .ak-wir ul{color:var(--ink)}
.ak-los{text-align:center;background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-lg);padding:34px 20px}
.ak-los p{color:var(--ink-dim);font-size:17px;margin:0 0 18px}
.ak-knoepfe{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:900px){
  .ak{gap:40px}
  .ak-bild,.ak-rollen{grid-template-columns:1fr}
  .ak-karten,.ak-vs{grid-template-columns:1fr}
  .ak-weg ol{grid-template-columns:1fr 1fr}
  .ak-weg li::after{display:none}
  .ak-rollen{padding:22px}
}
@media (max-width:520px){ .ak-weg ol{grid-template-columns:1fr} .ak-gruss{border-radius:var(--r-md)} }
/* Lite: Projektseiten (Schreibtisch je Vorhaben) und „Wohin mit dem Zettel?“ */
.lite-orte{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lite-orte .lite-zurseite{margin-left:0}
.lite-zurseite.proj{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
.lite-zurseite.proj.on{border-color:var(--accent);color:var(--accent)}
.lite-ziel{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-mute);font-weight:600}
.lite-ziel.proj{color:var(--accent)}
.lite-wohin{display:flex;gap:10px;align-items:flex-start;margin:4px 0 8px;padding:12px;background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-md);text-align:left;animation:liteRein .35s ease both}
.lite-wohin img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.lite-wohin p{margin:0 0 8px;font-size:14.5px;color:var(--ink);line-height:1.45}
.lite-wohin-ps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.lite-wohin .chip{margin-left:0}
.lite-wohin-neu{display:flex;gap:6px;flex-wrap:wrap}
.lite-wohin-neu input{flex:1 1 180px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font-size:14.5px}
.lite-wohin-aus{margin-top:8px;font-size:13px;color:var(--ink-mute)}
.lite-wohin-aus .qlink{font-size:13px}
.lite-pnav{display:flex;gap:16px;align-items:center}
.lite-pkopf small{font-weight:700;color:var(--accent);letter-spacing:.02em}
.lite-pkopf h1{margin:2px 0 4px}
.lite-pmeta{font-size:13px;color:var(--ink-mute)}
.lite-pmeta .qlink{font-size:13px}
.lite-erklaer{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-lg);animation:liteRein .5s ease both}
.lite-erklaer img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.lite-erklaer p{margin:0 0 8px;line-height:1.5;max-width:70ch}
.lite-erklaer .btn{margin-top:4px}
.lite-offen h2,.lite-projekte h2{margin:0 0 10px;font-size:18px;color:var(--ink-dim)}
.lite-kasten.frei{background:transparent;border:1.5px dashed var(--line);border-top:1.5px dashed var(--line);opacity:.85}
.lite-kasten.frei .qlink{align-self:flex-start;font-size:13px}
.lite-kasten li.frisch{animation:liteFrisch 2.4s ease 2;box-shadow:0 0 0 2px var(--accent)}
.lite-kasten .neu-tag{position:absolute;top:-8px;left:8px;font-style:normal;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff}
@keyframes liteFrisch{0%,100%{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 6px var(--accent-soft)}}
.lite-pkarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.lite-pkarte{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.lite-pkarte:hover{border-color:var(--accent)}
.lite-pkarte small{color:var(--ink-mute)}
.lite-pkarte span{font-weight:700;color:var(--accent);font-size:13.5px;margin-top:4px}
@media (max-width:640px){.lite-erklaer{flex-direction:column}.lite-vor .vor{flex-direction:column;align-items:stretch}}
/* Ankommen: Abschluss mit zwei Wegen und „Ich bin dabei“ */
.ak-cta{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:14px;justify-content:center}
.ak-cta-k{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;border-radius:var(--r-lg);text-decoration:none;border:2px solid var(--accent);transition:transform .15s ease,box-shadow .15s ease}
.ak-cta-k:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.ak-cta-k span{font-size:38px;line-height:1}
.ak-cta-k img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.ak-cta-k b{font-size:20px}
.ak-cta-k small{font-size:14px;opacity:.85}
.ak-cta-k.dabei{background:var(--accent);color:var(--text-inverse,#fff)}
.ak-cta-k.anika{background:var(--panel);color:var(--ink)}
.ak-dabei{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ak-dabei h1{margin:0;font-size:clamp(30px,4vw,44px)}
.ak-fakten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.ak-fakten div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}
.ak-fakten span{grid-row:span 2;font-size:24px}
.ak-fakten small{color:var(--ink-mute)}
.ak-form{display:flex;flex-direction:column;gap:12px;width:100%;background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-lg);padding:20px}
.ak-form label{display:flex;flex-direction:column;gap:5px;font-weight:650}
.ak-form label small{font-weight:400;color:var(--ink-mute)}
.ak-form input:not([type=checkbox]),.ak-form textarea{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);font:inherit;font-weight:400}
.ak-form .ak-ok{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:14.5px;color:var(--ink-dim)}
.ak-form .ak-ok input{margin-top:3px}
.ak-form .btn{align-self:flex-start}
.ak-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ak-danke{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;width:100%;padding:30px 10px}
.ak-danke img{width:90px;height:90px;border-radius:50%;object-fit:cover}
.ak-danke p{max-width:52ch;color:var(--ink-dim);font-size:17px;margin:0}
.cp-res{margin-top:18px}
.cp-res table{width:100%;border-collapse:collapse;font-size:14px}
.cp-res td,.cp-res th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
@media (max-width:640px){.ak-cta,.ak-fakten{grid-template-columns:1fr}}
/* Lite: Sparring auf „Meine Seite“, schiebt raus ins Tun */
.lite-spar{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:var(--r-lg);background:var(--accent-soft);border:2px solid var(--accent);animation:liteRein .5s ease both}
.lite-spar.warn{background:var(--warning-50);border-color:var(--warning-500)}
.lite-spar-kopf{display:flex;gap:14px;align-items:flex-start}
.lite-spar-kopf img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.lite-spar-kopf small{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;color:var(--ink-mute)}
.lite-spar-kopf p{margin:2px 0 10px;font-size:17px;line-height:1.45;max-width:70ch}
.lite-spar .lite-lob{font-size:14.5px;color:var(--accent);font-weight:650;margin-top:-4px}
.lite-spar-k{display:flex;gap:8px;flex-wrap:wrap}
.lite-waage{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:14px;color:var(--ink-dim)}
.lite-waage-bar{height:10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.lite-waage-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;min-width:4px;transition:width .6s ease}
.lite-luecken{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lite-luecken small{color:var(--ink-mute);margin-right:4px}
.lite-luecken .chip{font-size:13px;padding:5px 10px}
.lite-luecken .chip.raus{border-color:var(--accent);color:var(--accent);font-weight:700}
.lite-kasten li .hak{position:absolute;left:8px;top:8px;width:18px;height:18px;border-radius:5px;border:2px solid var(--accent);background:var(--panel);color:#fff;font-size:12px;line-height:14px;font-weight:800;cursor:pointer;padding:0}
.lite-kasten li:has(.hak){padding-left:34px}
.lite-kasten li.erledigt .hak{background:var(--accent)}
.lite-kasten li.erledigt span{text-decoration:line-through;text-decoration-color:var(--accent);opacity:.75}
@media (max-width:640px){.lite-spar-kopf{flex-direction:column}.lite-waage{grid-template-columns:1fr;gap:4px}}
/* Lite: Energie-Rad, wo die Zeit hingeht */
.lite-energie{display:flex;gap:20px;align-items:center;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);animation:liteRein .5s ease both}
.lite-energie.einseitig{border:2px solid var(--warning-500);background:var(--warning-50)}
.lite-energie h2{margin:0 0 6px;font-size:19px}
.lite-energie p{margin:0 0 10px;line-height:1.5;max-width:64ch}
.lite-energie small{display:block;margin-top:8px;color:var(--ink-mute);font-size:12.5px}
.lite-erad{width:190px;height:190px;flex:none}
.lite-erad.gross{width:240px;height:240px}
.lite-erad .leer{fill:none;stroke:var(--c);stroke-width:1.2;stroke-dasharray:3 3;opacity:.55}
.lite-erad .voll{fill:var(--c-soft);stroke:var(--c);stroke-width:2}
.lite-erad .e-n{font-size:10px;font-weight:800;fill:var(--c-ink,var(--ink));text-anchor:middle;letter-spacing:.03em}
.lite-erad .e-h{font-size:11.5px;font-weight:700;fill:var(--ink);text-anchor:middle}
.lite-erad .e-mitte{fill:var(--panel);stroke:var(--ink);stroke-width:1.5}
.lite-erad .e-du{font-size:14px;font-weight:800;text-anchor:middle;fill:var(--ink)}
.lite-dauer{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.lite-raus{display:flex;flex-direction:column;gap:5px;font-weight:650;margin-bottom:10px}
.lite-raus small{font-weight:400;color:var(--ink-mute)}
.lite-raus textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);font:inherit;font-weight:400}
@media (max-width:640px){.lite-energie{flex-direction:column;align-items:flex-start}.lite-erad,.lite-erad.gross{width:100%;max-width:260px;height:auto;align-self:center}}
/* Projekt-Übersicht: Wer bringt Energie rein? */
.team-energie{margin:14px 0}
.team-energie h3 small{font-weight:500;color:var(--ink-mute);font-size:13px}
.te-satz{margin:4px 0 12px;padding:10px 12px;border-radius:var(--r-md);background:var(--accent-soft);line-height:1.45}
.te-satz.warn{background:var(--warning-50);border:1px solid var(--warning-500)}
.te-liste{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.te-p{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;grid-template-areas:"name bar zahl" "name status status";gap:2px 12px;align-items:center;padding:8px 10px;border-radius:var(--r-md);background:var(--panel2)}
.te-name{grid-area:name}.te-name small{display:block;color:var(--ink-mute);font-size:12px}
.te-bar{grid-area:bar;height:12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.te-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.te-zahl{grid-area:zahl;font-size:13px;color:var(--ink-dim);white-space:nowrap}
.te-status{grid-area:status;font-size:12.5px;color:var(--ink-mute)}
.te-nie{background:var(--warning-50);border:1px dashed var(--warning-500)}
.te-nie .te-status{color:var(--warning-700);font-weight:700}
.te-weg .te-status,.te-still .te-status{color:var(--warning-700)}
@media (max-width:640px){.te-p{grid-template-columns:1fr;grid-template-areas:"name" "bar" "zahl" "status"}}
/* Sprechen: Dauergespräch und Vorlesen */
.voice-pill.dauer{background:var(--accent);bottom:120px}
.voice-pill .vp-aus{margin-left:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.voice-pill .vp-aus:hover{background:rgba(255,255,255,.15)}
.m.bot{position:relative}
.m.bot .vorlesen{position:absolute;right:6px;bottom:4px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;font-size:14px;cursor:pointer;opacity:.35;transition:opacity .15s}
.m.bot:hover .vorlesen,.m.bot .vorlesen:focus-visible,.m.bot .vorlesen.on{opacity:1}
.m.bot .vorlesen.on{background:var(--accent-soft);animation:mic 1.2s infinite}
.m.bot:has(.vorlesen){padding-bottom:26px}
.lite-erst .voice-hint{text-align:center;padding:0}
.lite-erst .mic{align-self:center}
/* Lite: gemeinsam mit anderen */
.lite-team{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}
.lite-team small{flex-basis:100%;color:var(--ink-mute)}
.lite-lade-f{display:flex;gap:6px}
.lite-lade-f input{padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit;font-size:14px;min-width:0;width:170px}
.lite-lade{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
/* Lite: Dateien im Gespräch */
.lite-clip{flex:none;width:48px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);font-size:20px;display:grid;place-items:center;cursor:pointer}
.lite-clip:hover{border-color:var(--accent)}
.lite-anhang{display:flex;gap:10px;align-items:center;margin:0 16px 8px;padding:8px 10px;border:1px dashed var(--accent);border-radius:var(--r-md);background:var(--accent-soft)}
.lite-anhang img{width:44px;height:44px;object-fit:cover;border-radius:8px}
.lite-anhang .ic{font-size:26px}
.lite-anhang span{flex:1;min-width:0}
.lite-anhang b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lite-anhang small{color:var(--ink-mute);font-size:12.5px}
.lite-anhang .x{border:0;background:transparent;font-size:20px;color:var(--ink-mute);cursor:pointer}
.lite-chat.drop{outline:3px dashed var(--accent);outline-offset:-6px}
.m.me .m-datei{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;opacity:.9}
.m.me .m-datei img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.lite-video{width:100%;max-height:60vh;border-radius:var(--r-md);background:#000;margin:6px 0 8px}
#liteForm .lite-clip{width:42px}
@media (max-width:640px){#liteForm{flex-wrap:wrap}#liteForm textarea{flex-basis:100%;order:-1}}
/* Einsatz-Spektrum: Lite-Auswahl und /ankommen */
.lite-start .lite-frage{flex-basis:100%;margin:2px 0 2px;font-size:14.5px;color:var(--ink-dim)}
.chip.leise{background:transparent;border-color:transparent;color:var(--ink-mute)}
.ak-einsatz p{color:var(--ink-dim);font-size:17px;max-width:46em;margin:0 0 16px}
.ak-spektrum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.ak-spektrum span{padding:14px 12px;display:flex;flex-direction:column;gap:2px;background:color-mix(in srgb,var(--brand) calc(var(--i,0) * 9%),var(--panel))}
.ak-spektrum span:nth-child(1){--i:0}.ak-spektrum span:nth-child(2){--i:1}.ak-spektrum span:nth-child(3){--i:2}.ak-spektrum span:nth-child(4){--i:3}.ak-spektrum span:nth-child(5){--i:4}
.ak-spektrum b{font-size:15px}
.ak-spektrum small{color:var(--ink-mute);font-size:13px}
@media (max-width:760px){ .ak-spektrum{grid-template-columns:1fr} }
/* Lite ↔ volle Version: ein Projekt, zwei Ansichten */
.lite-voll-hallo{display:flex;gap:14px;align-items:flex-start;margin:0 0 14px;padding:16px 18px;background:var(--accent-soft);border:2px solid var(--accent);border-radius:var(--r-lg)}
.lite-voll-hallo img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.lite-voll-hallo p{margin:6px 0}
.lite-voll-hallo ul{margin:4px 0 10px;padding-left:18px;line-height:1.6}
.lite-voll-hallo .row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.lite-gem{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.lite-gem h2{margin:0 0 8px;font-size:17px}
.lite-gem ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.lite-gem li{background:var(--panel2);border-radius:var(--r-sm);padding:7px 10px;font-size:14.5px}
.lite-gem li small{display:block;color:var(--ink-mute);font-size:12px}
.lite-mehr-voll{display:flex;gap:12px;align-items:center;margin-top:12px;padding:14px 16px;border:2px dashed var(--accent);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);background:var(--panel)}
.lite-mehr-voll:hover{background:var(--accent-soft)}
.lite-mehr-voll span{font-size:28px}
.lite-mehr-voll small{display:block;color:var(--ink-dim);margin-top:2px}
.lite-mehr-voll em{margin-left:auto;font-style:normal;font-weight:700;color:var(--accent);white-space:nowrap}
@media (max-width:640px){.lite-mehr-voll{flex-wrap:wrap}.lite-mehr-voll em{margin-left:0}}
.lite-begl{margin:-6px 0 0;color:var(--ink-dim);font-size:14.5px}
.lite-begl select{margin-left:6px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit}
/* Flamme und Gewohnheitsrad (Atomic Habits, nur auf Wunsch) */
.lite-flamme{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 20px}
.lite-flamme svg{width:140px;height:140px;flex:none}
.lite-flamme circle{stroke:var(--neutral-3,var(--line))}
.lite-flamme circle.an{stroke:#ff8a3d}
.lite-flamme circle.heute{stroke-opacity:.55}
.lite-flamme circle.heute.an{stroke-opacity:1}
.lite-flamme .fl{fill:var(--neutral-4,var(--line));transform-origin:70px 86px}
.lite-flamme .fl.brennt{fill:#ff7a1a;animation:flackern 1.6s ease-in-out infinite}
@keyframes flackern{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.05,1.08) rotate(-2deg)}60%{transform:scale(.97,1.03) rotate(2deg)}}
.lite-flamme text{font:800 22px var(--font-sans);fill:var(--ink)}
.lite-flamme b{display:block;font-size:20px}
.lite-flamme small{display:block;color:var(--ink-mute);margin:4px 0 10px;max-width:40em}
.lite-heute{font-weight:700;color:var(--accent)}
.lite-fl-schalter{margin-left:10px;font-size:14px;cursor:pointer}
@media (max-width:560px){ .lite-flamme{flex-direction:column;text-align:center} }
/* Mehrere Anhänge: Vorschaubilder nebeneinander, je mit ×, Text darunter auf schmalen Schirmen */
.lite-anhang{flex-wrap:wrap}
.lite-anhang .lite-anh-liste{display:flex;flex-wrap:wrap;gap:6px;flex:0 1 auto}
.lite-anhang .lite-anh{position:relative;flex:none}
.lite-anhang .lite-anh .x{position:absolute;top:-8px;right:-8px;width:20px;height:20px;line-height:18px;padding:0;border-radius:50%;background:var(--panel);border:1px solid var(--line);font-size:14px}
.lite-anhang>span{flex:1 1 200px}
.m.me .m-dateien{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.m.me .m-dateien .m-datei{margin:0}
/* ── Handy (≤ 640 px): Feinschliff nach Test auf 390 px ─────────────────── */
@media (pointer:coarse){.voice-hint{display:none}}   /* Leertaste gibt es auf dem Handy nicht */
@media (max-width:640px){
  /* Kopfleiste: Projektknopf mit Namen, kompakt */
  .prog-pill .lbl{display:inline;max-width:96px;font-size:13px}
  .prog-pill{padding:4px 10px 4px 4px}
  /* Lite-Chat: Gespräch füllt den Bildschirm, Kopf in einer Zeile */
  .lite{padding:8px 0 0}
  .lite-chat{position:relative;height:calc(100dvh - 118px);min-height:420px;border-radius:var(--r-md)}
  .lite-anika{padding:8px 10px;gap:8px}
  .lite-anika img{width:32px;height:32px}
  .lite-anika small{display:none}
  .lite-orte{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:52vw}
  .lite-orte::-webkit-scrollbar{display:none}
  .lite-zurseite{white-space:nowrap}
  .lite-msgs{padding:10px}
  .lite-start{max-height:34vh;overflow-y:auto;padding:4px 10px 8px}
  .lite-start .chip{font-size:13px;padding:6px 10px}
  #liteForm{padding:8px 10px calc(10px + env(safe-area-inset-bottom));gap:6px}
  #liteForm textarea{min-height:44px}
  #liteForm .lite-clip,#liteForm .mic{width:40px;height:40px;font-size:18px}
  #liteForm .btn{flex:1;min-height:40px}
  .lite-vor .vor span:last-child{display:flex;gap:6px}
  .lite-vor .chip{flex:1}
  .lite-wohin{flex-direction:column}
  .lite-wohin-neu input{flex-basis:100%}
  /* Gründling-Chat der vollen Version: Textfeld oben in voller Breite, Knöpfe darunter */
  .composer{flex-wrap:wrap;align-items:center}
  .composer textarea{flex-basis:100%;order:-1}
  .composer .btn{flex:1}
  .composer .mini-btn,.composer .mic{width:44px;height:44px;align-self:center}
  /* Projektraum: Gründling-Karte, dann der Inhalt, dann die Quellen */
  .pj{display:flex;flex-direction:column;gap:14px;padding-top:12px}
  .pj-side{display:contents}
  .pj-side .anika-mini{order:1}
  .pj-main{order:2;width:100%}
  .pj-side .pj-src{order:3}
  .grundlage{flex-wrap:wrap;align-items:flex-start}
  .grundlage>div:nth-child(2){flex-basis:calc(100% - 40px)}
  .gl-act{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding-left:30px}
  /* Community: Wunschkarten untereinander statt gequetscht */
  .grow-row{grid-template-columns:1fr!important}
  .g-lust{justify-content:space-between}
  /* „niemand da“ klein in der Ecke, verdeckt keinen Inhalt */
  .live-dock{left:10px;bottom:10px;transform:scale(.88);transform-origin:left bottom}
  /* Dialoge auf dem Handy: volle Breite, scrollbar */
  .dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 40px);overflow:auto}
}
/* Projekt löschen: im Status-Menü und als Bestätigungsknopf */
.pmenu button.danger b{color:var(--c-red-ink,#b3261e)}
.btn.danger{background:var(--c-red,#d93a3a);border-color:var(--c-red,#d93a3a);color:#fff}
.btn.danger:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:640px){.voice-hint{display:none}.lite-orte .lz-t{display:none}.lite-orte{max-width:none}}
@media (max-width:640px){
  /* Kopfleiste in zwei Zeilen: Projekte stecken im Projektmenü, „Mein Stand“ als ☰ */
  body:not(.lite-modus) .top #projBtn{display:none!important}
  .menu-btn{font-size:0!important;padding:8px 12px}
  .menu-btn::after{content:"☰";font-size:18px;line-height:1}
  .prog-pill .lbl{max-width:80px}
  /* Team-Energie: untereinander, nichts überlappt */
  .te-p{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .te-zahl{white-space:normal}
}
@media (max-width:640px){.mem-add{flex-wrap:wrap}.mem-add input[type=text]{flex-basis:100%}.mem-add select{flex:1}}
/* Projektkarten: Pausieren, weiter, einladen, löschen direkt in der Übersicht */
.pj-akt{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;position:relative;z-index:1}
.pj-akt button{font:inherit;font-size:13px;font-weight:650;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);cursor:pointer}
.pj-akt button:hover{border-color:var(--accent);color:var(--accent)}
.pj-akt button.danger:hover{border-color:var(--c-red,#d93a3a);color:var(--c-red,#d93a3a)}
/* Neustart beim Deploy: Band statt Fehlermeldung */
.neustart-band{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:9999;background:var(--ink);color:var(--panel);font-weight:650;font-size:14px;padding:9px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:calc(100% - 24px)}
@media (max-width:640px){
  /* Volle Version, Handy: Zeile 1 = ich … Lite/Voll ganz rechts, Zeile 2 = der Rest */
  body:not(.lite-modus) .top > *{order:3}
  body:not(.lite-modus) .top > .eyebrow{order:0;flex-basis:100%}
  body:not(.lite-modus) .top > #who{order:1}
  body:not(.lite-modus) .top > .spacer{order:2;flex:1;display:block}
  body:not(.lite-modus) .top{gap:8px}
  body:not(.lite-modus) .top .prog-pill .lbl{max-width:72px}
  body:not(.lite-modus) .top > #modusBtn{order:2;margin-left:auto}
  body:not(.lite-modus) .top::after{content:"";order:2;flex-basis:100%;height:0}
}
/* Stimme wählen */
.voice-pill .vp-stimme{margin-left:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.stimmen{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;margin:8px 0 12px}
.stimme{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer}
.stimme.on,.stimme:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.stimme span{flex:1;min-width:0;display:flex;flex-direction:column}
.stimme small{color:var(--ink-mute);font-size:12px}
/* Lite im Projekt: Farbe und Band zeigen, wo man ist */
.lite-band{padding:7px 14px;font-size:13.5px;background:color-mix(in srgb,var(--proj,var(--accent)) 14%,var(--panel));color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--proj,var(--accent)) 35%,transparent)}
.lite-band .qlink{font-size:12.5px;margin-left:6px}
body.lite-im-projekt .lite-chat{border-color:color-mix(in srgb,var(--proj) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--proj) 12%,transparent)}
.lite-kontext{display:flex;flex-direction:column;gap:6px;align-items:center;background:color-mix(in srgb,var(--proj,var(--accent)) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--proj,var(--accent)) 35%,transparent);border-radius:var(--r-md);padding:10px 12px;color:var(--ink);font-size:14px}
.lite-k-wahl{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
/* Mehr Platz für den Dialog: Hinweis unten abschaltbar, Vorschläge auf dem Handy einzeilig */
.privat-weg{border:0;background:transparent;color:var(--ink-mute);font:inherit;font-size:11.5px;text-decoration:underline;cursor:pointer;padding:0 0 0 6px}
body.ohne-privat .privacy{display:none!important}
@media (max-width:640px){ .quick{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none} .quick::-webkit-scrollbar{display:none} .quick .chip{flex:none;white-space:nowrap} }
.gr-ganz{margin:8px 0;text-align:center}
.gr-ganz img{max-width:min(220px,70%);border-radius:var(--r-md);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.gr-ganz figcaption{font-size:12.5px;color:var(--ink-mute)}
/* Projekt-Kontext: frischer Start oder alles über mich */
.pj-kontext{padding:6px 16px;font-size:13px;color:var(--ink-mute)}
.pj-kontext.offen{display:flex;flex-direction:column;gap:6px;margin:8px 12px;padding:12px 14px;border:2px solid var(--proj,var(--accent));border-radius:var(--r-md);background:var(--panel);color:var(--ink);font-size:14px}
.pj-kontext .pj-kw{display:flex;gap:8px;flex-wrap:wrap}
.lz-gelernt{border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px;margin:10px 0}
.lz-gelernt legend{font-size:14px;font-weight:650;padding:0 4px}
.lz-gelernt label{display:block;font-size:14px;margin:4px 0}
.mem-kontext{border-top:1px solid var(--line);padding:8px 0}
.mem-kontext summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.mem-kontext summary small{color:var(--ink-mute)}
.mem-kontext summary .qlink{margin-left:auto;font-size:12.5px}
.sugg .sugg-weiter{display:flex;gap:12px;flex-basis:100%;padding-left:52px;font-size:13px}
.sugg{flex-wrap:wrap}
/* Projektübersicht: Das steht fest */
.kerndaten{background:var(--panel);border:2px solid var(--proj,var(--accent));border-radius:var(--r-lg);padding:16px 18px;margin:14px 0}
.kd-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.kd-kopf h3{margin:0;font-size:19px}
.kd-steck{margin:8px 0 10px;color:var(--ink-dim)}
.kd-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kd-feld{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border-radius:var(--r-md);background:var(--panel2);border-left:5px solid var(--c,var(--accent))}
.kd-feld:hover{box-shadow:var(--shadow-soft)}
.kd-name{font-size:12.5px;font-weight:700;color:var(--c-ink,var(--ink-dim))}
.kd-text{font-size:15px;color:var(--ink)}
.kd-wart,.kd-go{font-size:13px;color:var(--ink-mute)}
.kd-wart.hot{color:var(--accent);font-weight:700}
/* Gruppenchat im Projekt */
.grp{display:flex;flex-direction:column;gap:10px}
.grp-info{margin:0;font-size:13.5px;color:var(--ink-mute)}
.grp-msgs{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,620px);min-height:260px;overflow-y:auto;padding:12px;background:var(--panel2);border-radius:var(--r-md)}
.grp-m{align-self:flex-start;max-width:78%;background:var(--panel);border:1px solid var(--line);border-radius:4px var(--r-md) var(--r-md) var(--r-md);padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.grp-m.ich{align-self:flex-end;background:var(--proj,var(--accent));color:#fff;border-color:transparent;border-radius:var(--r-md) 4px var(--r-md) var(--r-md)}
.grp-m b{font-size:12.5px;color:var(--proj,var(--accent))}
.grp-m small{font-size:11px;opacity:.7;align-self:flex-end}
.grp-tag{align-self:center;font-size:12px;color:var(--ink-mute);padding:4px 10px}
.grp-form{display:flex;gap:8px;align-items:flex-end}
.grp-form textarea{flex:1;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);font:inherit}
/* Steckbrief in Teilen, Visionssatz hervorgehoben */
.sb-teile{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.sb-teil{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--proj,var(--accent));border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.sb-teil.leer{border-left-color:var(--line)}
.sb-teil.vision{border:2px solid var(--proj,var(--accent));background:linear-gradient(135deg,color-mix(in srgb,var(--proj,var(--accent)) 10%,var(--panel)),var(--panel) 70%);padding:18px 20px}
.sb-teil.vision .sb-stand{font-size:clamp(20px,2.2vw,26px);font-weight:750;line-height:1.3}
.sb-kopf{display:flex;flex-direction:column;gap:1px}
.sb-kopf span{font-weight:800;font-size:15px;color:var(--proj,var(--accent))}
.sb-kopf small{color:var(--ink-mute);font-size:12.5px}
.sb-stand{margin:0;font-size:16px}
.sb-stand i{color:var(--ink-mute)}
.sb-meta{color:var(--ink-mute);font-size:12px}
.sb-vor{background:var(--panel2);border:1px dashed var(--proj,var(--accent));border-radius:var(--r-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.sb-vor p{margin:0;font-size:15.5px}
.sb-k{color:var(--ink-dim);font-size:13px}
.sb-akt{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13.5px}
.sb-frei{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}
.sb-frei summary{cursor:pointer;font-weight:700}
/* Vollbild-Chat im Projekt: Zurück links, Projektname rechts oben */
.pj-zurueck{font-weight:700}
.pj-name-btn{margin-left:auto;font:inherit;font-weight:750;font-size:14px;padding:6px 14px;border-radius:999px;border:2px solid var(--proj,var(--accent));background:var(--panel);color:var(--proj,var(--accent));cursor:pointer;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;order:99}
.pj-name-btn:hover{background:var(--proj,var(--accent));color:#fff}
/* Neue Version: Band unten, Changelog */
.version-band{position:relative;margin:8px auto;width:fit-content;z-index:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:calc(100% - 24px);padding:10px 12px 10px 18px;background:var(--panel);border:2px solid var(--accent);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:14.5px}
.version-band .x{border:0;background:transparent;font-size:18px;color:var(--ink-mute);cursor:pointer}
.cl-liste{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;margin:8px 0}
.cl-liste article{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--accent);padding-left:10px}
.cl-liste small{color:var(--ink-mute)}
.cl-liste ul{margin:4px 0 0;padding-left:18px;font-size:14px;color:var(--ink-dim)}
/* Antwortlänge: Weiter-Knopf und Längenwahl unter Gründlings Antwort; nur unter der letzten Antwort sichtbar */
.gr-mehr,.gr-laenge{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.gr-laenge span{font-size:13.5px;color:var(--ink-mute);flex-basis:100%}
.gr-mehr .chip,.gr-laenge .chip{border-radius:999px;font-weight:650}
.m.bot:has(~ .m.me) .gr-mehr,.m.bot:has(~ .m.me) .gr-laenge{display:none}   /* nur unter der neuesten Antwort */
.pf-laenge{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--ink-dim);margin:6px 0 10px}
.pf-laenge select{padding:7px 9px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit}
/* Steckbrief: Status klar. Gilt (alle zugestimmt) = fett und grün; im Raum = sichtbar, mit Herkunft */
.sb-stand.gilt{font-weight:800;color:var(--c-mint-ink,#0f6b4f)}
.sb-teil.steht{border-left-color:var(--c-mint,#1f9d6d)}
.sb-teil.vision .sb-stand.gilt{color:var(--c-mint-ink,#0f6b4f)}
.sb-status{font-size:12.5px;color:var(--ink-mute)}
.sb-status.gilt{color:var(--c-mint-ink,#0f6b4f);font-weight:700}
.sb-raum{display:flex;flex-direction:column;gap:3px;border-left:3px dotted var(--proj,var(--accent));padding-left:10px}
.sb-raum .sb-stand{font-weight:500}
.sb-teil.vision .sb-raum .sb-stand{font-size:clamp(18px,2vw,22px);font-weight:600}
.sb-teil.raum{border-left-color:color-mix(in srgb,var(--proj,var(--accent)) 50%,var(--line))}
.sb-frei[open]{border:2px solid var(--proj,var(--accent))}
.sb-frei summary small{font-weight:500;color:var(--ink-mute)}
/* Bild gelesen: Gründling spiegelt, die Person bestätigt oder bessert nach */
.lite-anhang .lite-gelesen{flex-basis:100%;display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}
.lite-anhang .lite-gelesen.ok{border-color:var(--accent)}
.lite-anhang .lite-gelesen textarea{width:100%;resize:vertical;font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2)}
.lite-anhang .lite-gelesen .btn{align-self:flex-start}

/* Neue Nachricht: Kärtchen bleibt stehen, bis man es anklickt */
.ld-bubble.nachricht{border:2px solid var(--mint-300,#9fdcca);box-shadow:0 10px 30px rgba(0,0,0,.18);padding-right:34px;position:relative;animation:ldrein .35s ease}
.ld-bubble.nachricht em{display:block;font-style:normal;font-size:13px;color:var(--ink-dim);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-bubble .ld-zu{position:absolute;top:4px;right:6px;border:0;background:transparent;font-size:18px;color:var(--ink-mute);cursor:pointer}
.ld-grp{font-size:20px}
@keyframes ldrein{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
/* Lite: Team-Chat im Chat-Kopf */
.lite-zurseite.lz-team b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:var(--c-red,#d33);color:#fff;font-size:11px}
.lite-zurseite.lz-team.neu{background:var(--accent);color:#fff}
@media (max-width:640px){.lite-orte{min-width:0;overflow-x:auto}.lite-orte .lite-zurseite{flex:none;white-space:nowrap;padding:5px 9px}}
.lite-orte{align-items:center}
.lite-orte .lite-zurseite{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;flex:none}
.lite-zurseite.lz-team b{margin-left:4px}
/* Neustart beim Deploy: dezent rot, mit Danke; danach „Wieder da“ mit dem Neuen */
.neustart-band{background:var(--c-red-soft,#fdecec)!important;color:var(--c-red-ink,#9b1c1c)!important;border:1px solid color-mix(in srgb,var(--c-red,#d93a3a) 35%,transparent);display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;border-radius:var(--r-lg)!important;padding:10px 16px!important;max-width:min(640px,calc(100% - 24px))}
.neustart-band .ns-zeit{font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto}
.neustart-band.zurueck{background:var(--panel)!important;color:var(--ink)!important;border:2px solid var(--accent)}
.neustart-band ul{margin:0;padding-left:18px;flex-basis:100%;font-size:13.5px;font-weight:500;color:var(--ink-dim)}
.neustart-band .ns-akt{display:flex;gap:10px;align-items:center;margin-left:auto}
.neustart-band .x{border:0;background:transparent;font-size:18px;color:var(--ink-mute);cursor:pointer}
/* Übersicht: fest, aussteht, wer woran, Aufwand, To-do */
.aufwand{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:13px;color:var(--ink-dim)}
.aufwand span{background:var(--panel2);border-radius:999px;padding:3px 10px}
.kerndaten h3 small{font-size:12.5px;font-weight:600;color:var(--ink-mute)}
.kerndaten.fest{border-color:var(--c-mint,#1f9d6d)}
.kd-feld.fest{border-left-color:var(--c-mint,#1f9d6d);cursor:default}
.kd-feld.fest .kd-text{font-weight:700;color:var(--c-mint-ink,#0f6b4f)}
.kd-feld.fest.vision .kd-text{font-size:18px}
.kd-feld.fuer-mich{border-left-color:var(--brand,#e8463c);background:color-mix(in srgb,var(--brand,#e8463c) 6%,var(--panel2))}
.kd-feld{cursor:default}
.kd-wer{font-size:12.5px;color:var(--ink-mute)}
.kd-akt{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px;font-size:13.5px}
.kd-du{color:var(--brand,#e8463c)}
.kd-du-zahl{background:var(--brand,#e8463c);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}
.kerndaten.aus{border-color:var(--line)}
.kerndaten.wer{border-color:var(--line)}
.kd-wer-liste{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.kd-wer-liste li{display:flex;gap:10px;font-size:14px}
.kd-wer-liste b{min-width:80px}
.kd-wer-liste small{color:var(--ink-mute)}
.kd-todo{margin-top:18px;opacity:.85}
.kd-todo h3{font-size:15px;color:var(--ink-mute);margin:0 0 6px}
.eprop .e-prozent{margin:4px 0 2px}
.eprop .e-grund{margin:0 0 4px;color:var(--ink)}
.eprop .e-hinweis{display:block;color:var(--ink-mute);font-size:12.5px;margin-bottom:6px}
.pf-stumm{display:flex;flex-direction:column;gap:4px;font-size:13.5px;margin:4px 0 10px;padding:8px 10px;background:var(--panel2);border-radius:var(--r-sm)}
.nw-stumm{opacity:.55;font-size:14px}
.nw-stumm:hover{opacity:1}
.aufleuchten{animation:aufleuchten 2.2s ease}
@keyframes aufleuchten{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand,#e8463c) 60%,transparent)}40%{box-shadow:0 0 0 10px color-mix(in srgb,var(--brand,#e8463c) 25%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.neustart-band .ns-kommt{flex-basis:100%;font-weight:700;margin-top:2px}
.cp-pre{white-space:pre-wrap;word-break:break-all;background:var(--panel2);padding:10px;border-radius:var(--r-sm);font-size:12.5px}
.sb-gruppe{margin:14px 0 2px;font-size:14px;letter-spacing:.02em;color:var(--ink-dim)}
.sb-gruppe small{color:var(--ink-mute);font-weight:600}
.sb-gruppe.mich{color:var(--brand,#e8463c)}
.sb-gruppe.fest{color:var(--c-mint-ink,#0f6b4f)}
/* Team-Chat im Dock, direkt neben „wer ist da“ */
.ld-reihe{display:flex;gap:8px;align-items:center}
.ld-team{gap:6px;font-weight:750;color:var(--ink-dim)}
.ld-team span{font-size:14px}
.ld-team.msg{border-color:var(--brand,#e8463c);color:var(--brand,#e8463c)}
body.lite-modus .ld-team:not([hidden]){display:inline-flex!important}
.ld-chat.gruppe .lc-head select{font:inherit;font-weight:750;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);padding:2px 4px;max-width:180px}
.lc-wer{display:block;font-size:11.5px;color:var(--proj,var(--accent))}
.lc-head a.lc-x{text-decoration:none;font-size:17px}
/* Steckbrief: Statuskarte oben, Kurzbeschreibung unten deutlich abgesetzt */
.sb-status-karte{background:var(--panel);border:2px solid var(--proj,var(--accent));border-radius:var(--r-lg);padding:16px 18px;margin-bottom:6px;display:flex;flex-direction:column;gap:8px}
.sb-st-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.sb-st-kopf h2{margin:0;font-size:22px}
.sb-st-kopf h2 small{font-size:13px;color:var(--ink-mute);font-weight:600}
.sb-pct{font-size:28px;line-height:1;color:var(--c-mint-ink,#0f6b4f);text-align:right}
.sb-pct small{display:block;font-size:12px;color:var(--ink-mute);font-weight:600}
.sb-balken{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}
.sb-balken i.fest{background:var(--c-mint,#1f9d6d)}
.sb-balken i.abst{background:var(--c-warning,#e0a100)}
.sb-balken i.raum{background:repeating-linear-gradient(45deg,var(--c-warning-soft,#fff3cc),var(--c-warning-soft,#fff3cc) 4px,var(--panel2) 4px,var(--panel2) 8px)}
.sb-legende{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;font-weight:650}
.sb-legende .fest{color:var(--c-mint-ink,#0f6b4f)}.sb-legende .abst{color:var(--c-warning-ink,#8a5a00)}.sb-legende .offen,.sb-legende .raum{color:var(--ink-mute)}
.sb-regel{color:var(--ink-mute);font-size:12.5px}
.sb-kurz{margin-top:22px;padding:16px 18px;border-radius:var(--r-lg);background:var(--panel2);border:1px dashed var(--line)}
.sb-kurz-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.sb-kurz-kopf h3{margin:0;font-size:17px}
.sb-kurz-kopf h3 small{font-weight:500;font-size:12.5px;color:var(--ink-mute);margin-left:6px}
.sb-kurz-kopf span{display:flex;gap:12px;font-size:13.5px}
.sb-kurz .pj-doc{background:var(--panel);border-radius:var(--r-md);padding:12px 14px;margin-top:8px}
.spark.stunden{gap:2px}
.alive .alive-was{display:block;font-weight:500;font-size:11.5px;color:var(--ink-mute);margin-top:1px}
/* Wunsch schnell erfassen */
.ld-wunsch{gap:6px;font-weight:750;color:var(--ink-dim)}
.ld-wunsch span{font-size:14px}
body.lite-modus .ld-wunsch{display:inline-flex!important}
.wk-arten{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.wk-bilder{border:2px dashed var(--line);border-radius:var(--r-md);padding:10px 12px;font-size:13.5px;color:var(--ink-dim);outline:none}
.wk-bilder.drop,.wk-bilder:focus{border-color:var(--accent)}
.wk-vorschau{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wk-bild{position:relative}
.wk-bild img{width:110px;height:72px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.wk-bild .x{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:13px;line-height:17px;padding:0;cursor:pointer}
.wd-mehr{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wd-mehr img{width:160px;height:100px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.wd-ort{font-size:13px;color:var(--ink-mute)}
/* Bausteine in der Statuskarte */
.sb-bausteine{display:flex;flex-wrap:wrap;gap:6px}
.sb-bs{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12.5px;font-weight:650;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--ink-dim);cursor:pointer}
.sb-bs i{font-style:normal}
.sb-bs.fest{background:var(--c-mint-soft,#e3f5ee);border-color:var(--c-mint,#1f9d6d);color:var(--c-mint-ink,#0f6b4f)}
.sb-bs.abst{background:var(--c-warning-soft,#fff3cc);border-color:var(--c-warning,#e0a100);color:var(--c-warning-ink,#8a5a00)}
.sb-bs.raum{border-style:dashed}
.sb-st-fuss{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
/* Steckbrief auf einer Seite */
.dialog.breit{max-width:min(1100px,calc(100vw - 24px))}
.sb-seite-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-bottom:2px solid var(--proj,var(--accent));padding-bottom:8px;margin-bottom:12px}
.sb-seite-kopf small{color:var(--ink-mute);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.sb-seite-kopf h2{margin:2px 0 0}
.sb-seite-kopf b{color:var(--c-mint-ink,#0f6b4f)}
.sb-seite-kurz{background:var(--panel2);border-radius:var(--r-md);padding:10px 14px;margin-bottom:12px}
.sb-seite-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sb-seite-bs{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--panel)}
.sb-seite-bs.fest{border-left-color:var(--c-mint,#1f9d6d)}.sb-seite-bs.abst{border-left-color:var(--c-warning,#e0a100)}.sb-seite-bs.raum{border-left-style:dashed}
.sb-seite-bs.vision{grid-column:1/-1}
.sb-seite-bs.vision p{font-size:19px;font-weight:750}
.sb-seite-bs h4{margin:2px 0 4px;font-size:15px}
.sb-seite-bs p{margin:0;font-size:14.5px}
.sb-seite-bs.fest p{font-weight:700;color:var(--c-mint-ink,#0f6b4f)}
.sb-seite-bs small{display:block;color:var(--ink-mute);font-size:12px;margin-top:4px}
.sb-seite-st{font-size:12px;font-weight:700;color:var(--ink-mute)}
@media print{ body.druck-steckbrief > *:not(.overlay){display:none!important} body.druck-steckbrief .overlay{position:static;background:none} body.druck-steckbrief .dialog{box-shadow:none;max-width:none;width:auto} body.druck-steckbrief .row{display:none} }
.sb-bs.aend::after{content:"✎";margin-left:2px;color:var(--c-warning-ink,#8a5a00)}
.gr-ganz-mehr{margin:4px 0 8px;text-align:center}
.gr-ganz-mehr summary{display:inline-block;cursor:pointer;padding:4px 12px;border-radius:999px;border:1px solid var(--line,#ddd);font-size:13.5px;list-style:none}
.gr-ganz-mehr summary::-webkit-details-marker{display:none}
.gr-ganz-mehr[open] summary{display:none}
.sprungziel{position:relative;outline:3px solid var(--brand,#e8463c);outline-offset:4px;border-radius:var(--r-md,10px);background:color-mix(in srgb,var(--brand,#e8463c) 9%,transparent);transition:background .4s,outline-color .4s;scroll-margin:90px}
.sprungziel::before{content:"📍 Hier";position:absolute;top:-14px;left:10px;z-index:3;padding:2px 9px;border-radius:999px;background:var(--brand,#e8463c);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none}
.sb-seite-bs .sb-akt{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px;align-items:center}
.sb-seite-bs .ekreis{margin-top:6px}
@media print{ body.druck-steckbrief .sb-akt, body.druck-steckbrief .ekreis, body.druck-steckbrief .sb-k{display:none!important} }
/* Lite: den Platz nutzen, den der Bildschirm hat */
.lite{padding:10px 0 16px}
.lite-grid{grid-template-columns:minmax(0,1180px)}
.lite-chat{height:calc(100vh - 96px);height:calc(100dvh - 96px);min-height:420px;top:8px}
.lite-anika{padding:8px 14px}
.lite-chat .m.sys{margin:0;padding:2px 0}
@media (max-width:900px){ .lite-chat{height:calc(100dvh - 120px)} }
/* Gründling führt durch die Neuigkeiten */
.fg-rahmen{max-width:620px}
.fg-kopf{display:flex;align-items:center;gap:12px}
.fg-kopf img,.fg-einladung img,.fg-willkommen img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.fg-kopf small{display:block;color:var(--ink-mute);font-size:12.5px}
.fg-balken{height:5px;border-radius:99px;background:var(--panel2);margin:10px 0 14px;overflow:hidden}
.fg-balken i{display:block;height:100%;width:0;background:var(--accent);transition:width .35s}
.fg-sag{background:var(--mint-50,var(--panel2));border-radius:var(--r-md);padding:12px 14px;font-size:15px;line-height:1.5}
.fg-sag blockquote{margin:8px 0;padding:8px 12px;border-left:4px solid var(--accent);background:var(--panel);border-radius:6px;font-weight:650}
.fg-komm{margin:6px 0;padding-left:18px;font-size:14px}
.fg-runde{display:block;color:var(--ink-mute);font-size:12.5px;margin-top:4px}
.fg-frage{margin:10px 0 0}
.fg-inhalt textarea{width:100%;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);font:inherit;resize:vertical}
.fg-akt{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px}
.fg-einladung{display:flex;align-items:center;gap:10px;margin:0 4px 10px;padding:10px;border:2px solid var(--accent);border-radius:var(--r-md);background:var(--accent-soft,var(--panel2));font-size:13.5px}
.fg-klein{display:block;margin:0 6px 8px;font-weight:700}
.fg-willkommen{position:fixed;right:18px;bottom:18px;z-index:950;display:flex;gap:12px;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;background:var(--panel);border:2px solid var(--accent);border-radius:var(--r-lg);box-shadow:0 12px 32px rgba(0,0,0,.2);animation:pop .3s}
.fg-willkommen p{margin:4px 0 0;font-size:14px}
/* Projektseite: Quellen zugeklappt, Seitenleiste schmal */
.pj:has(#pjSrcBox:not([open])){grid-template-columns:190px minmax(0,1fr)}
#pjSrcBox > summary{list-style:none;cursor:pointer;margin-bottom:0}
#pjSrcBox > summary::-webkit-details-marker{display:none}
#pjSrcBox > summary b::after{content:" ▸";color:var(--ink-mute)}
#pjSrcBox[open] > summary{margin-bottom:10px}
#pjSrcBox[open] > summary b::after{content:" ▾"}
#pjSrcBox small{color:var(--ink-mute);font-weight:600}
.anika-mini[hidden]{display:none!important}
/* Team-Knopf im Chat-Bereich: hell, rechteckig */
.team-kasten{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--mint-300,#a8dccb);border-radius:6px;background:var(--mint-50,#eefaf5);color:var(--c-mint-ink,#0f6b4f);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.team-kasten:hover{background:var(--mint-100,#dff4ec)}
.gr-ganz img{height:auto;aspect-ratio:auto;object-fit:contain}
/* Community steht schon unten links im Dock */
#commBtn{display:none!important}
/* Projekte ohne roten Zähler */
#projBadge{display:none!important}
/* Projekte-Knopf oben ganz weg: Projekte über den Projekt-Umschalter und das Menü */
#projBtn{display:none!important}

/* ── Feedback Thomas 10.11.: eine Frage oben, Stand in Worten, Zahlen unten ── */
.kerndaten.naechstes{border-color:var(--brand,#e8463c)}
.kerndaten.naechstes h3{font-size:19px}
.kd-du-zahl.null{background:var(--panel2);color:var(--ink-mute)}
.kd-frage{display:block;font-size:12.5px;font-weight:500;color:var(--ink-mute);margin-top:2px}
.kd-text.lang{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.kd-text.lang.kann{cursor:pointer}
.kd-text.lang.kann:not(.auf)::after{content:""}
.kd-text.lang.auf{-webkit-line-clamp:unset;display:block}
.kd-mehr{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}
.kd-mehr summary{cursor:pointer;font-weight:700;color:var(--ink-dim);font-size:14.5px}
.kd-mehr summary small{font-weight:600;color:var(--ink-mute);margin-left:4px}
.dash-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin:4px 0 8px}
.dash-kopf>div{display:flex;flex-direction:column;min-width:0}
.dash-kopf>div span{color:var(--ink-dim);font-size:14.5px}
.dash-kopf-akt{display:flex;gap:12px;flex-wrap:wrap}
.dash-stand{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0}
.dstand{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg,12px);padding:12px 14px}
.dstand small{color:var(--ink-mute);font-weight:650;font-size:12.5px}
.dstand b{font-size:15.5px;line-height:1.35}
.dstand:hover{border-color:var(--proj,var(--accent))}
.sb-balken.mini{height:6px;margin-top:4px}
.dash-zahlen{margin:18px 0 8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg,12px);padding:10px 14px}
.dash-zahlen summary{cursor:pointer;font-weight:700;color:var(--ink-dim)}
.dash-zahlen summary small{font-weight:500;color:var(--ink-mute);margin-left:6px}
.dash-zahlen-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-top:10px}
.dash-zahlen-in>div:first-child{display:flex;flex-direction:column;gap:6px;max-width:520px}
.dash-zahlen-in small{color:var(--ink-mute)}
.dcard .emodus{display:block;margin-top:10px;font-size:13.5px;color:var(--ink-dim)}
.sb-holen{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:10px 0 4px;padding:10px 12px;background:var(--accent-soft,#e8f6f0);border-radius:10px;font-size:14px}
.sb-pct{font-size:15px !important;text-align:right;max-width:60%}
.pj-doc.klapp{max-height:260px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.klapp-btn{margin:4px 0 8px}
.tact-hint{color:var(--ink-mute);font-size:13px}
/* Gedächtnis */
.mem-filter{display:flex;flex-direction:column;gap:8px;margin:10px 0 6px}
.mem-filter input[type=search]{padding:8px 12px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;font-size:15px}
.mem-filter .chips{display:flex;flex-wrap:wrap;gap:6px}
.mem-filter .chip small{color:var(--ink-mute);margin-left:2px}
.mem-th{margin:16px 0 8px;font-size:15px}
.mem-th small{color:var(--ink-mute);font-weight:600}
.mem li{position:relative}
.mem-akt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.mem-akt select{font-size:12.5px;padding:2px 4px;border:1px solid var(--line);background:var(--panel2);border-radius:6px;max-width:150px}
.mem li.privat{background:var(--panel2)}
.mem-neu{display:block;color:var(--accent);font-weight:600}
.mem-alt{margin-top:16px;opacity:.85}
.mem-alt summary{cursor:pointer;font-weight:700;color:var(--ink-dim)}
.mem-alt summary small{font-weight:500;color:var(--ink-mute);margin-left:6px}
.mem-privat{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;color:var(--ink-dim);white-space:nowrap}
.mem-add select{padding:6px;border:1px solid var(--line);background:var(--panel2);border-radius:6px;font-size:13.5px}
/* Verlauf */
.log-tag{font-weight:750;color:var(--ink-dim);margin-top:10px;list-style:none;font-size:14px}
.log-mehr summary{cursor:pointer;font-size:13px;color:var(--ink-mute)}
.log-mehr ul{margin:4px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink-dim)}
/* Beiträge ohne Vergleich */
.bt-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.bt-z{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.bt-z b{font-size:20px}
.bt-z small{color:var(--ink-mute);font-size:12.5px}
.bt-h small{font-weight:500;color:var(--ink-mute)}
.bt-schalter{margin-top:18px;padding:12px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;gap:4px}
.bt-schalter small{color:var(--ink-mute)}
/* Glossar */
abbr.glossar{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
/* Feedback-Runde */
.fb-punkt{display:flex;flex-direction:column;gap:10px}
.fb-punkt h3{margin:0;font-size:18px}
.fb-zitat{margin:0;padding:8px 12px;border-left:3px solid var(--line);color:var(--ink-dim);font-size:14.5px;background:var(--panel2)}
.fb-neu{margin:0;padding:10px 12px;background:var(--accent-soft,#e8f6f0);border-radius:10px;font-size:14.5px}
.fb-wahl{display:flex;flex-wrap:wrap;gap:8px}
.fb-wahl button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:700}
.fb-wahl button.on{border-color:var(--accent);background:var(--accent-soft,#e8f6f0)}
.fb-fort{height:6px;background:var(--panel2);border-radius:99px;overflow:hidden}
.fb-fort i{display:block;height:100%;background:var(--accent)}
.fb-ergebnis{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.fb-ergebnis li{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
@media (max-width:640px){.dash-kopf-akt{width:100%}.mem-akt{justify-content:flex-start}.sb-pct{max-width:100%;text-align:left}}

/* Zusammensetzen: Gesprächsvorschlag mit Ablauf, Lust, Termin und Gesprächsmodus */
.zcard .z-lead{margin:0 0 8px;font-size:14px;color:var(--ink-dim)}
.z-punkte{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.z-punkte li{display:flex;flex-direction:column;gap:1px;font-size:13.5px;padding:6px 10px;border-radius:var(--r-sm);background:var(--panel2)}
.z-punkte li span{color:var(--ink-mute);font-size:12.5px}
.z-pro{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:12.5px;color:var(--ink-mute)}
.z-treffen{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--panel);display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.z-treffen.imchat{margin-top:8px}
.z-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:baseline}
.z-dauer{font-size:12.5px;color:var(--ink-mute)}
.z-warum{margin:0;font-size:13.5px;color:var(--ink-dim)}
.z-lust{display:flex;flex-wrap:wrap;gap:6px}
.z-l{font-size:12.5px;padding:3px 9px;border-radius:999px;background:var(--panel2)}
.z-l.ja{background:color-mix(in srgb,var(--brand) 14%,transparent)}
.z-akt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.z-termin{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.z-termin input{padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;min-width:0}
.z-wann{margin:0;font-size:14px}
.z-wann.laeuft{color:var(--brand);font-weight:700}
.z-weg{color:var(--ink-mute)}
.grp-m.anika{background:color-mix(in srgb,var(--brand) 8%,var(--panel));max-width:92%}
.grp-m.anika b img{width:18px;height:18px;border-radius:50%;vertical-align:-4px}
.z-ablauf{padding-left:20px;display:flex;flex-direction:column;gap:10px}
.z-ab-kopf{display:flex;justify-content:space-between;gap:8px}
.z-ab-kopf span{font-size:12.5px;color:var(--ink-mute)}
.z-ablauf p{margin:2px 0;font-size:14px}
.z-erg{color:var(--brand);font-weight:650}
.z-live{max-width:min(880px,calc(100vw - 32px));width:100%}
.z-live-kopf{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.z-live-kopf span{font-size:13px;color:var(--ink-mute)}
.z-schritte{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:10px 0}
.z-schritte button{font-size:12.5px;padding:4px 9px;border-radius:999px;background:var(--panel2)}
.z-schritte .durch button{opacity:.55}
.z-schritte .jetzt button{background:var(--brand);color:#fff;font-weight:700}
.z-punkt{position:relative;padding:14px 16px;border-radius:var(--r-md);background:var(--panel2)}
.z-punkt h2{margin:0 90px 8px 0}
.z-uhr{position:absolute;top:12px;right:14px;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.z-uhr.knapp{color:#d97706}
.z-uhr.drueber{color:#c2416b}
.z-worum{font-size:15px}
.z-fragen{padding-left:20px;font-size:15px;display:flex;flex-direction:column;gap:4px}
.z-park{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0;font-size:13px}
.z-park span{padding:3px 9px;border-radius:999px;background:var(--panel2)}
.z-park form{display:flex;gap:4px}
.z-park input{padding:4px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;font-size:13px}
.z-nav{justify-content:space-between}
@media (max-width:640px){.z-punkt h2{margin-right:0;margin-top:34px}.z-uhr{font-size:22px}}

/* Führung: mit Gründling an einem Satz feilen */
.ff-vs{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.ff-v{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.ff-v:hover,.ff-v.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--panel))}
.ff-v small{color:var(--ink-mute);font-size:12.5px}
.ff-tipp{font-size:12.5px;margin:0 0 6px}

/* Mini-Statuszeile: ab dem zweiten Auftrag nur noch „es passiert was“ */
.jcard.mini{display:flex;align-items:center;gap:10px;padding:6px 10px;margin-bottom:8px;box-shadow:none;font-size:13.5px}
.jcard.mini .jc-orb,.jcard.mini .jc-orb img{width:24px;height:24px}
.jcard.mini .jc-orb::before,.jcard.mini .jc-orb::after{inset:-3px;border-width:1.5px}
.jcard.mini b{font-weight:700}
.jc-dots{display:inline-flex;gap:3px}
.jc-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.jc-dots i.done{background:var(--mint-400)}
.jc-dots i.on{background:var(--mint-400);animation:jc-dot 1.2s ease-in-out infinite}
@keyframes jc-dot{50%{opacity:.35}}
.jcard.mini small{color:var(--ink-mute);font-variant-numeric:tabular-nums}
.jcard.mini .jc-id{font-size:12px;font-weight:650;color:var(--ink-mute);margin-left:auto}
.jcard.mini .jc-x{padding:2px 6px}
@media (prefers-reduced-motion:reduce){.jc-dots i.on{animation:none}}

/* Glocke: Einstieg „ich nehme dich an die Hand“ */
.fg-hand{align-items:flex-start;padding:14px;gap:12px}
.fg-hand>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fg-hand b:first-child{font-size:16px}
.fg-hand span{font-size:14px;line-height:1.45;color:var(--ink-dim)}
.np-selbst{margin:0 4px 8px}
.np-selbst>summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink-mute);padding:6px 4px}
.np-selbst[open]>summary{margin-bottom:8px}
.menu-btn:has(.dots){padding:12px 14px}
.menu-btn .dots{display:flex;gap:5px;align-items:center}
.menu-btn .dots i{width:7px;height:7px;border-radius:50%;background:currentColor}

/* Schritte als kleines Backlog */
.schritte{display:flex;flex-direction:column;gap:12px}
.sw-neu{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.sw-neu input,.sw-edit{padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit;min-width:0;width:100%}
.sw-neu-akt,.sw-akt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sw-neu-akt .btn{margin-left:auto}
.sw-neu select,.sw-akt select{padding:5px 6px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;font-size:13px}
.sw-wert{display:inline-flex;gap:1px}
.sw-wert button,.sw-wert i{font-style:normal;font-size:17px;line-height:1;padding:2px;color:var(--line)}
.sw-wert .on{color:var(--brand)}
.sw-wert button:hover{color:var(--brand)}
.sw-tog{font-size:12.5px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-mute)}
.sw-tog.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--panel));color:var(--ink);font-weight:700}
.sw-leiste{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--ink-mute)}
.sw-sep{width:10px}
.sw-leiste .qlink{margin-left:auto}
.sw-tipp{margin:0;font-size:13px}
.sw-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.swz{display:flex;gap:10px;align-items:flex-start;width:auto;height:auto;border-radius:var(--r-md);padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);flex-wrap:wrap}
.swz.done{opacity:.6}
.swz.done .sw-t{text-decoration:line-through}
.sw-in{flex:1 1 260px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sw-t{font-weight:650;cursor:text}
.sw-wozu{font-size:13px;color:var(--ink-dim);cursor:text}
.sw-wozu.leer{color:var(--ink-mute)}
.sw-kopf{list-style:none;font-weight:800;font-size:14px;margin:10px 0 0;color:var(--ink-dim)}
.sw-kopf small,.sw-q h4 small{font-weight:500;color:var(--ink-mute);margin-left:4px}
.sw-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sw-q{border:1px solid var(--line);border-radius:var(--r-md);padding:10px;background:var(--panel2);min-width:0}
.sw-q h4{margin:0 0 8px;font-size:14.5px}
.sw-q.q0{border-color:var(--brand)}
.sw-q .sw-akt select{max-width:110px}
.sw-done summary{cursor:pointer;font-weight:700;color:var(--ink-dim)}
.sw-done[open] summary{margin-bottom:8px}
.st-mark{font-size:12.5px;white-space:nowrap}
.st-mark b{color:var(--brand);font-size:11px;letter-spacing:-1px}
@media (max-width:760px){.sw-matrix{grid-template-columns:1fr}.sw-leiste .qlink{margin-left:0}}

.swz .chk{flex:none}

/* Admin: Ton und Miteinander */
.ton-p.warn>summary b{color:#b45309}
.ton-p.gesperrt{border-color:var(--error-500,#c2416b)}
.ton-log{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.ton-log li{padding:6px 8px;border-radius:var(--r-sm);background:var(--panel2)}
.ton-log time{font-variant-numeric:tabular-nums;color:var(--ink-mute);margin-right:8px}
.ton-art{font-weight:700}
.ton-art.miteinander{color:#b45309}
.ton-art.freigeschaltet{color:var(--brand)}
.ton-log q{display:block;margin-top:3px;color:var(--ink-dim);font-style:italic}
.ton-akt{gap:8px;flex-wrap:wrap}

/* Führung: Prozent-Einschätzung mit Inhalt */
.fg-einsch{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px 14px;background:var(--panel);border-left:4px solid var(--deep,#2f5d62);border-radius:var(--r-sm)}
.fg-pct{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fg-pct b{font-size:22px}
.fg-pbar{flex:1 1 120px;height:8px;border-radius:99px;background:var(--panel2);overflow:hidden}
.fg-pbar i{display:block;height:100%;background:var(--mint-400,#5cc4a8)}
.fg-pct small{color:var(--ink-mute)}
.fg-feld,.fg-grund{margin:0;font-size:14.5px;line-height:1.45}
.fg-ant summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--ink-dim)}
.fg-ant ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;display:flex;flex-direction:column;gap:4px}
.fg-ant small{display:block;color:var(--ink-mute)}

/* Projekt ohne linke Spalte: Quellen im ⋯-Menü, Gründlings Hinweise über den Reitern */
.pj{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px){.pj{grid-template-columns:minmax(0,1fr)}}
.pj-main>.anika-mini:empty{display:none}
.pj-main>.anika-mini{margin-bottom:10px}
.pj-quellen .pj-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pj-quellen #srcList{display:flex;flex-direction:column;gap:6px;margin-top:10px}

/* „Wer ist da“ und Team-Chats oben in der Kopfleiste statt unten links */
.ld-reihe.oben .ld-btn{box-shadow:none;padding:4px 12px 4px 6px}
.ld-reihe.oben .ld-btn .net{width:22px;height:22px}
.live-dock.oben{top:84px;right:18px;left:auto;bottom:auto;align-items:flex-end}
.live-dock.oben:not(:has(> :not([hidden]))){pointer-events:none}
@media (max-width:760px){.ld-reihe.oben .ld-n{display:none}.live-dock.oben{top:70px;right:8px}}

/* @-Erwähnung, Umfragen im Team-Chat, Chatfenster frei groß */
.erw-box{position:absolute;left:8px;bottom:calc(100% + 4px);z-index:60;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column}
.erw-box button{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-sm);text-align:left;font-size:14px}
.erw-box button.on,.erw-box button:hover{background:var(--panel2)}
.erw-box img{width:22px;height:22px;border-radius:50%}
.erw-box small{color:var(--ink-mute);margin-left:auto;font-size:11.5px}
.umfrage{display:flex;flex-direction:column;gap:5px;margin-top:6px;min-width:200px}
.umfrage>b{font-size:14px}
.uf-o{position:relative;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);overflow:hidden;text-align:left;color:var(--ink)}
.uf-o.on{border-color:var(--brand);font-weight:700}
.uf-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--mint-400,#5cc4a8) 22%,transparent);z-index:0}
.uf-t,.uf-o small{position:relative;z-index:1}
.uf-o small{color:var(--ink-mute);font-size:11.5px;font-weight:500}
.uf-hint{color:var(--ink-mute);font-size:11px}
.lc-m.anika,.grp-m.anika{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}
.denkt p,.denkt span{font-style:italic;color:var(--ink-mute);animation:jc-dot 1.2s ease-in-out infinite}
.ld-chat{position:relative;min-width:280px;min-height:260px}
.lc-grip{position:absolute;left:2px;bottom:2px;width:16px;height:16px;cursor:nesw-resize;z-index:5;background:linear-gradient(225deg,transparent 45%,var(--line) 45%,var(--line) 55%,transparent 55%,transparent 70%,var(--line) 70%,var(--line) 80%,transparent 80%)}
.lc-form{position:relative}

/* Cockpit: Kacheln klickbar, Menschen verwalten */
button.cp-kpi{text-align:left;cursor:pointer;font:inherit;color:inherit}
button.cp-kpi:hover{border-color:var(--accent);box-shadow:var(--shadow-soft)}
.cp-tag.rot{background:#fde2e7;color:#a0153e}
.cp-tag.gelb{background:#fff3d6;color:#8a5a00}
.mv-dlg{max-width:min(920px,calc(100vw - 32px));width:100%}
.mv-kopf{display:flex;gap:10px;align-items:center;margin:8px 0 12px;flex-wrap:wrap}
.mv-kopf input{flex:1 1 200px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);font:inherit}
.mv-p{border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px;margin-bottom:8px;background:var(--panel)}
.mv-p.gesperrt{border-color:#c2416b;background:#fff7f9}
.mv-p.warn{border-color:#e0b252}
.mv-p summary{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;cursor:pointer}
.mv-p summary small{color:var(--ink-mute);flex-basis:100%;font-size:12.5px}
.mv-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}
.mv-dot.on{background:var(--mint-400,#5cc4a8)}
.mv-sperre{margin:8px 0;font-weight:650;color:#a0153e}
.mv-akt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.mv-akt select{padding:5px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);font:inherit;font-size:13px}
.mv-h{margin:16px 0 8px;font-size:15px}
.mv-weg{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;font-size:14px}
.mv-weg small{color:var(--ink-mute)}
/* Chatfenster eingeklappt: nur die Kopfzeile */
.ld-chat.zu{height:auto !important;min-height:0}
.ld-chat.zu>:not(.lc-head){display:none !important}
.ld-chat .lc-head{cursor:default}
.lc-klapp{font-size:13px;line-height:1}

/* Übersicht: Kommentare an offenen Abstimmungen, Fortschritt aufklappbar */
.kd-komm{list-style:none;margin:6px 0 4px;padding:8px 10px;border-left:3px solid var(--line);background:var(--panel);border-radius:var(--r-sm);display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.kd-komm small{color:var(--ink-mute)}
.dash-fort{margin:14px 0;border:1px solid var(--line);border-radius:var(--r-lg,12px);background:var(--panel);padding:10px 14px}
.dash-fort>summary{cursor:pointer;font-weight:750;font-size:16px}
.dash-fort>summary small{font-weight:500;color:var(--ink-mute);font-size:13px;margin-left:6px}
.dash-fort[open]>summary{margin-bottom:10px}
/* Umfrage: wer fehlt noch, blinkender Hinweis */
.uf-stand{margin:2px 0 4px;font-size:13px;color:var(--ink-dim)}
.uf-stand.du b{color:#b4235a}
.uf-stand.fertig{color:var(--mint-700,#1f7a63);font-weight:650}
.umfrage.fertig .uf-o{cursor:default}
.pbadge.blink{animation:uf-blink 1.1s ease-in-out infinite}
@keyframes uf-blink{50%{transform:scale(1.18);opacity:.55}}
@media (prefers-reduced-motion:reduce){.pbadge.blink{animation:none}}
/* Feld: kurz und verständlich zuerst, der lange Text hinter „Mehr dazu“ */
.ov.kurz{font-size:17px;line-height:1.5}
.ov-mehr{margin-top:6px}
.ov-mehr>summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--ink-mute);list-style:none}
.ov-mehr>summary::before{content:"▸ "}
.ov-mehr[open]>summary::before{content:"▾ "}
.ov-mehr .ov{font-size:15px;color:var(--ink-dim)}

/* Gründling prüft Antworten auf Leitfragen: Hand in Hand statt stillschweigend abhaken */
.gr-pruef{margin:10px 0 4px 38px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--mint-700) 8%,transparent);border-left:3px solid var(--mint-700)}
.gr-pruef.keine{background:var(--warning-50);border-left-color:var(--warning-500)}
.gr-pruef.keine .kitag{color:var(--warning-700)}
.gr-pruef p{margin:4px 0 8px;font-size:15px;line-height:1.45}
.gr-pruef .qact{margin:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.sb-teil .gr-pruef,.overlay .gr-pruef{margin-left:0}
.qcard.pruef-keine .qn{background:var(--warning-500);color:#fff}
.qcard.done.pruef-keine{border-left-color:var(--warning-500)}
.qcard.pruef-keine .qans{opacity:.75}
@media (max-width:600px){.gr-pruef{margin-left:0}}
/* Vorwarnung vor dem Neustart: freundlich, nicht rot */
.neustart-band.vor{background:#fff6e0!important;color:#6b4a00!important;border-color:#f0d08a}
.neustart-band.vor .ns-zeit{margin-left:0;font-weight:800}
/* „Gehe ich mit“: dezent, erst nach dem Klick deutlich; Karte hakt sich ab und schrumpft */
.ja-btn{padding:6px 14px;border-radius:999px;border:1.5px solid var(--deep,#2f5d62);background:transparent;color:var(--deep,#2f5d62);font-weight:700;font-size:14px}
.ja-btn:hover{background:color-mix(in srgb,var(--deep,#2f5d62) 10%,transparent)}
.ja-btn:disabled{opacity:.5}
li.abgehakt .kd-feld.klein{display:flex;align-items:center;gap:10px;padding:8px 14px;border-left:4px solid var(--mint-400,#5cc4a8);background:color-mix(in srgb,var(--mint-400,#5cc4a8) 12%,var(--panel));animation:hak-schrumpf .45s var(--ease-out,ease-out)}
li.abgehakt .hak{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint-400,#5cc4a8);color:#fff;font-weight:900;animation:hak-pop .5s cubic-bezier(.2,1.6,.4,1)}
li.abgehakt.weg{transition:opacity .4s,max-height .45s,margin .45s;opacity:0;max-height:0;margin:0;overflow:hidden}
li.abgehakt{max-height:80px}
@keyframes hak-pop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes hak-schrumpf{from{transform:scaleY(1.6);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){li.abgehakt .hak,li.abgehakt .kd-feld.klein{animation:none}}
.ja-btn.gross{padding:10px 20px;font-size:15px}
.kd-komm li.einwand{color:#8a1c3a}.kd-komm li.bedenken{color:#7a5a00}
.kerndaten li.abgehakt .kd-feld.klein,li.abgehakt .kd-feld.klein{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:10px}
.fb-kopf{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.fb-kopf small{color:var(--ink-mute)}
.fb-text{margin:8px 0 4px;font-size:15px;line-height:1.45}
.fb-zitat{display:block;font-style:italic;color:var(--ink-dim);font-size:13.5px;margin:4px 0}
.fb-k.st-erledigt{opacity:.65}
.fb-k.st-neu{border-color:var(--accent)}

/* Abstimmungskarte als kleines Gespräch: Kontext, Frage, Sprechblase der Person, wer mitgeht */
.kd-feld.vk{display:flex;flex-direction:column;gap:8px}
.vk-kontext{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-mute)}
.vk-frage{margin:0;font-size:17px;font-weight:750;line-height:1.35;color:var(--ink)}
.vk-rede{display:flex;gap:10px;align-items:flex-start;margin-top:2px}
.vk-gesicht{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--panel2);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--ink-dim)}
.vk-gesicht img{width:100%;height:100%;object-fit:cover}
.vk-gesicht i{font-style:normal}
.vk-gesicht.klein{width:24px;height:24px;font-size:10px}
.vk-blase{position:relative;flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:10px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.vk-blase::before{content:"";position:absolute;left:-7px;top:10px;width:12px;height:12px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.vk-blase small{display:block;font-size:12px;font-weight:700;color:var(--ink-mute);margin-bottom:2px}
.vk-blase .kd-text{font-size:16px;line-height:1.45;color:var(--ink)}
.vk-antworten{margin:0 0 0 46px;border-left:0;background:transparent;padding:0}
.vk-antworten li{display:flex;gap:8px;align-items:flex-start}
.vk-stand{display:flex;flex-wrap:wrap;gap:6px}
.vk-m{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--ink-dim)}
.vk-m.ja{background:color-mix(in srgb,var(--mint-400,#5cc4a8) 16%,var(--panel));border-color:transparent;color:var(--mint-700,#1f7a63);font-weight:700}
.vk-m.nein{background:#fde8ed;border-color:transparent;color:#8a1c3a;font-weight:700}
@media (max-width:600px){.vk-antworten{margin-left:0}}
/* Umbau V2, Schritt 2: Ladezustand beim Seitenwechsel statt alter Ansicht; Lite-Seite beim Neuaufbau nicht neu einblenden */
.route-laedt{display:flex;flex-direction:column;gap:14px;padding:24px 0}
.skel{height:84px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--line) 0%,color-mix(in srgb,var(--line) 40%,transparent) 50%,var(--line) 100%);background-size:200% 100%;animation:jc-shine 1.4s linear infinite;opacity:.6}
.skel-kopf{height:56px;width:60%}
@media (prefers-reduced-motion:reduce){.skel{animation:none}}
.ohne-rein .lite-bereich,.ohne-rein .lite-satz{animation:none}
#pjBody:focus,h1:focus,h2:focus{outline:none}
.ki-hinweis{margin:6px 0;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.45}
.ki-hinweis.luecke{background:var(--warning-50);border-left:3px solid var(--warning-500)}
.ki-hinweis.mehr{background:color-mix(in srgb,var(--mint-700) 8%,transparent);border-left:3px solid var(--mint-700)}
.kib.art-notiz{background:color-mix(in srgb,var(--line) 60%,transparent);color:var(--ink-dim)}
.kib.art-ich{background:var(--warning-50);color:var(--warning-700)}
.qlink.zur-e{font-size:13px;margin-left:6px}
.lite-pstand{margin:6px 0 0;font-size:14px;color:var(--ink-dim)}
.lite-kasten li small{display:block;font-size:12px;color:var(--ink-mute);margin-top:2px}

/* ── Thomas' Weg (Umbau V2, Schritt 6) ── */
.weg{max-width:960px;margin:0 auto;padding:12px 0 40px}
.weg-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.weg-nav a{padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);text-decoration:none;font-weight:700;font-size:14px}
.weg-nav a.on{background:var(--deep);color:#fff;border-color:transparent}
.weg-kopf h1{margin:0 0 6px;font-size:clamp(24px,4vw,34px);line-height:1.15}
.weg-kopf p{margin:0 0 16px;color:var(--ink-dim);max-width:62ch}
.weg-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;margin:14px 0}
.weg-block h2,.weg-plan h2{margin:0 0 10px;font-size:18px}
.weg-plan h2 small{font-weight:600;color:var(--ink-mute);font-size:14px;margin-left:6px}
.weg-plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.weg-schicht{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:start;margin-top:10px}
.weg-schicht-n{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);padding-top:10px}
.weg-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.weg-feld{text-align:left;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:4px;min-height:74px}
.weg-feld b{font-size:14px}
.weg-feld span{font-size:13.5px;line-height:1.4;color:var(--ink)}
.weg-feld small{font-size:12.5px;color:var(--ink-mute)}
.weg-feld.voll{background:color-mix(in srgb,var(--mint-700) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--mint-700) 30%,transparent)}
.weg-feld.leer{background:transparent;border:1.5px dashed var(--line)}
.weg-schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.weg-schritte li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--panel2,var(--bg))}
.weg-akt{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.weg-etappen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.weg-etappen .weg-abschnitt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-top:8px}
.weg-etappen button{width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.weg-etappen button span{font-size:13px;font-weight:700;color:var(--ink-mute)}
.weg-etappen button small{grid-column:1/-1;color:var(--ink-dim);font-size:13.5px}
.weg-etappen li.geschafft button span{color:var(--mint-700)}
.weg-etappen li.jetzt button{border-color:var(--deep);box-shadow:0 0 0 2px color-mix(in srgb,var(--deep) 25%,transparent)}
.weg-etappen li.jetzt button span{color:var(--deep)}
.weg-karten,.weg-bitten{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.weg-karte{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel)}
.weg-karte p{margin:6px 0 0;font-size:14.5px;line-height:1.45}
.weg-hinweis{margin:8px 2px;color:var(--ink-dim)}
.weg-neu{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}
.weg-neu .lbl-in{flex:1;min-width:220px}
.weg-sorgen,.weg-regeln,.weg-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.weg-sorgen>li,.weg-regeln>li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.weg-sorgen p{margin:0 0 8px}.weg-sorgen p small{color:var(--ink-mute);margin-left:6px}
.weg-sorgen li.st-kleiner,.weg-sorgen li.st-liegt{opacity:.7}
.weg-sschritt,.weg-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.weg-sschritt>span,.weg-chips>span{font-size:13.5px;color:var(--ink-dim);margin-right:4px}
.weg-regeln small{display:block;color:var(--ink-mute);margin:2px 0 6px}
.weg-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.weg-ergebnis{margin:12px 0 0;font-size:16px;line-height:1.5}
.weg-drei{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.weg-ausgang{font:inherit;color:inherit;text-align:left;padding:20px;border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--panel);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:140px}
.weg-ausgang b{font-size:19px}.weg-ausgang span{color:var(--ink-dim)}
.weg-ausgang.on{border-color:var(--deep)}
.weg-pre{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px;line-height:1.5;max-height:60vh;overflow:auto}
@media (max-width:600px){.weg-schicht{grid-template-columns:1fr}.weg-schicht-n{padding-top:0}}
.weg-plan-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--ink-dim);font-weight:700;font-size:13px}
.wp-raster{display:grid;grid-template-columns:repeat(7,6px);gap:2px}
.wp-raster i{width:6px;height:6px;border-radius:2px;border:1px dashed var(--ink-mute);box-sizing:border-box}
.wp-raster i.v{background:var(--mint-700);border:0}
.weg-nachfrage{display:flex;gap:14px;align-items:flex-start}
.weg-nachfrage img{width:56px;height:56px;border-radius:50%;flex:none}
.weg-nachfrage h2{margin:0 0 6px}
@media (max-width:600px){.weg-plan-pill .wp-n{display:none}}
[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}
/* Kopfzeile: mit Lite- und Weg-Knopf darf sie umbrechen statt die Seite seitlich zu verschieben */
@media (max-width:1100px){.top{flex-wrap:wrap;row-gap:8px}}

/* ── Visionsfindung: Mindmap und Zettelboard ── */
.vf-knopf{background:linear-gradient(135deg,#ffd166,#ff9fb5);color:#3b2a00;border:0;font-weight:800}
.vf{display:flex;flex-direction:column;gap:10px}
.vf-kopf h2{margin:0 0 4px}
.vf-kopf p{margin:0;color:var(--ink-dim);font-size:14.5px;max-width:860px}
.vf-ansichten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.vf-tab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.vf-tab span{grid-row:span 2;font-size:22px;align-self:center}
.vf-tab small{color:var(--ink-mute);font-size:12px}
.vf-tab.on{border-color:var(--deep,#2f5d62);box-shadow:0 0 0 2px color-mix(in srgb,var(--deep,#2f5d62) 25%,transparent)}
.vf-tab.bald{opacity:.55;cursor:default}
.vf-leiste{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vf-filter{font-size:13px;color:var(--ink-dim);display:flex;gap:4px;align-items:center}
.vf-legende{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto;font-size:12.5px;color:var(--ink-dim)}
.vf-legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-2px;border:1px solid rgba(0,0,0,.08)}
.vf-flaeche{position:relative;height:min(72vh,780px);overflow:auto;border:1px solid var(--line);border-radius:var(--r-lg,12px);background:var(--panel2)}
.vf-innen{position:relative;min-width:100%;min-height:100%}
.vf-innen.zettel{background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-size:22px 22px;background-color:#f6efe2}
.vf-innen.mind{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:26px 26px}
.vf-linien{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.vf-linien path{fill:none;stroke:color-mix(in srgb,var(--deep,#2f5d62) 45%,transparent);stroke-width:2}
.vf-karte{position:absolute;width:250px;padding:10px 12px 8px;border-radius:12px;background:var(--panel);border:2px solid var(--f,#eee);box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:grab;user-select:none;touch-action:none;transition:box-shadow .15s}
.vf-innen.zettel .vf-karte{background:var(--f,#fff6c2);border-color:transparent;border-radius:3px;box-shadow:0 6px 14px rgba(0,0,0,.14);width:220px}
.vf-karte.zieht{cursor:grabbing;box-shadow:0 12px 28px rgba(0,0,0,.22);z-index:5}
.vf-karte.leit{width:300px;border-width:3px;border-color:var(--deep,#2f5d62);background:color-mix(in srgb,var(--f,#fff) 35%,var(--panel))}
.vf-karte.leit .vf-text{font-size:17px;font-weight:750}
.vf-karte.art-einwand{border-style:dashed}
.vf-k-kopf{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--ink-mute);margin-bottom:4px}
.vf-wer{font-weight:800;color:var(--ink-dim)}
.vf-innen.mind .vf-wer::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--f);margin-right:5px;vertical-align:0}
.vf-text{font-size:14.5px;line-height:1.4;color:var(--ink);white-space:pre-wrap;word-break:break-word;outline:none;border-radius:4px}
.vf-text[contenteditable=true]{background:#fff;box-shadow:0 0 0 2px var(--accent);cursor:text;user-select:text;padding:2px 4px}
.vf-geaendert{display:block;font-size:11px;color:var(--ink-mute);margin-top:3px}
.vf-k-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.vf-daumen{font-size:13px;padding:2px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.6)}
.vf-daumen.on{background:var(--deep,#2f5d62);color:#fff;border-color:transparent;font-weight:700}
.vf-akt{display:flex;gap:2px;opacity:.35;transition:opacity .15s}
.vf-karte:hover .vf-akt{opacity:1}
.vf-akt button{padding:2px 6px;border-radius:6px;font-size:13px}
.vf-akt button:hover{background:rgba(0,0,0,.06)}
.vf-hilfe{font-size:12.5px;margin:0}
@media (max-width:760px){.vf-flaeche{height:68vh}.vf-legende{margin-left:0}}
/* Visionsfindung: Landkarte und Satz-Werkstatt */
.vf-panel{border:1px solid var(--line);border-radius:var(--r-lg,12px);background:var(--panel);padding:16px;min-height:320px}
.vf-leer{max-width:680px;margin:30px auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;font-size:15.5px;line-height:1.5}
.vf-lk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lk-sp{border-radius:var(--r-md);padding:12px;background:var(--panel2);display:flex;flex-direction:column;gap:10px}
.lk-sp h3{margin:0;font-size:16px}
.lk-sp.einig{background:color-mix(in srgb,var(--mint-400,#5cc4a8) 14%,var(--panel))}
.lk-sp.strittig{background:#fff4e0}
.lk-p{background:var(--panel);border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.lk-p p{margin:0 0 6px;font-size:14.5px;line-height:1.4}
.lk-frage{font-weight:750}
.lk-pos{border-left:3px solid #f0c060;padding:4px 0 4px 10px;margin:6px 0;display:flex;flex-direction:column;gap:3px;font-size:14px}
.lk-k{display:flex;flex-wrap:wrap;gap:4px}
.vf-mini{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--f,#eee);color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-schritt{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--deep,#2f5d62) 8%,var(--panel));font-size:15px}
.lk-fuss{margin:10px 0 0;font-size:12.5px}
.ws-satz{padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fff7df,#ffe9f0);margin-bottom:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ws-satz small{color:var(--ink-mute);font-weight:700}
.ws-satz p{margin:0;font-size:20px;line-height:1.45;font-weight:650}
.ws-satz mark{background:color-mix(in srgb,var(--mint-400,#5cc4a8) 30%,transparent);border-radius:4px;padding:0 3px}
.ws-luecke{color:var(--ink-mute);border-bottom:2px dashed var(--line);font-weight:500}
.ws-zeile{margin:10px 0}
.ws-zeile h3{margin:0 0 6px;font-size:15px}
.ws-var{display:flex;flex-wrap:wrap;gap:8px}
.ws-v{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);max-width:340px}
.ws-v small{color:var(--ink-mute);font-size:11.5px}
.ws-v.vorn{border-color:var(--mint-400,#5cc4a8)}
.ws-v.on{border-color:var(--deep,#2f5d62);background:color-mix(in srgb,var(--deep,#2f5d62) 8%,var(--panel));font-weight:650}
.ws-v.neu{border-style:dashed;color:var(--ink-mute);justify-content:center}
@media (max-width:900px){.vf-lk{grid-template-columns:1fr}}
.vs-g{display:flex;gap:8px;align-items:flex-start;margin:8px 0}.vs-g textarea{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;background:var(--panel2)}.vs-g input{margin-top:10px}
/* Visionsfindung im Vollbild */
.vf.voll{position:fixed;inset:0;z-index:60;background:var(--bg,#f6f3ee);padding:12px 16px;overflow:auto}
.vf.voll .vf-kopf p,.vf.voll .vf-hilfe{display:none}
.vf.voll .vf-flaeche{height:calc(100vh - 190px)}
body.vf-vollbild{overflow:hidden}
/* Visionsfindung: Zoom */
.vf-groesse{position:relative}
.vf-innen{transform-origin:0 0}
.vf-zoom{position:sticky;top:10px;left:10px;z-index:8;display:inline-flex;align-items:center;gap:2px;margin:10px 0 -46px 10px;padding:4px;border-radius:999px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.vf-zoom button{min-width:32px;height:30px;border-radius:999px;font-weight:800;padding:0 10px}
.vf-zoom button:hover{background:var(--panel2)}
.vf-zoom span{min-width:46px;text-align:center;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-dim)}
/* Zettelboard: Gruppen nach Herkunft */
.vf-cl{position:absolute;border:2px dashed rgba(0,0,0,.14);border-radius:18px;background:rgba(255,255,255,.35);pointer-events:none}
.vf-cl.stark{border-color:rgba(47,93,98,.35);background:rgba(255,255,255,.5)}
.vf-cl span{position:absolute;left:14px;top:10px;font-size:13px;font-weight:800;color:var(--ink-dim);max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vf-cl small{font-weight:600;color:var(--ink-mute)}
.vf-korb{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}.vf-korb-k{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--f,#eee)}.vf-korb-k small{color:#555;font-size:12px}.vf-korb-k .qlink{align-self:flex-start}
.vf-export{display:flex;flex-direction:column;gap:12px}.vf-ex-pre{max-height:55vh;overflow:auto;background:var(--panel2);padding:12px 14px;border-radius:10px;font-size:12.5px;white-space:pre-wrap}
/* Visionsfindung: Gründlings Vorschlag */
.vs-zus{padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#eaf7f2,#fff7df);margin-bottom:10px}
.vs-zus small{font-weight:800;color:var(--ink-mute)}
.vs-zus p{margin:6px 0 0;font-size:15.5px;line-height:1.55}
.vs-stand{font-size:13px;color:var(--ink-dim);margin:6px 0 10px}
.vs-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vs-k{display:flex;flex-direction:column;gap:8px;padding:16px;border:2px solid var(--line);border-radius:16px;background:var(--panel)}
.vs-k.vorn{border-color:var(--mint-400,#5cc4a8)}
.vs-k.on{border-color:var(--deep,#2f5d62);box-shadow:0 0 0 3px color-mix(in srgb,var(--deep,#2f5d62) 15%,transparent)}
.vs-titel{font-weight:800;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}
.vs-satz{margin:0;font-size:19px;font-weight:750;line-height:1.4}
.vs-erk{margin:0;font-size:14px;color:var(--ink-dim)}
.vs-auf{margin:0;padding-left:18px;font-size:13px;color:var(--ink-dim);display:flex;flex-direction:column;gap:2px}
.vs-fuss{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;color:var(--ink-mute)}
.vs-stimme{padding:6px 14px;border-radius:999px;border:1.5px solid var(--deep,#2f5d62);color:var(--deep,#2f5d62);font-weight:700;background:transparent}
.vs-stimme.on{background:var(--deep,#2f5d62);color:#fff}
@media (max-width:900px){.vs-liste{grid-template-columns:1fr}}
/* Visionsfindung in der Kopfleiste, auf jeder Seite */
.vf-top{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ffd166,#ff9fb5);color:#3b2a00;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.vf-top:hover{filter:brightness(1.05)}
@media (max-width:900px){.vf-top span{display:none}}
.vf-zitat{font-size:11.5px;color:var(--ink-mute);font-style:italic;margin-bottom:4px;border-left:2px solid rgba(0,0,0,.15);padding-left:6px}
/* Visions-Runde */
.vr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}
.vr h3{margin:4px 0 8px;font-size:15.5px}
.vr h3 small{font-weight:500;color:var(--ink-mute);font-size:12.5px;margin-left:4px}
.vr-chat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel2)}
.vr-msgs{flex:1;min-height:320px;max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}
.vr-m{max-width:88%;padding:8px 12px;border-radius:12px;background:var(--panel);font-size:14.5px;line-height:1.45}
.vr-m.user{align-self:flex-end;background:var(--deep,#2f5d62);color:#fff}
.vr-m p{margin:0}
.vr-angebot{margin-top:8px;padding:8px 10px;border-radius:10px;background:#fff6e0;display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.vr-angebot.vs{background:#eaf7f2}
.vr-angebot q{font-style:italic}
.vr-angebot span{display:flex;gap:8px;flex-wrap:wrap}
.vr-form{display:flex;gap:8px;margin-top:8px}
.vr-form textarea{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit}
.vr-erk{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-direction:column;gap:6px}
.vr-erk li{padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--f,#eee) 55%,var(--panel));font-size:14px}
.vr-zeile{display:flex;gap:6px;margin:4px 0 12px}
.vr-zeile input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px}
.vr-vs{display:flex;flex-direction:column;gap:8px}
.vr-v{padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:4px}
.vr-v.gew{border-color:var(--deep,#2f5d62)}
.vr-v p{margin:0;font-weight:650}
.vr-v small{color:var(--ink-mute)}
.vr-v span{display:flex;gap:10px;align-items:center}
.vr-konsent{margin-top:14px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#eaf7f2,#fff7df)}
.vr-satz{font-size:18px;font-weight:750;margin:4px 0 10px}
.vr-phasen{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0 0 8px}
.vr-phasen li{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel);color:var(--ink-mute)}
.vr-phasen li.on{background:var(--deep,#2f5d62);color:#fff;font-weight:700}
.vr-phasen li.durch{text-decoration:line-through}
.vr-hilfe{font-size:13.5px;color:var(--ink-dim);margin:0 0 8px}
.vr-fragen{padding-left:18px;margin:0 0 8px;font-size:14px;display:flex;flex-direction:column;gap:6px}
.vr-antw{font-size:13px;color:var(--ink-dim);margin-left:8px}
.vr-fass{display:flex;gap:6px;align-items:flex-start;margin:6px 0}
.vr-fass textarea{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px}
.vr-ks{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vr-fertig{padding:14px;border-radius:14px;background:linear-gradient(135deg,#ffd166,#ff9fb5);margin-bottom:12px}
.vr-fertig p{font-size:19px;font-weight:800;margin:6px 0}
.vr-ablauf{text-align:left;max-width:560px;font-size:14.5px;line-height:1.5}
@media (max-width:900px){.vr{grid-template-columns:1fr}}
/* „Dein Vorhaben“: Kachel Vision führt in den Visions-Raum */
.weg-feld.weg-vision{text-decoration:none;color:inherit;background:linear-gradient(135deg,#fff7df,#ffe9f0);border:2px solid #f3c66a;position:relative}
.weg-feld.weg-vision i{font-style:normal;font-size:12.5px;font-weight:800;color:var(--deep,#2f5d62);margin-top:6px;display:block}
.weg-vision-offen{font-style:normal;font-size:12px;font-weight:700;color:#8a5a00;display:block;margin-top:4px}
/* Visions-Raum: drei Spalten */
.vr.drei{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)}
.vr-gruppe{background:color-mix(in srgb,var(--mint-400,#5cc4a8) 8%,var(--panel))}
.vr-m b{display:block;font-size:12px;color:var(--ink-mute)}
.vr-m.anika{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}
.vr-bisher{padding:12px;border-radius:14px;background:var(--panel2);margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.vr-gilt,.vr-offen,.vr-top{padding:10px 12px;border-radius:10px;background:var(--panel)}
.vr-gilt{border-left:4px solid var(--mint-400,#5cc4a8)}
.vr-offen{border-left:4px solid #f0c060}
.vr-gilt p,.vr-offen p{margin:4px 0;font-weight:700;font-size:15px}
.vr-gilt small,.vr-offen small,.vr-top small{color:var(--ink-mute);font-size:12px;font-weight:700}
.vr-marken{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.vr-marken i{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--panel2)}
.vr-marken i.ja{background:color-mix(in srgb,var(--mint-400,#5cc4a8) 18%,var(--panel));color:var(--mint-700,#1f7a63)}
.vr-marken i.nein{background:#fde8ed;color:#8a1c3a}
.vr-top p{margin:4px 0;font-size:13.5px}
.vr-top i{font-style:normal;color:var(--ink-mute);font-size:12px}
@media (max-width:1200px){.vr.drei{grid-template-columns:1fr 1fr}.vr.drei .vr-team{grid-column:1/-1}}
@media (max-width:760px){.vr.drei{grid-template-columns:1fr}}
/* Visions-Raum: gemeinsamer Satz, live */
.vr-satzfeld{margin-bottom:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fff7df,#ffe9f0);border:2px solid #f3c66a}
.vr-sf-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.vr-sf-kopf h3{margin:0 0 8px}
.vr-sf-kopf small{font-weight:500;color:var(--ink-mute);font-size:12.5px;margin-left:4px}
.vr-tippt{font-size:13px;font-weight:700;color:#8a5a00;animation:jc-dot 1.2s ease-in-out infinite}
#vrSatz{width:100%;font:inherit;font-size:20px;font-weight:700;line-height:1.45;padding:10px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;resize:vertical}
#vrSatz.blitz{animation:sf-blitz .8s ease}
@keyframes sf-blitz{0%{box-shadow:0 0 0 4px rgba(92,196,168,.55)}100%{box-shadow:none}}
.vr-sf-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:10px;flex-wrap:wrap}
.vr-sf-fuss small{color:var(--ink-mute)}
.vr-md{font-size:14.5px;line-height:1.5}.vr-md p{margin:0 0 6px}.vr-md p:last-child{margin:0}.vr-m.assistant .jcard{margin-bottom:6px}

/* Boxen: Griff zum Größe-Ziehen (boxen.js) */
.box-griff{position:fixed;width:18px;height:18px;touch-action:none;opacity:.55;transition:opacity .15s}
.box-griff:hover,.box-griff.zieht{opacity:1}
.box-griff.rechts{cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 55%,var(--ink-mute) 55% 62%,transparent 62% 72%,var(--ink-mute) 72% 79%,transparent 79%)}
.box-griff.links{cursor:nesw-resize;background:linear-gradient(225deg,transparent 0 55%,var(--ink-mute) 55% 62%,transparent 62% 72%,var(--ink-mute) 72% 79%,transparent 79%)}
.box-griff.kante{width:10px;cursor:ew-resize;opacity:0}
.box-griff.kante::after{content:"";position:absolute;left:3px;top:50%;width:4px;height:44px;margin-top:-22px;border-radius:4px;background:var(--ink-mute)}
.box-griff.kante:hover,.box-griff.kante.zieht{opacity:.8}
.box-griff[hidden]{display:none}
.ld-panel{overflow:auto}

/* Visionsfindung kompakt: Projektkopf, Erklärtext und Ansichts-Kacheln klein, damit Platz fürs Eigentliche bleibt */
.pj-top.vf-modus{padding-top:8px;padding-bottom:8px;margin-bottom:8px}
.pj-top.vf-modus .ic,.pj-top.vf-modus .pj-members{display:none}
.pj-top.vf-modus h1{font-size:20px;margin:0}
.pj-top.vf-modus .back{margin-bottom:2px}
.pj.vf-modus .anika-mini{display:none}
details.vf-kopf summary{cursor:pointer;list-style:none;display:flex;gap:6px;align-items:baseline;font-size:15px}
details.vf-kopf summary::-webkit-details-marker{display:none}
details.vf-kopf summary small{color:var(--ink-mute)}
details.vf-kopf p{margin:6px 0 0}
.vf-ansichten{display:flex;flex-wrap:wrap;gap:6px}
.vf-ansichten .vf-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px}
.vf-ansichten .vf-tab span{font-size:15px}
.vf-ansichten .vf-tab small{display:none}
.vr-rv.gew{border-left-color:var(--deep,#2f5d62)}
.vr-weg{opacity:.65}
.vr-weg:hover{opacity:1}
.vr-klapp{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:12.5px;color:var(--ink-mute);padding-bottom:6px;border-bottom:1px dashed var(--line);margin-bottom:6px}
.vr-klapp .qlink{font-size:12.5px}
.vr-alt{margin-bottom:8px}
.vr-alt summary{cursor:pointer;font-size:13px;color:var(--ink-dim);padding:4px 0}
.vr-bisher h3{display:flex;align-items:center;gap:8px}
.vr-plus{margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:18px;font-weight:800;line-height:1;cursor:pointer}
.vr-plus:hover{border-color:var(--deep,#2f5d62)}
.vr-neu{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.vr-neu textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);resize:vertical}
.vr-neu span{display:flex;gap:10px;align-items:center}
.vr-da{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 8px}
.vr-da span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;padding:2px 9px;border-radius:999px;background:var(--panel2);color:var(--ink-mute);opacity:.6}
.vr-da span i{width:8px;height:8px;border-radius:50%;background:#bbb}
.vr-da span.da{opacity:1;color:var(--ink);background:var(--panel)}
.vr-da span.da i{background:#2fb36b;box-shadow:0 0 0 3px color-mix(in srgb,#2fb36b 25%,transparent)}
.vr-offen.einwand{border-left-color:#e07a5f}
.vr-einw{list-style:none;margin:8px 0 4px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.vr-einw li{padding:6px 10px;border-radius:8px;background:#fdf1ec}
.vr-einw li.bedenken{background:#fbf6e6}
.vr-fass-btn{display:block;margin-top:6px}
.vr-integ{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.vr-integ textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);resize:vertical}
.vr-integ span{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vr-integ-vs{display:flex;flex-direction:column;gap:6px}
.vr-integ-v{text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.vr-integ-v:hover{border-color:var(--deep,#2f5d62)}
.vr-integ-v small{color:var(--ink-mute)}
.vr-einw li.komm{background:var(--panel2)}
.vr-live{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#c0392b;background:#fdecea;border-radius:999px;padding:2px 8px;vertical-align:middle;animation:vrLive 2s ease-in-out infinite}
@keyframes vrLive{50%{opacity:.55}}
.vr-hier{font-size:12.5px;color:var(--ink-dim)}
.vr-satzfeld textarea{border:2px dashed color-mix(in srgb,var(--deep,#2f5d62) 35%,transparent)}
.vr-satzfeld textarea:focus{border-style:solid}

/* Live-Formulierung: alle sehen mit, grün leuchtend */
.live-glow{border-radius:12px;box-shadow:0 0 0 2px #2fb36b,0 0 22px rgba(47,179,107,.55);animation:liveGlow 2.4s ease-in-out infinite;padding:10px;background:color-mix(in srgb,#2fb36b 6%,var(--panel))}
.live-glow textarea{border-color:#2fb36b !important}
@keyframes liveGlow{50%{box-shadow:0 0 0 2px #2fb36b,0 0 34px rgba(47,179,107,.8)}}
.ent-wer{display:block;color:#1f7a4a;font-weight:700;font-size:12.5px;margin-bottom:4px}

/* Visions-Raum V2 */
.v2-umschalter{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:6px}
.v2-badge{font-size:12px;font-weight:700;color:#7a5a00;background:#fff3cd;border-radius:999px;padding:2px 10px}
.v2-vision{border-radius:16px;padding:16px 20px;margin-bottom:14px;background:color-mix(in srgb,#2fb36b 7%,transparent);border:1px dashed color-mix(in srgb,#2fb36b 30%,var(--line));color:var(--ink-mute);text-align:center}
.v2-vision small{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.v2-vision p{margin:6px 0 0;font-size:18px;color:var(--ink-mute)}
.v2-vision i{display:block;margin-top:6px;font-size:13px}
.v2-vision.gruen{background:linear-gradient(135deg,#2fb36b,#1f8f55);border:0;color:#fff;box-shadow:0 10px 30px rgba(47,179,107,.35)}
.v2-vision.gruen p{color:#fff;font-size:24px;font-weight:800;line-height:1.3}
.v2-vision.gruen small,.v2-vision.gruen i,.v2-vision.gruen li{color:rgba(255,255,255,.9)}
.v2-vision.gruen ul{list-style:none;padding:0;margin:8px 0 0}
.v2-vision.gruen span{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:10px}
.v2-vision.gruen .qlink{color:#fff}
.v2-vision.feiern{animation:v2Feiern 1.2s ease-out 2}
@keyframes v2Feiern{30%{transform:scale(1.03);box-shadow:0 0 0 6px rgba(47,179,107,.35),0 10px 40px rgba(47,179,107,.6)}}
.v2-schritt{margin-bottom:16px;transition:opacity .3s}
.v2-schritt h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px}
.v2-schritt h4 > b,.v2-f-kopf small b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--deep,#2f5d62);color:#fff;font-size:13px}
.v2-schritt h4 small{font-weight:400;color:var(--ink-mute);font-size:12.5px}
.v2-schritt.gedimmt{opacity:.45}
.v2-schritt.gedimmt:hover,.v2-schritt.gedimmt:focus-within{opacity:1}
.v2-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.v2-drei .vr-satzfeld{display:flex;flex-direction:column}
.v2-drei .vr-satzfeld textarea{flex:1;min-height:180px}
.v2-wem{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;margin-right:6px;vertical-align:middle}
.v2-wem.deins{background:#efe7ff;color:#5b3fa0}
.v2-wem.unser{background:#e2f5ea;color:#1f7a4a}
.v2-ideen-schritt{background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--deep,#2f5d62) 3%,transparent) 12px 24px);border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.v2-ideen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.v2-idee{background:#fffdf5;border:1px solid #f0e3b5;border-radius:4px 14px 14px 14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 0 #f0e3b5}
.v2-idee p{margin:0;font-weight:700}
.v2-idee small{color:var(--ink-mute)}
.v2-idee span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v2-fokus{border:2px solid var(--deep,#2f5d62);border-radius:18px;padding:18px 22px;margin-bottom:16px;background:var(--panel);box-shadow:0 12px 36px rgba(0,0,0,.12)}
.v2-fokus.einwand{border-color:#e07a5f}
.v2-fokus.neu{animation:v2Neu 1.4s ease-out 1}
@keyframes v2Neu{0%{box-shadow:0 0 0 0 rgba(47,93,98,.6)}100%{box-shadow:0 0 0 18px rgba(47,93,98,0),0 12px 36px rgba(0,0,0,.12)}}
.v2-f-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ink-mute);font-size:13px}
.v2-f-kopf small{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--ink-dim)}
.v2-f-satz{font-size:26px;font-weight:800;line-height:1.3;margin:12px 0}
.v2-stimme{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}
.v2-integ{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.v2-integ textarea{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);resize:vertical}
.v2-integ span{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.v2-f-fuss{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:1000px){.v2-drei{grid-template-columns:1fr}}
/* V2: Flussbild oben, aufklappbare Ideen mit Haltung und Verlauf */
.v2-fluss{margin:0 0 16px;padding:6px 8px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.v2-fluss svg{display:block;width:100%;height:auto;max-height:190px}
.v2-fluss .p{fill:none;stroke:var(--ink-mute);stroke-width:1.6}
.v2-fluss .p.schleife,.v2-fluss .p.zurueck{stroke-dasharray:4 4}
.v2-fluss marker path{fill:var(--ink-mute)}
.v2-fluss .l{font-size:11.5px;fill:var(--ink-mute);text-anchor:middle}
.v2-st{cursor:pointer}
.v2-st rect{fill:var(--panel2,#f4f1ec);stroke:var(--line);stroke-width:1.5;transition:fill .2s}
.v2-st:hover rect,.v2-st:focus rect{stroke:var(--deep,#2f5d62)}
.v2-st circle{fill:var(--ink-mute)}
.v2-st .n{fill:#fff;font-size:13px;font-weight:800;text-anchor:middle}
.v2-st .t{fill:var(--ink);font-size:14px;font-weight:800}
.v2-st .u{fill:var(--ink-mute);font-size:12px}
.v2-st .hier{fill:var(--deep,#2f5d62);font-size:12px;font-weight:800;text-anchor:middle}
.v2-st.durch rect{fill:color-mix(in srgb,#2fb36b 10%,var(--panel))}
.v2-st.durch circle{fill:#2fb36b}
.v2-st.jetzt rect{fill:color-mix(in srgb,var(--deep,#2f5d62) 12%,var(--panel));stroke:var(--deep,#2f5d62);stroke-width:2.5}
.v2-st.jetzt circle{fill:var(--deep,#2f5d62)}
.v2-st:focus{outline:none}
.v2-schritt{scroll-margin-top:70px}
.v2-schritt.aktiv{border:2px solid var(--deep,#2f5d62);border-radius:16px;padding:12px 14px}
.v2-leer{margin:0;padding:12px 14px;border:1px dashed var(--line);border-radius:12px}
.v2-idee[data-v2auf]{cursor:pointer;transition:transform .15s,box-shadow .15s}
.v2-idee[data-v2auf]:hover,.v2-idee[data-v2auf]:focus{transform:translateY(-1px);box-shadow:0 4px 0 #f0e3b5,0 6px 16px rgba(0,0,0,.06);outline:none}
.v2-idee.einwand{border-color:#f0b9a6;box-shadow:0 2px 0 #f0b9a6}
.v2-idee.projekt{background:var(--panel);border-style:dashed}
.v2-idee .v2-auf{align-self:flex-end;font-size:12.5px;color:var(--deep,#2f5d62)}
.v2-zahl i{font-style:normal;font-size:12px;padding:1px 7px;border-radius:999px;background:var(--panel2,#f4f1ec);color:var(--ink-dim)}
.v2-zahl i.nein{background:#fde8ed;color:#8a1c3a}
.v2-idee.offen,.v2-idee-voll{grid-column:1/-1}
.v2-idee.offen{background:var(--panel);border-radius:14px;border:1px solid var(--line);border-left:4px solid #f0c060;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:14px 16px;gap:8px}
.v2-idee.offen.einwand{border-left-color:#e07a5f}
.v2-idee-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v2-idee .v2-idee-satz{font-size:18px;line-height:1.35}
.v2-verlauf{margin-top:6px;font-size:13px}
.v2-verlauf summary{cursor:pointer;color:var(--ink-dim);font-weight:700}
.v2-verlauf ol{list-style:none;margin:8px 0 0;padding:0 0 0 12px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:6px}
.v2-verlauf li{display:flex;gap:10px;align-items:baseline}
.v2-verlauf time{flex:none;color:var(--ink-mute);font-size:12px;font-variant-numeric:tabular-nums}
.v2-verlauf li > span{display:block}
.v2-verlauf li small{display:block;color:var(--ink-mute);margin-top:2px}
@media (max-width:640px){.v2-fluss{overflow-x:auto}.v2-fluss svg{min-width:600px;max-height:none}.v2-schritt h4{flex-wrap:wrap}.v2-schritt h4 small{flex-basis:100%}}

/* Formulierungs-Werkstatt: parallele Felder, gesammelte Formulierungen */
.ew{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.ew-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;align-items:start}
.ew-felder > .ew-auf{justify-self:start}
.ew-feld{display:flex;flex-direction:column;gap:6px}
.ew-feld p{margin:0;font-size:16px;font-weight:700;white-space:pre-wrap}
.ew-feld textarea{width:100%;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);resize:vertical}
.ew-feld span{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ew-alts{display:flex;flex-direction:column;gap:6px}
.ew-alts > small{color:var(--ink-mute);font-weight:700}
.ew-alt{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid #f0e3b5;background:#fffdf5;border-radius:4px 12px 12px 12px}
.ew-alt p{margin:0;font-weight:700}
.ew-alt small{color:var(--ink-mute)}
.ew-alt span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ew-alt.durch{opacity:.6}
.blitz{animation:ewBlitz .8s ease-out}
@keyframes ewBlitz{0%{background:rgba(47,179,107,.25)}100%{background:transparent}}

.jc-zaehler{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 4px;font-size:14px;color:var(--ink-mute)}
.jc-zaehler b{display:block;font-size:22px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}
blockquote.gr-vorschlag,.thread blockquote.gr-vorschlag{margin:8px 0;padding:10px 14px;border-left:4px solid #2e9e5b;background:#eaf7ef;color:inherit;font-size:inherit;font-weight:500;border-radius:8px;cursor:auto;max-height:none;overflow:visible}
.jc-funde{margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:#f3faf6;border:1px solid #d7ebdf}
.jc-funde b{display:block;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#1f7a44;margin-bottom:6px}
.jc-fund{margin:0;font-size:16px;line-height:1.5;min-height:3em;transition:opacity .45s ease}
.jc-fund.weg{opacity:0}
.jc-funde small{display:block;margin-top:4px;color:#7c8b82;font-size:12px}