:root{--papier: #f4f0e8;--karte: #fffdf8;--dunkel: #211d18;--text: #211d18;--text-2: #4a453c;--text-3: #6f685c;--meta: #8a8271;--terra: #b0563a;--terra-dunkel: #a04a30;--terra-hell: #d98b6e;--terra-tint: #f6e6df;--terra-tint-2: #faf1ec;--amber: #c07a2c;--gruen: #5f7355;--gruen-tint: #e7efe3;--hairline: #e3ddd0}*{box-sizing:border-box}body{margin:0;font-family:Public Sans,sans-serif;color:var(--text);background:var(--papier);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.kopf{display:flex;align-items:center;gap:13px;padding:20px 28px;border-bottom:1px solid var(--hairline)}.kopf-logo{width:34px;height:34px;border-radius:9px;background:var(--terra)}.kopf-name{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.01em}.kopf-sub{font-size:13px;color:var(--meta);margin-top:1px}.kopf-spacer{flex:1}.modus-chip{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px}.modus-chip.demo{color:var(--amber);background:#f5e8d5}.modus-chip.live{color:var(--gruen);background:var(--gruen-tint)}.buehne{flex:1;display:flex;justify-content:center;padding:40px 24px 60px}.karte{width:640px;max-width:100%;background:var(--karte);border:1px solid var(--hairline);border-radius:24px;padding:44px 46px;box-shadow:0 30px 60px #211d180f}.schritt-label{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-bottom:14px}h1{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:40px;line-height:1.05;margin:0 0 14px;letter-spacing:-.02em}.lead{font-size:18px;line-height:1.5;color:var(--text-2);margin:0 0 28px}.feld{margin-bottom:20px}.feld label{display:block;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:7px}.feld input,.feld textarea{width:100%;font-family:inherit;font-size:16px;color:var(--text);border:1.5px solid var(--hairline);border-radius:12px;padding:13px 15px;background:#fff}.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--terra)}.zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip-wahl{border:1.5px solid var(--hairline);background:#fff;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;color:var(--text-2)}.chip-wahl.on{border-color:var(--terra);background:var(--terra-tint-2);color:var(--terra-dunkel)}.btn{border:none;border-radius:12px;font-weight:700;font-size:16px;padding:14px 24px}.btn.primaer{background:var(--terra);color:#fff}.btn.primaer:hover{background:var(--terra-dunkel)}.btn.primaer:disabled{opacity:.45;cursor:default}.btn.leise{background:var(--papier);color:var(--text-2);border:1px solid var(--hairline)}.btn.leise:hover{background:var(--terra-tint-2)}.btn-zeile{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px}.btn-voll{width:100%;justify-content:center}.aufnahme{text-align:center;padding:20px 0}.rec-kreis{width:150px;height:150px;border-radius:50%;margin:10px auto 24px;background:var(--terra);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 44px #b0563a59;transition:transform .15s}.rec-kreis:hover{transform:scale(1.03)}.rec-kreis.laeuft{background:#b23a3a;animation:puls 1.4s ease-in-out infinite}.rec-icon{width:40px;height:40px;border-radius:50%;background:#fff}.rec-kreis.laeuft .rec-icon{border-radius:7px;width:38px;height:38px}@keyframes puls{0%,to{box-shadow:0 20px 44px #b23a3a59}50%{box-shadow:0 20px 44px #b23a3a99,0 0 0 14px #b23a3a14}}.timer{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:34px;letter-spacing:.02em}.rec-hint{font-size:15px;color:var(--text-3);margin-top:8px}.pegel{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:44px;margin:22px 0 6px}.pegel span{width:5px;background:var(--terra-hell);border-radius:3px;transition:height .1s}.verarbeitung{text-align:center;padding:40px 0}.spinner{width:46px;height:46px;margin:0 auto 20px;border-radius:50%;border:4px solid var(--terra-tint);border-top-color:var(--terra);animation:dreh .8s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}.sprecher-leiste{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.sprecher-zeile{display:flex;align-items:center;gap:12px}.sprecher-punkt{width:30px;height:30px;border-radius:50%;flex:0 0 auto;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.sprecher-zeile input{flex:1;font-family:inherit;font-size:15px;border:1.5px solid var(--hairline);border-radius:10px;padding:9px 13px;background:#fff}.sprecher-zeile input:focus{outline:none;border-color:var(--terra)}.transkript{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:4px 2px;margin-bottom:8px}.utt{display:flex;gap:12px}.utt-punkt{width:26px;height:26px;border-radius:50%;flex:0 0 auto;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}.utt-body .utt-name{font-size:13px;font-weight:700;color:var(--text-3);margin-bottom:2px}.utt-body .utt-text{font-size:15.5px;line-height:1.5;color:var(--text)}.abschnitt-titel{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);margin:26px 0 12px}.summary-block{background:var(--papier);border-radius:16px;padding:22px 24px;margin-bottom:14px}.summary-block h3{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:19px;margin:0 0 10px}.summary-block p{font-size:15.5px;line-height:1.55;color:var(--text-2);margin:0}.summary-liste{list-style:none;padding:0;margin:0}.summary-liste li{display:flex;gap:11px;font-size:15.5px;line-height:1.5;color:var(--text-2);padding:5px 0}.summary-liste li:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--terra);margin-top:8px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.erfolg{text-align:center;padding:10px 0}.erfolg-haken{width:76px;height:76px;border-radius:50%;background:var(--gruen);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.akte-karte{background:var(--papier);border-radius:16px;padding:20px 22px;text-align:left;margin:22px 0}.akte-zeile{display:flex;justify-content:space-between;font-size:15px;padding:6px 0;border-bottom:1px solid var(--hairline)}.akte-zeile:last-child{border-bottom:none}.akte-zeile .k{color:var(--text-3)}.akte-zeile .v{font-weight:600}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--dunkel);color:var(--papier);border-radius:12px;padding:13px 22px;font-size:15px;font-weight:600;box-shadow:0 20px 40px #211d1859}.stepper{display:flex;gap:8px;margin-bottom:30px}.stepper span{flex:1;height:4px;border-radius:999px;background:var(--hairline)}.stepper span.on{background:var(--terra)}.hinweis{font-size:13.5px;color:var(--meta);line-height:1.5;margin-top:18px}