:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24373b;background:#edf2f2;font-synthesis:none;--teal:#126958;--nav:#133e42;--muted:#687c80;--border:#e4ebeb;--mint:#d9f3e7;--paper:#f5f8f7}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #198370}button{border:0}button:disabled{cursor:default}button svg,span[data-icon] svg{display:block;width:22px;height:22px;flex-shrink:0}button{color:inherit}button[hidden],[hidden]{display:none!important}.preview-note{min-height:38px;background:#e2ecea;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 16px;color:#41635e;font-size:.8125rem;line-height:1.4}.preview-label{text-transform:uppercase;letter-spacing:.07em;font-weight:750;font-size:.6875rem;border:1px solid #bbd0c9;border-radius:4px;padding:2px 5px;flex-shrink:0}.app{height:calc(100dvh - 38px);min-height:420px;max-width:1720px;margin:auto;display:grid;grid-template-columns:88px 340px minmax(0,1fr);background:white;overflow:hidden}.rail{background:var(--nav);color:#c5d9d9;display:flex;align-items:center;flex-direction:column;padding:26px 8px 22px;gap:18px}.brand{width:48px;height:48px;background:#a9ebd2;color:#133e42;display:grid;place-items:center;border-radius:16px 16px 16px 4px;margin-bottom:27px}.brand svg{width:27px!important;height:27px!important}.rail-button{display:flex;flex-direction:column;align-items:center;gap:7px;width:72px;padding:11px 2px;background:transparent;border-radius:10px;color:#c4d5d5;font-size:.75rem}.rail-button.active{color:#d7f8eb;background:#2b5457}.rail-button:hover{background:#2b5457}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:24px}.avatar{display:grid;place-items:center;background:#e5eceb;color:#456b66;font-size:.9375rem;font-weight:650;border-radius:50%;width:46px;height:46px;flex-shrink:0;letter-spacing:.01em}.avatar.self{background:#3c6265;border:1px solid #6b888a;color:#d3e3e4;width:39px;height:39px;font-size:.75rem}.sidebar{display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--border)}.sidebar-header{padding:30px 23px 24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--muted);font-size:.6875rem;font-weight:650;letter-spacing:.11em;margin:0 0 7px}h1{font-size:1.7rem;letter-spacing:-.065em;line-height:1.1;margin:0;font-weight:750}h1 span{color:var(--teal)}.icon-button{height:42px;width:42px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:#6c8080}.icon-button:hover{background:#eaf0ee;color:#205e51}.primary-soft{color:var(--teal);background:#e7f4ee}.search-field{display:flex;align-items:center;gap:10px;background:#f0f4f3;border:1px solid transparent;border-radius:9px;padding:0 12px;min-width:0;min-height:44px;color:#81918e}.sidebar>.search-field{margin:0 20px}.search-field:focus-within{border-color:#a1c7ba}.search-field svg{width:18px!important;height:18px!important}.search-field input{background:none;border:0;min-width:0;width:100%;height:42px;font-size:.875rem;color:#304944;outline:none}.search-field input::placeholder{color:#6d807b}.filters{display:flex;padding:19px 20px 15px;gap:6px;border-bottom:1px solid #f1f4f3}.filters button{background:none;color:#6a7d78;padding:7px 10px;border-radius:7px;font-size:.875rem;white-space:nowrap}.filters button.selected{background:#e4f1eb;color:#216651;font-weight:650}.filters button:hover{background:#edf3f0}#unread-count:not(:empty){display:inline-block;border-radius:4px;background:#e6ece9;padding:1px 4px;font-size:.75rem;margin-left:1px}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:7px 9px}.chat-item{display:flex;align-items:center;gap:12px;width:100%;padding:17px 13px;text-align:left;background:white;border-radius:9px;position:relative}.chat-item+.chat-item{margin-top:2px}.chat-item:hover{background:#f4f7f5}.chat-item.selected{background:#eaf4ef}.chat-item.selected:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:3px;background:#28735c}.chat-copy{min-width:0;flex:1}.chat-row{display:flex;align-items:center;justify-content:space-between;gap:7px}.chat-row strong{font-size:.9375rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.chat-row time{font-size:.6875rem;color:#7a8b84;white-space:nowrap}.chat-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;min-height:21px}.chat-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;font-size:.8125rem;color:#6e827b}.unread-badge{background:var(--teal);color:white;border-radius:50%;height:19px;min-width:19px;padding:0 5px;display:grid;place-items:center;font-size:.6875rem}.sidebar-footer{padding:17px 22px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);color:#7b8b86;font-size:.75rem}.sidebar-footer svg{width:15px!important;height:15px!important}.conversation{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--paper)}.conversation-header{height:95px;flex-shrink:0;padding:0 33px;display:flex;align-items:center;gap:13px;background:white;border-bottom:1px solid var(--border)}.conversation-heading{flex:1;min-width:0}.conversation-heading h2{font-size:1rem;font-weight:650;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-heading p{margin:0;color:#7c8c86;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{display:none}.messages{flex:1;min-height:0;overflow-y:auto;padding:27px clamp(22px,5vw,78px) 24px;scrollbar-width:thin;scrollbar-color:#c7d7ce transparent;scroll-behavior:smooth}.date-separator{text-align:center;font-size:.75rem;color:#76877e;margin:0 0 28px}.date-separator span{padding:6px 14px;background:#eaf0ec;border:1px solid #e1e8e3;border-radius:6px}.chat-intro{max-width:370px;margin:20px auto 30px;text-align:center;line-height:1.6;color:#789084;font-size:.8125rem}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:13px 0}.message-row.own{align-items:flex-end}.bubble{max-width:min(82%,510px);padding:11px 14px 7px;border-radius:0 12px 12px 12px;background:#fff;box-shadow:0 1px 2px #2e57420d;border:1px solid #e5ebe6;min-width:110px;overflow-wrap:anywhere}.own .bubble{background:var(--mint);border-color:#d4eadd;border-radius:12px 0 12px 12px}.sender-name{font-size:.75rem;font-weight:700;color:#5e8271;margin-bottom:5px}.message-text{font-size:.9375rem;line-height:1.6;white-space:pre-wrap;margin:0}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px;font-size:.625rem;color:#7c9485;line-height:1.5}.local-state{font-size:.625rem}.message-match .bubble{outline:2px solid #d8ac46;outline-offset:2px}.file-card{display:flex;align-items:center;gap:10px;padding:9px 11px;margin-bottom:7px;background:#ffffff80;border-radius:7px;color:#2b6354;text-decoration:none;font-size:.875rem}.file-card span{overflow-wrap:anywhere}.composer{display:flex;align-items:flex-end;gap:8px;margin:0 28px;padding:9px 11px;background:white;border:1px solid #e0e8e3;border-radius:13px;position:relative;box-shadow:0 3px 12px #25443103}.composer:focus-within{border-color:#abcdbd}.composer textarea{flex:1;min-width:0;max-height:150px;resize:none;border:0;background:none;line-height:1.5;padding:10px 5px;outline:none;color:#31473c;font-size:1rem}.composer textarea::placeholder{color:#84978d}.send-button{height:42px;width:46px;flex-shrink:0;display:grid;place-items:center;background:var(--teal);color:white;border-radius:9px}.send-button:hover{background:#0d584a}.send-button:disabled{background:#e7eeea;color:#99afa2}.composer-hint{display:flex;justify-content:space-between;gap:8px;padding:10px 32px 19px;color:#88988e;font-size:.625rem}.message-search{display:flex;align-items:center;gap:12px;padding:12px 28px;border-bottom:1px solid var(--border);background:white}.message-search .search-field{flex:1}#search-count{font-size:.8125rem;white-space:nowrap}.attachment-preview{display:flex;align-items:center;gap:12px;margin:0 28px 10px;padding:10px 14px;background:#e4eee7;border-radius:9px;font-size:.875rem}.attachment-preview span{flex:1;overflow-wrap:anywhere}.empty-state{padding:34px 20px;color:#7b8b80;text-align:center;font-size:.875rem;line-height:1.6}.emoji-picker{position:absolute;bottom:calc(100% + 10px);right:0;padding:10px;background:white;border:1px solid var(--border);box-shadow:0 12px 32px #29473920;border-radius:12px;display:grid;grid-template-columns:repeat(6,40px);gap:3px}.emoji-picker button{font-size:1.5rem;min-height:40px;border-radius:7px;background:none}.emoji-picker button:hover{background:#eef4ef}dialog{border:1px solid #d9e5dc;border-radius:20px;box-shadow:0 28px 90px #15362b30;color:#243c2f;padding:26px;max-width:460px;width:calc(100% - 32px);max-height:85dvh;overflow:auto}dialog::backdrop{background:#133e4259;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.dialog-header h2{font-size:1.35rem;margin:0}.dialog-header .eyebrow{font-size:.625rem}.group-action{display:flex;align-items:center;gap:12px;text-align:left;background:#edf5ef;width:100%;padding:13px;border-radius:10px;margin-bottom:20px}.group-action>span:nth-child(2){flex:1}.group-action strong{display:block;font-size:.9375rem}.group-action small{display:block;font-size:.75rem;line-height:1.5;color:#678274;margin-top:3px}.group-avatar{background:#d6eee0;color:#2c7961}.contact-list{margin-top:13px}.contact{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #edf1ee;text-align:left;width:100%;background:transparent;border-radius:5px}.contact:hover{background:#f1f7f3}.contact strong{font-size:.9375rem;font-weight:600}.contact small{display:block;color:#7b8e80;font-size:.8125rem;margin-top:4px}.contact:disabled{cursor:default;color:inherit}.dialog-note{font-size:.75rem;color:#819187;line-height:1.6;margin:22px 0 0}.form-label{display:flex;flex-direction:column;gap:10px;font-size:.875rem}.form-label input{border:1px solid #d9e5dd;border-radius:8px;padding:12px;background:#f9fbfa;font-size:1rem}fieldset{border:0;padding:0;margin:24px 0 10px}legend{font-size:.875rem;margin-bottom:7px}.member-choice{display:flex;align-items:center;gap:13px;padding:12px 0;font-size:.9375rem}.member-choice input,.setting-row input{accent-color:var(--teal);width:21px;height:21px;flex-shrink:0}.member-choice .avatar{width:36px;height:36px;font-size:.75rem}.primary-button{border-radius:9px;background:var(--teal);color:white;padding:13px;width:100%;font-size:.9375rem;font-weight:600}.error{font-size:.875rem;color:#a54230;line-height:1.5}.setting-row{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}.setting-row span{flex:1}.setting-row strong{font-size:.9375rem;font-weight:600}.setting-row small{display:block;font-size:.8125rem;color:#7c8e83;margin-top:5px;line-height:1.5}.demo-explanation{font-size:.875rem;line-height:1.65;padding:20px 0 0;color:#647d6c}.demo-explanation strong{color:#2e5540}.demo-explanation p{margin:9px 0}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#244d3e;color:white;font-size:.875rem;border-radius:9px;box-shadow:0 7px 25px #26423130;max-width:calc(100% - 30px);pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.notice.visible{opacity:1}.large-text .message-text{font-size:1.125rem}.large-text .chat-row strong{font-size:1.0625rem}.large-text .chat-preview p{font-size:.9375rem}@media(min-width:1720px){body{background:#d8e3de}}@media(max-width:1100px){.app{grid-template-columns:76px 300px minmax(0,1fr)}.rail-button{width:60px}.sidebar-header{padding:27px 20px}.conversation-header{padding:0 22px}.messages{padding-left:24px;padding-right:24px}.bubble{max-width:90%}.composer{margin:0 18px}.composer-hint{padding:10px 22px 17px}.composer-hint #send-hint{display:none}}@media(max-width:760px){.app{height:calc(100dvh - 51px);min-height:320px;grid-template-columns:1fr}.preview-note{height:51px;font-size:.6875rem;justify-content:flex-start;padding:6px 14px}.preview-label{font-size:.625rem}.rail{position:absolute;bottom:0;left:0;right:0;height:70px;padding:4px 16px max(4px,env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:0;z-index:2;background:white;border-top:1px solid var(--border);color:#6d8077}.rail .brand,.rail .self{display:none}.rail-bottom{margin:0;display:contents}.rail-button{width:80px;padding:7px;color:#7a8d80;font-size:.6875rem;gap:5px}.rail-button.active{background:#eaf4ee;color:var(--teal)}.rail-button:hover{background:#f0f6f1}.sidebar{padding-bottom:70px;border:0}.sidebar-header{padding:25px 22px 22px}h1{font-size:1.9rem}.sidebar-footer{display:none}.chat-item{padding:17px 13px}.chat-list{padding:8px 10px}.chat-row strong{font-size:1rem}.chat-preview p{font-size:.875rem}.chat-row time{font-size:.75rem}.conversation{display:none}.app.chat-open .sidebar,.app.chat-open .rail{display:none}.app.chat-open .conversation{display:flex}.conversation-header{height:78px;padding:0 13px 0 6px;gap:9px}.back{display:grid;width:34px}.conversation-header .avatar{height:40px;width:40px;font-size:.875rem}.conversation-header .icon-button{width:34px}.conversation-heading h2{font-size:.9375rem}.conversation-heading p{font-size:.75rem}.messages{padding:25px 16px 20px}.bubble{max-width:90%;padding:9px 12px 6px}.message-text{font-size:1rem}.message-meta,.local-state{font-size:.6875rem}.composer{margin:0 9px;padding:7px 6px;gap:3px;border-radius:12px}.composer .icon-button{width:34px;height:42px}.emoji-button{display:none}.composer textarea{font-size:1rem;padding:10px 3px}.send-button{width:42px}.composer-hint{justify-content:center;padding:9px 12px max(12px,env(safe-area-inset-bottom));font-size:.625rem}.attachment-preview{margin:0 10px 9px}.message-search{padding:10px;gap:7px}.message-search .icon-button{width:33px}.message-search .search-field{padding:0 8px}.date-separator{margin-bottom:25px}.dialog-header .eyebrow{font-size:.625rem}.notice{bottom:84px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.auth-screen{min-height:calc(100dvh - 38px);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:35px 20px;background:#edf3ef}.auth-brand{display:flex;align-items:center;flex-direction:column;margin-bottom:27px}.auth-brand .brand{margin-bottom:18px}.auth-brand h1{font-size:2rem}.auth-brand p{color:#698174;font-size:.875rem;margin:10px 0 0}.auth-card{width:100%;max-width:410px;background:white;border:1px solid #dce7df;border-radius:17px;padding:30px}.auth-card h2{font-size:1.4rem;margin:5px 0 12px}.auth-card>p:not(.eyebrow):not(.error){font-size:.875rem;line-height:1.6;color:#6a8172}.form-label{margin-top:17px;line-height:1.5}.preview-link{margin-top:20px;font-size:.8125rem;color:#5b7f6b}.secondary-button{font-size:.8125rem;padding:9px 11px;border-radius:7px;background:#edf4ef;color:#32644b;line-height:1.4}.secondary-button:hover{background:#e0eee5}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.session-row,.admin-row{padding:17px 0;border-bottom:1px solid #e4ebe6}.session-row strong,.admin-row strong{display:block;font-size:.9375rem;font-weight:600}.session-row small,.admin-row small{display:block;font-size:.8125rem;color:#6b8374;overflow-wrap:anywhere;line-height:1.6;margin-top:5px}.admin-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.older-button{display:block;margin:0 auto 24px;background:#e7efe9;border-radius:7px;padding:9px 14px;color:#5a7b66;font-size:.8125rem}.no-chat .composer-hint{visibility:hidden}.no-chat #chat-avatar{border-radius:13px}.date-separator:not(:first-child){margin-top:30px}#confirm-text{font-size:.9375rem;line-height:1.7;color:#647e6c}#confirm-dialog .primary-button{margin-top:18px}#password-intro{margin-bottom:20px}.preview-note{height:38px}.message-meta,.local-state{font-size:.75rem}.composer-hint,.eyebrow,.rail-button,.sidebar-footer,.chat-row time,.preview-label,.preview-note{font-size:.75rem}.chat-preview p{font-size:.875rem}.sidebar-header .eyebrow{font-size:.75rem}.conversation-heading p{font-size:.875rem}@media(max-width:760px){.preview-note{height:51px}.auth-screen{min-height:calc(100dvh - 51px);justify-content:flex-start;padding-top:28px}.auth-card{padding:24px}.rail{height:78px;gap:3px;padding-left:7px;padding-right:7px}.rail-button{width:74px;font-size:.6875rem}.sidebar{padding-bottom:78px}.composer-hint{font-size:.6875rem}.conversation-heading p{font-size:.8125rem}}

/* Individuelle Chatliste und Medienauswahl */
.filters{flex-wrap:wrap;padding-bottom:10px;gap:6px}.filters button{display:flex;align-items:center;gap:5px;font-size:.8125rem;padding:6px 8px}.filters button svg{width:15px;height:15px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 15px 7px 22px;gap:6px;border-bottom:1px solid #edf2ef}.list-toolbar>span{font-size:.75rem;color:#718579;line-height:1.5}.list-toolbar .icon-button{width:36px;height:36px}.avatar{position:relative}.group-indicator{position:absolute;bottom:-3px;right:-3px;border:2px solid white;border-radius:50%;background:#4b876a;color:white;padding:3px}.group-indicator svg{width:12px;height:12px}.form-label select{width:100%;min-height:46px;background:#f7faf8;border:1px solid #d9e5dd;border-radius:8px;padding:10px 12px;color:inherit;font:inherit;font-size:1rem}.sorting-note{display:flex;align-items:center;gap:10px;background:#eaf5ed;border-radius:9px;padding:13px;color:#416d52;font-size:.875rem;line-height:1.6;margin:22px 0 10px}.sorting-note svg{flex-shrink:0}.dialog-actions{display:flex;gap:9px;align-items:center;margin-top:20px}.dialog-actions .primary-button{flex:1}.dialog-actions .secondary-button{min-height:45px}.media-dialog{max-width:550px;padding:23px;overflow-y:auto;max-height:85dvh}.media-dialog .dialog-header{margin-bottom:15px}.media-tabs{display:flex;gap:9px;margin-bottom:19px;padding-bottom:12px;border-bottom:1px solid #e4ebe6}.media-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;background:#f2f6f3;color:#728579;min-height:42px;flex:1;border-radius:8px;font-size:.9375rem}.media-tabs button[aria-selected=true]{background:#e1f0e7;color:#236e4c;font-weight:650}.emoji-categories{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.emoji-category{background:#f1f5f2;border-radius:6px;padding:6px 8px;font-size:.8125rem;color:#64816e}.emoji-category[aria-pressed=true]{background:#ddefe2;color:#236e4c}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-height:330px;overflow-y:auto}.emoji-choice{font-size:1.65rem;background:none;min-height:48px;border-radius:8px;padding:4px}.emoji-choice:hover{background:#ecf4ee}.emoji-grid .empty-state{grid-column:1/-1}.gif-search-form{display:flex;gap:8px}.gif-search-form .search-field{flex:1}.gif-status{font-size:.875rem;line-height:1.7;color:#6b8374}.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:380px;overflow-y:auto;align-items:start;margin:12px 0}.gif-choice{border-radius:8px;padding:0;overflow:hidden;background:#eef3ef;min-height:80px;color:#6b8374}.gif-choice img{width:100%;height:auto;display:block}.gif-choice:hover{outline:3px solid #2b7853;outline-offset:-3px}.giphy-mark{display:block;width:160px;height:auto;max-width:100%;margin:17px auto 0}.gif-message{margin:4px 0 12px;max-width:280px}.gif-message>img:not(.giphy-mark){display:block;max-width:100%;max-height:300px;border-radius:7px}.gif-message .giphy-mark{width:130px;margin-top:8px}.gif-message small{font-size:.75rem;line-height:1.5;color:#738675;display:block;margin-top:7px}.gif-load-button{background:#ecf3ed;border:1px solid #d5e5d8;padding:18px 14px;border-radius:8px;color:#3f6e50;font-size:.875rem;width:100%}.own .gif-load-button{background:#cde8d8}.emoji-button{display:grid!important}@media(max-width:760px){.media-dialog{padding:18px}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-choice{min-height:44px;font-size:1.5rem}.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.list-toolbar{padding-left:23px}.composer textarea{font-size:1rem}.composer .emoji-button{width:32px}.gif-message{max-width:230px}}

#show-giphy-settings{display:flex;align-items:center;gap:7px}#giphy-disable{margin-top:15px}#giphy-settings-dialog .dialog-actions{flex-wrap:wrap}#giphy-settings-dialog .sorting-note{display:block}

.provider-mark{text-align:center;font-size:.8125rem;line-height:1.5;color:#527561;margin-top:15px}#gif-provider-label{margin:0 0 15px}#gif-provider-enabled{flex-shrink:0}#giphy-settings-dialog .form-label{font-size:1rem}