:root{--grund: #faf9f7;--flaeche: #ffffff;--flaeche-2: #f2f0ed;--rand: #e0dcd6;--text: #1c1917;--text-leise: #6b635a;--akzent: #7c5c3e;--akzent-text: #ffffff;--warnung: #9a3412;--gut: #3f6212;--schatten: 0 1px 2px rgba(28, 25, 23, .06), 0 4px 12px rgba(28, 25, 23, .04);--radius: 10px;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-fest: ui-monospace, "Cascadia Code", "Consolas", monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-thema=hell]){--grund: #1c1917;--flaeche: #262220;--flaeche-2: #322c29;--rand: #443c37;--text: #f5f2ef;--text-leise: #a89f96;--akzent: #c89f6f;--akzent-text: #1c1917;--warnung: #fca5a5;--gut: #a3d16a;--schatten: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);color-scheme:dark}}:root[data-thema=dunkel]{--grund: #1c1917;--flaeche: #262220;--flaeche-2: #322c29;--rand: #443c37;--text: #f5f2ef;--text-leise: #a89f96;--akzent: #c89f6f;--akzent-text: #1c1917;--warnung: #fca5a5;--gut: #a3d16a;--schatten: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);color-scheme:dark}*{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0}body{background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:4px}.app{display:grid;grid-template-columns:232px 340px 1fr;height:100%;overflow:hidden}.spalte{display:flex;flex-direction:column;min-width:0;min-height:0}.spalte+.spalte{border-left:1px solid var(--rand)}.spalte-kopf{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:52px;border-bottom:1px solid var(--rand);background:var(--grund)}.spalte-rumpf{flex:1;overflow-y:auto;overscroll-behavior:contain}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.knopf:hover{background:var(--flaeche-2)}.knopf:active{transform:translateY(1px)}.knopf.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.knopf.haupt:hover{filter:brightness(1.08)}.knopf.schlicht{border-color:transparent;background:transparent}.knopf.schlicht:hover{background:var(--flaeche-2)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf.klein{padding:4px 8px;font-size:13px}.feld{width:100%;padding:8px 11px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}.feld::placeholder{color:var(--text-leise)}.marke{display:flex;align-items:center;gap:8px;font-weight:620;letter-spacing:-.01em}.marke-zeichen{width:26px;height:26px;border-radius:7px;background:var(--akzent);color:var(--akzent-text);display:grid;place-items:center;font-size:15px}.navi{padding:8px}.navi-gruppe+.navi-gruppe{margin-top:14px}.navi-titel{padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise)}.navi-eintrag{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.navi-eintrag:hover{background:var(--flaeche-2)}.navi-eintrag[aria-current=true]{background:var(--flaeche-2);font-weight:560}.navi-eintrag .zahl{margin-left:auto;font-size:12px;color:var(--text-leise)}.navi-eintrag .zeichen{width:18px;text-align:center;opacity:.8}.karte{display:block;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--rand);border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.karte:hover{background:var(--flaeche-2)}.karte[aria-current=true]{background:var(--flaeche-2);border-left-color:var(--akzent)}.karte-titel{font-weight:560;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.karte-auszug{font-size:13px;color:var(--text-leise);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.karte-fuss{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--text-leise)}.marke-klein{padding:1px 7px;border-radius:99px;background:var(--flaeche-2);border:1px solid var(--rand);font-size:11.5px}.marke-klein.herkunft-handschrift{border-color:var(--akzent);color:var(--akzent)}.marke-klein.herkunft-gesprochen{border-color:var(--gut);color:var(--gut)}.editor{display:flex;flex-direction:column;height:100%;min-height:0}.editor-titel{width:100%;padding:16px 22px 4px;border:0;background:transparent;font-size:21px;font-weight:640;letter-spacing:-.015em}.editor-titel:focus{outline:none}.editor-flaeche{flex:1;width:100%;padding:8px 22px 22px;border:0;background:transparent;font-family:var(--schrift);font-size:15.5px;line-height:1.7;resize:none}.editor-flaeche:focus{outline:none}.vorschau{flex:1;overflow-y:auto;padding:8px 22px 40px}.vorschau h1,.vorschau h2,.vorschau h3{letter-spacing:-.015em;line-height:1.3}.vorschau h1{font-size:1.5em;margin:.8em 0 .4em}.vorschau h2{font-size:1.25em;margin:.8em 0 .4em}.vorschau h3{font-size:1.1em;margin:.8em 0 .4em}.vorschau code{padding:1.5px 5px;border-radius:5px;background:var(--flaeche-2);font-family:var(--schrift-fest);font-size:.88em}.vorschau pre{padding:12px 14px;border-radius:var(--radius);overflow-x:auto;background:var(--flaeche-2);border:1px solid var(--rand)}.vorschau pre code{background:none;padding:0}.vorschau blockquote{margin:.8em 0;padding:2px 0 2px 14px;border-left:3px solid var(--rand);color:var(--text-leise)}.vorschau table{border-collapse:collapse;width:100%;margin:.8em 0}.vorschau th,.vorschau td{border:1px solid var(--rand);padding:6px 10px;text-align:left}.vorschau th{background:var(--flaeche-2)}.vorschau img{max-width:100%;height:auto;border-radius:var(--radius)}.vorschau a{color:var(--akzent)}.vorschau ul.aufgaben{list-style:none;padding-left:4px}.vorschau ul.aufgaben li{display:flex;gap:8px;align-items:flex-start}.vorschau ul.aufgaben input{margin-top:5px;accent-color:var(--akzent);cursor:pointer}.vorschau ul.aufgaben li.erledigt{color:var(--text-leise);text-decoration:line-through}.tag-zeile{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 22px 10px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;background:var(--flaeche-2);border:1px solid var(--rand);font-size:12.5px}.tag button{border:0;background:none;cursor:pointer;padding:0;color:var(--text-leise)}.tag button:hover{color:var(--warnung)}.leer{display:grid;place-content:center;justify-items:center;gap:10px;height:100%;padding:40px;text-align:center;color:var(--text-leise)}.leer .zeichen{font-size:34px;opacity:.5}.hinweis{margin:10px 12px;padding:9px 12px;border:1px solid var(--rand);border-left:3px solid var(--warnung);border-radius:var(--radius);background:var(--flaeche);font-size:13.5px}.hinweis.gut{border-left-color:var(--gut)}.leise{color:var(--text-leise)}.klein{font-size:12.5px}.wachsen{flex:1}.markiert{background:color-mix(in srgb,var(--akzent) 26%,transparent);border-radius:3px;padding:0 2px}.zustand{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-leise)}.punkt{width:7px;height:7px;border-radius:50%;background:var(--text-leise)}.punkt.gut{background:var(--gut)}.punkt.warnt{background:var(--warnung)}.anmeldung{display:grid;place-items:center;height:100%;padding:20px}.anmeldung-karte{width:100%;max-width:380px;padding:26px;border:1px solid var(--rand);border-radius:14px;background:var(--flaeche);box-shadow:var(--schatten)}.anmeldung-karte h1{font-size:20px;margin:14px 0 4px;letter-spacing:-.02em}.anmeldung-karte label{display:block;margin:12px 0 5px;font-size:13px;font-weight:560}.nur-mobil{display:none}@media(max-width:900px){.nur-mobil{display:inline-flex}.app{grid-template-columns:1fr}.spalte{display:none}.spalte.aktiv{display:flex}.spalte+.spalte{border-left:0}.editor-titel,.editor-flaeche,.vorschau,.tag-zeile{padding-left:16px;padding-right:16px}.knopf{padding:9px 13px}.navi-eintrag,.karte{padding-top:11px;padding-bottom:11px}}.abgleich{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;border-top:1px solid var(--rand);background:transparent;text-align:left;cursor:pointer;color:var(--text-leise)}.abgleich:hover:not(:disabled){background:var(--flaeche-2)}.abgleich:disabled{cursor:default}.editor-fuss{border-top:1px solid var(--rand);padding:10px 22px 14px;background:var(--grund)}.aufnahme{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}.aufnahme-punkt{width:10px;height:10px;border-radius:50%;background:var(--text-leise);flex:none}.aufnahme-punkt.aktiv{background:#c0392b;animation:pulsen 1.4s ease-in-out infinite}@keyframes pulsen{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.aufnahme-punkt.aktiv{animation:none}}.aufnahme-zeit{font-variant-numeric:tabular-nums;font-size:15px;min-width:46px}.aufnahme-pegel{display:flex;align-items:flex-end;gap:2px;height:18px}.aufnahme-pegel i{width:3px;height:100%;border-radius:2px;background:var(--rand);transition:background .08s}.aufnahme-pegel i.an{background:var(--akzent)}.anhaenge{display:flex;flex-direction:column;gap:8px;margin-top:10px}.anhang{padding:8px 10px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}.anhang-kopf{display:flex;align-items:center;gap:8px;margin-bottom:6px}.anhang-name{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anhang img{max-width:100%;border-radius:6px;display:block}.anhang audio{display:block}.transkript summary{cursor:pointer;color:var(--text-leise)}.transkript p{white-space:pre-wrap;margin:6px 0 0}.hinweis.schwebend{position:fixed;bottom:14px;left:14px;right:14px;max-width:420px;z-index:20;box-shadow:var(--schatten)}@media(max-width:900px){.editor-fuss{padding-left:16px;padding-right:16px}}.handschrift{display:flex;flex-direction:column;flex:1;min-height:0}.handschrift-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 22px;border-bottom:1px solid var(--rand)}.seiten-navi{display:flex;align-items:center;gap:6px}.schreiben{display:flex;flex-direction:column;flex:1;min-height:0}.schreiben-leiste{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 22px;border-bottom:1px solid var(--rand);background:var(--flaeche)}.schreiben-leiste .trenner{width:1px;height:20px;background:var(--rand);margin:0 2px}.knopf.staerke{padding:4px 9px}.knopf.staerke i{display:block;width:20px;border-radius:99px;background:currentColor}.knopf.staerke.gewaehlt{border-color:var(--akzent)}.farbtupfer{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--rand)}.farbtupfer.gewaehlt{border-color:var(--flaeche);box-shadow:0 0 0 2px var(--akzent)}.schreiben-blatt{flex:1;overflow:auto;padding:16px;background:var(--flaeche-2);display:flex;justify-content:center;align-items:flex-start}.leinwand{background:#fffef9;border-radius:4px;box-shadow:var(--schatten);max-width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:none}.leinwand.stift{cursor:crosshair}.leinwand.radierer{cursor:cell}.vorschlag{margin:10px 22px;padding:12px;border:1px solid var(--rand);border-left:3px solid var(--akzent);border-radius:var(--radius);background:var(--flaeche)}@media(max-width:900px){.handschrift-kopf,.schreiben-leiste{padding-left:12px;padding-right:12px}.schreiben-blatt{padding:8px}.vorschlag{margin-left:12px;margin-right:12px}.schreiben-leiste{gap:5px}.schreiben-leiste .knopf,.handschrift-kopf .knopf{min-height:40px;padding:8px 12px}.knopf.staerke{min-width:44px}.farbtupfer{width:40px;height:40px}.seiten-navi .knopf,.schreiben-leiste .knopf{min-width:40px}}@media(max-width:900px){.knopf,.knopf.klein,.spalte-kopf .knopf,.spalte-kopf .knopf.klein{min-height:42px;min-width:42px;padding:8px 12px;font-size:15px}.spalte-kopf .knopf.schlicht.klein{padding:8px;font-size:17px;line-height:1}.spalte-kopf{min-height:58px;gap:6px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.spalte-kopf .knopf{flex:0 0 auto}.spalte-kopf .feld{flex:1 1 140px}.tag{padding:4px 10px;font-size:14px}.tag button{min-width:28px;min-height:28px;font-size:17px}.navi-eintrag{min-height:46px;font-size:15px}.navi-titel button{min-height:34px}.abgleich{min-height:46px}.feld{min-height:42px;font-size:16px}}@media(max-width:900px){input,textarea,select{font-size:16px}}