:root{--bg: #f6f1ea;--card: #fffdf9;--ink: #2b2622;--muted: #8a8178;--accent: #c8603f;--accent-ink: #fff;--line: #e7ded2;--mine: #efe7db;--other: #eae3f2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased}.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 26px;box-shadow:0 10px 40px #503c2812;text-align:center;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.logo{font-size:2.4rem;letter-spacing:-.5px;margin:0 0 12px}.h2{font-size:1.5rem;margin:0 0 12px}.lead{font-size:1.12rem;line-height:1.6;color:var(--ink);margin:0 0 22px}.muted{color:var(--muted);font-size:.98rem;line-height:1.5}.hint{color:var(--muted);font-size:.85rem;margin-top:14px;font-style:italic}.err{color:#b4472b;margin-top:14px}.level{display:inline-block;font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#f3e2db;border-radius:999px;padding:5px 12px;margin-bottom:18px}.frage{font-size:1.6rem;line-height:1.4;margin:6px 0 22px}.frage.klein{font-size:1.15rem;color:var(--muted);margin-bottom:18px}.ta{width:100%;font-family:inherit;font-size:1.08rem;line-height:1.5;color:var(--ink);background:#fbf7f0;border:1px solid var(--line);border-radius:14px;padding:14px;resize:vertical;outline:none}.ta:focus{border-color:var(--accent)}.btn{font-family:system-ui,sans-serif;font-size:1.05rem;font-weight:600;color:var(--accent-ink);background:var(--accent);border:none;border-radius:999px;padding:14px 30px;margin-top:20px;cursor:pointer;transition:transform .08s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.linkbox{display:block;width:100%;text-align:left;cursor:pointer;background:#fbf7f0;border:1px dashed var(--accent);border-radius:14px;padding:14px 16px;margin:6px 0 8px;font-family:system-ui,monospace}.linktext{display:block;font-size:.82rem;color:var(--ink);word-break:break-all}.copy{display:block;margin-top:6px;font-size:.8rem;color:var(--accent);font-weight:600}.bubble{text-align:left;border-radius:16px;padding:14px 16px;margin:10px 0;font-size:1.06rem;line-height:1.5;animation:rise .4s ease both}.bubble.mine{background:var(--mine)}.bubble.other{background:var(--other);animation-delay:.12s}.wer{display:block;font-family:system-ui,sans-serif;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.card.wide{max-width:520px}.kicker{font-family:system-ui,sans-serif;font-size:.8rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:0 0 18px}.choice{display:block;width:100%;text-align:left;background:#fbf7f0;border:1px solid var(--line);border-radius:16px;padding:15px 18px;margin:0 0 12px;cursor:pointer;transition:border-color .15s ease,transform .08s ease}.choice:hover{border-color:var(--accent);transform:translateY(-1px)}.choice:disabled{opacity:.5}.choice-t{display:block;font-size:1.2rem;color:var(--ink)}.choice-s{display:block;font-family:system-ui,sans-serif;font-size:.84rem;color:var(--muted);margin-top:4px}.lock{font-size:.85rem}.link{background:none;border:none;color:var(--accent);font-family:system-ui,sans-serif;font-size:.92rem;cursor:pointer;padding:8px;margin-top:8px}.back{color:var(--muted)}.intro{background:#f3e2db;color:#7a4a38;border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.5;margin:0 0 16px;font-style:italic}.streak{display:inline-block;background:#fbe9df;color:#b4472b;font-weight:600;font-family:system-ui,sans-serif;font-size:.9rem;border-radius:999px;padding:6px 14px;margin:0 0 16px}.streak-mini{color:#b4472b;font-weight:600}.nudge{background:#f3e2db;color:#7a4a38;border-radius:12px;padding:10px 14px;font-size:.95rem;margin:0 0 14px;font-family:system-ui,sans-serif}.audio{width:100%;margin-top:4px;height:40px}.link.mic{display:block;margin:4px auto 0}.rec{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}.rec-dot{width:14px;height:14px;border-radius:50%;background:#c8603f;animation:pulse 1.2s ease-in-out infinite}.rec-time{font-family:system-ui,monospace;font-size:1.3rem;color:var(--ink)}.rec-done{margin-top:8px}.buch-head{margin-bottom:18px}.buch-item{text-align:left;border-top:1px solid var(--line);padding:18px 0 6px;margin:0}.buch-item:first-of-type{border-top:none}.buch-frage{font-size:1.16rem;line-height:1.4;margin:0 0 10px}.buch-date{font-family:system-ui,sans-serif;font-size:.74rem;color:var(--muted);text-align:right;margin:4px 0 0}.share{margin:18px 0 6px}.share-card{position:relative;background:linear-gradient(135deg,#f7f0e8,#ecdfce);border:1px solid var(--line);border-radius:18px;padding:26px 22px 20px;text-align:left;box-shadow:inset 0 0 0 1px #fff6}.share-logo{font-size:1.3rem;color:#8a5a3b;font-weight:600}.share-frage{font-size:1.32rem;line-height:1.38;color:#3a2f28;margin:16px 0 18px}.share-foot{font-family:system-ui,sans-serif;font-size:.78rem;color:#b98a5e;font-style:italic}.share-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.share-done{font-family:system-ui,sans-serif;font-size:.82rem;color:var(--accent)}.optin{margin-top:16px}.optin-toggle{display:block;margin:14px auto 0}.optin-row{display:flex;gap:8px;align-items:center}.mail-in{flex:1;font-family:system-ui,sans-serif;font-size:.98rem;color:var(--ink);background:#fbf7f0;border:1px solid var(--line);border-radius:12px;padding:11px 13px;outline:none}.mail-in:focus{border-color:var(--accent)}.btn.small{margin-top:0;padding:11px 20px;font-size:.95rem}.optin-consent{font-family:system-ui,sans-serif;font-size:.74rem;color:var(--muted);margin:8px 2px 0;line-height:1.4}.optin.done{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-family:system-ui,sans-serif;font-size:.88rem;color:var(--muted)}.erklaer{text-align:left;background:#fbf7f0;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:18px 0 22px}.erklaer p{margin:0 0 8px;font-size:.98rem}.erklaer ul{margin:0;padding-left:18px;color:var(--muted)}.erklaer li{font-size:.95rem;line-height:1.55;margin-bottom:7px}.erklaer b{color:var(--ink)}.warnung{font-family:system-ui,sans-serif;font-size:.84rem;line-height:1.5;color:#9a6b4f;background:#fbf0e9;border-radius:12px;padding:10px 14px;margin:14px 0 4px}.recht{text-align:left;margin:0 0 22px}.recht p{font-size:.95rem;line-height:1.6;color:var(--muted);margin:0 0 12px}.recht b{color:var(--ink)}.recht .todo{background:#fdf3e3;border:1px dashed #d8b98c;border-radius:12px;padding:12px 14px;color:#8a6a3b}.link.danger{color:#b4472b}.btn.danger{background:#b4472b}.loesch{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.loesch .muted{margin-bottom:14px}.link.tiny{font-size:.8rem;color:var(--muted);margin-top:18px}.link,.link.tiny,.link.back,.link.mic{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mail-in{font-size:16px;min-height:44px;width:100%}.erwartung{font-size:.88rem;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin:14px 0 6px}.warte-eigene{text-align:left;background:#00000005;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:16px 0 10px}.warte-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.warte-text{margin:0;white-space:pre-wrap;line-height:1.55}@media(max-width:420px){.card{padding:26px 18px;border-radius:18px}.frage{font-size:1.18rem}}@media(prefers-reduced-motion:reduce){.pulse,.rec-dot{animation:none!important}.btn:hover{transform:none}}.knapp{font-family:system-ui,sans-serif;font-size:.72rem;color:var(--muted);font-style:italic}