:root{--blau: #2563eb;--blau-dunkel: #1d4ed8;--rot: #dc2626;--grau: #6b7280;--bg: #f8fafc;--karte: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#111827;-webkit-tap-highlight-color:transparent}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.kopf{text-align:center;padding:24px 0 8px}.kopf h1{margin:0;font-size:1.6rem;color:var(--blau)}.hinweis{margin:6px 0 0;color:var(--grau);font-size:.9rem}.fehler{background:#fef2f2;color:var(--rot);border:1px solid #fecaca;border-radius:12px;padding:12px 14px;margin:12px 0;font-size:.9rem}.aufnahme{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.rec-button{width:180px;height:180px;border-radius:50%;border:none;background:var(--blau);color:#fff;font-size:4rem;cursor:pointer;box-shadow:0 10px 30px #2563eb59;transition:transform .1s ease,background .2s}.rec-button:active{transform:scale(.96)}.rec-button.aktiv{background:var(--rot);font-size:2rem;animation:puls 1.2s infinite}@keyframes puls{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 24px #dc262600}}.rec-label{color:var(--grau);font-size:1rem;text-align:center}.spinner-box{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--grau)}.spinner{width:56px;height:56px;border:5px solid #e5e7eb;border-top-color:var(--blau);border-radius:50%;animation:dreh .8s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}.bestaetigung,.fertig{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 0 32px}.bestaetigung h2{margin:8px 0;text-align:center}.bestaetigung label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--grau);font-weight:600}.datum-zeile{display:flex;gap:12px}.datum-zeile label{flex:1}.bestaetigung input{font-size:1.1rem;padding:14px;border:1px solid #d1d5db;border-radius:12px;background:var(--karte);color:#111827}.bestaetigung input:focus{outline:none;border-color:var(--blau)}.quelle{color:var(--blau);font-weight:500}.transkript{color:var(--grau);font-size:.85rem;font-style:italic;background:#f1f5f9;border-radius:10px;padding:10px 12px;margin:0}.aktionen{display:flex;gap:12px;margin-top:8px}.aktionen button{flex:1}button.primaer,button.sekundaer{font-size:1.1rem;padding:16px;border-radius:12px;border:none;cursor:pointer;font-weight:600}button.primaer{background:var(--blau);color:#fff}button.primaer:active{background:var(--blau-dunkel)}button.sekundaer{background:#e5e7eb;color:#374151}button:disabled{opacity:.6}.fertig{align-items:center;justify-content:center;text-align:center}.haken{width:90px;height:90px;border-radius:50%;background:#16a34a;color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center}.fertig .primaer{margin-top:12px;min-width:200px}