Upload via GUI (93 Dateien)

src/styles.css

@@ -427,6 +427,61 @@ img.account-av{object-fit:cover;image-rendering:auto}
 .clip-bar.aktiv .clip-status{color:var(--text)}
 .clip-bar.aktiv .clip-status::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--danger);vertical-align:1px;animation:rec-pulse 1.6s infinite}
 
+/* ---- Absturz-Assistent ---- */
+.crash-hilfe{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
+.crash-hilfe-titel{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em}
+.crash-fund{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;background:var(--area)}
+.crash-fund-text{flex:1;min-width:0}
+.crash-fund-text b{display:block;font-size:13px;margin-bottom:3px}
+.crash-fund-text span{font-size:12px;color:var(--dim);line-height:1.45}
+.crash-fund .btn{flex:0 0 auto;align-self:center}
+.crash-fund.erledigt{border-left-color:var(--play)}
+.crash-unklar{padding:10px 12px;border:1px dashed var(--border);border-radius:4px;font-size:12px;color:var(--dim)}
+
+/* ---- Instanz teilen ---- */
+.share-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--accent);border-radius:4px;background:var(--area);margin:10px 0}
+.share-code{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:.12em;user-select:all}
+.share-warn{color:var(--danger)}
+.share-code-input{text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono)}
+.share-preview{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:4px;background:var(--area)}
+.share-preview b{font-size:14px}
+.share-preview .hint{margin:4px 0 0}
+
+/* ---- Kurznachrichten ---- */
+.friends-chat{display:flex;flex-direction:column;gap:8px;height:100%;min-height:340px}
+.chat-head{display:flex;align-items:center;gap:10px}
+.chat-head b{font-size:13px}
+.chat-verlauf{flex:1;min-height:200px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--area)}
+.popout-host .chat-verlauf{max-height:none}
+.chat-leer{margin:auto;font-size:12px;color:var(--dim);text-align:center}
+.chat-blase{max-width:78%;padding:6px 10px;border-radius:10px;font-size:12.5px;line-height:1.4;word-break:break-word;background:var(--win);border:1px solid var(--border);align-self:flex-start}
+.chat-blase.ich{align-self:flex-end;background:var(--accent);border-color:var(--accent);color:#fff}
+.chat-zeit{display:block;font-size:10px;opacity:.65;margin-top:2px}
+.chat-schnell{display:flex;flex-wrap:wrap;gap:6px}
+.chat-btn{position:relative}
+.chat-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}
+.report-liste{margin:6px 0 10px;padding-left:20px;font-size:12px;line-height:1.6}
+
+/* ---- Auswahl-Dialog ---- */
+.wahl-liste{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}
+.popout-host .wahl-liste{max-height:none}
+.wahl-option{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:4px;background:var(--area);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
+.wahl-option:hover{border-color:var(--accent)}
+.wahl-option.an{border-color:var(--accent);background:var(--sel)}
+.wahl-option:disabled{opacity:.5;cursor:default}
+.wahl-bild{width:26px;height:26px;flex:0 0 auto}
+.wahl-label{display:flex;flex-direction:column;min-width:0}
+.wahl-label b{font-size:13px;font-weight:600}
+.wahl-label small{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+/* ---- Schnellstart-Taste auf der Kachel ---- */
+.card{position:relative}
+.card-taste{position:absolute;top:4px;right:4px;padding:1px 5px;border-radius:3px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:14px}
+
+/* ---- Bilder im Chat ---- */
+.chat-bild{display:block;max-width:100%;max-height:180px;border-radius:6px;margin-bottom:3px;cursor:zoom-in}
+.screen-thumb .screen-teilen{right:32px;background:var(--accent)}
+
 .friends-section-title{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em;margin:10px 0 6px}
 .friend-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:3px}
 .friend-row:hover{background:var(--sel,rgba(0,0,0,.04))}
@@ -531,6 +586,7 @@ img.account-av{object-fit:cover;image-rendering:auto}
    und soll hier nicht greifen (sonst z. B. Version/Icon im Instanz-Fenster
    untereinander statt nebeneinander) */
 .is-popout .field-row{flex-direction:row}
+.is-popout .path-row{flex-direction:row}
 
 /* Konto-Button mit 3D-Skin-Kopf */
 .acct-btn{gap:8px}