.melos-chat-bell{position:fixed;right:20px;bottom:calc(var(--melos-bell-lift,22px) + env(safe-area-inset-bottom,0px));z-index:30;color:#344d3f;font-family:inherit}.melos-chat-bell[hidden],.melos-chat-bell [hidden]{display:none!important}.melos-chat-bell>button{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #d9c89c;border-radius:50%;background:#fffdf4ed;backdrop-filter:blur(10px);color:inherit;box-shadow:0 5px 22px #4e452523;cursor:pointer}.melos-chat-bell>button:hover{background:#f4e6bd}.melos-chat-bell [data-bell-count]{position:absolute;right:-3px;top:-4px;min-width:21px;padding:2px 5px;border-radius:20px;background:#42634e;color:white;font-size:11px;font-weight:700}.melos-chat-bell section{position:absolute;bottom:64px;right:0;width:min(320px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:#fffdf8;border:1px solid #e4d6b5;border-radius:18px;padding:20px;box-shadow:0 12px 40px #302a2526}.melos-chat-bell a{display:block;padding:12px 0;color:#365844;text-decoration:none;border-bottom:1px solid #eee7d7;font-size:14px}.melos-chat-bell strong{font-size:17px}.melos-chat-bell p{font-size:14px}@media(max-width:749px){.melos-chat-bell{right:14px;bottom:calc(var(--melos-bell-lift,20px) + env(safe-area-inset-bottom,0px))}}
body:has(dialog[open]) .melos-chat-bell{visibility:hidden;pointer-events:none}

.melos-chat-bell[data-unread=true]>button{background:#e4efff;color:#2e5993;border-color:#96b4e0;box-shadow:0 5px 24px #385d9b30}.melos-chat-bell[data-unread=true] [data-bell-count]{background:#d66a36;color:#fff;border:2px solid #fffdf8;min-width:24px;min-height:24px;display:grid;place-items:center}.melos-chat-bell .chat-notification{display:flex;align-items:center;gap:10px;border:1px solid #bed2ee;background:#eaf2ff;border-radius:13px;padding:13px 11px;margin:12px 0;color:#2b5082}.melos-chat-bell .chat-notification:hover{background:#dfeaff}.melos-chat-bell .chat-notification.is-invitation{background:#fff2d9;border-color:#e6c790;color:#79551c}.chat-notification__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#d1e2fc;flex-shrink:0}.chat-notification__icon svg{width:22px;height:22px}.is-invitation .chat-notification__icon{background:#f8dfad}.chat-notification__label{display:grid;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}.melos-chat-bell .chat-notification strong{font-size:14px;color:inherit;line-height:1.4}.chat-notification small{font-size:11px;line-height:1.5;color:#4a6590}.is-invitation small{color:#8a692d}.chat-notification__count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:20px;background:#4267a5;color:white;font-size:11px;font-weight:700;padding:0 6px;flex-shrink:0}.is-invitation .chat-notification__count{background:#bb7d25}.melos-chat-bell section>strong{display:block;padding-bottom:5px}@media(prefers-reduced-motion:no-preference){.melos-chat-bell[data-unread=true]>button>.chat-bell-alert-icon{animation:chat-bell-greet .65s ease-in-out 2}@keyframes chat-bell-greet{0%,100%{transform:rotate(0)}25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}}

.melos-chat-bell .chat-bell-alert-icon{display:none}.melos-chat-bell[data-unread=true] .chat-bell-alert-icon{display:block}.melos-chat-bell[data-unread=true] .chat-bell-chat-icon{display:none}.melos-chat-bell[data-unread=true]>button{box-shadow:0 0 0 5px #e4efff80,0 5px 24px #385d9b40}.chat-bell-settings{border-top:1px solid #e5dcc7;margin-top:14px;padding-top:14px}.chat-bell-settings summary{cursor:pointer;font-size:13px;font-weight:650;color:#475b4c;min-height:32px}.chat-bell-settings label{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;margin:9px 0}.chat-bell-settings input{width:19px;height:19px;flex-shrink:0;accent-color:#4267a5}.chat-bell-settings small{display:block;font-size:11px;line-height:1.6;color:#647064}.chat-bell-settings button{background:#edf3ff;border:1px solid #b5c8e6;border-radius:9px;color:#345886;padding:10px 13px;margin-top:10px;font:inherit;font-size:12px;cursor:pointer}.chat-bell-settings [data-bell-sound-status]{font-size:11px;line-height:1.5;margin-bottom:0}.chat-bell-settings [data-bell-sound-status]:empty{display:none}@media(prefers-reduced-motion:no-preference){.melos-chat-bell[data-unread=true] .chat-bell-alert-icon{animation:chat-bell-greet .65s ease-in-out 2}}

.melos-chat-bell .chat-bell-open-chat{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 16px;background:#e6efff;border:1px solid #9fbce8;border-radius:11px;color:#225b9f;font-weight:700;margin-top:14px;text-align:center}.melos-chat-bell .chat-bell-open-chat:hover,.melos-chat-bell .chat-bell-open-chat:focus-visible{background:#d4e5ff;border-color:#6593d3;color:#174b88}

.chat-notification__label>strong{font-size:15px!important;font-weight:750!important;color:#124c91!important}.chat-notification__preview{color:#384c68!important;font-size:12px!important;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.melos-chat-bell[data-public-unread=true]:not([data-unread=true])>button{background:#fff0a9;border-color:#d2a325;color:#70551c;box-shadow:0 0 0 5px #fbe8a96b,0 3px 22px #d0a12d55}
.melos-chat-bell [data-bell-panel]{width:min(410px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 110px));padding:14px;overscroll-behavior:contain}.mini-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-chat-heading button{border:0;background:none;font-size:27px;color:#56677b;cursor:pointer;width:36px;height:36px}.mini-chat-tabs{display:flex;gap:6px;margin:10px 0}.mini-chat-tabs button{flex:1;font:inherit;font-size:13px;border:1px solid #d6dce2;background:#fff;border-radius:10px;padding:10px;color:#344d64;cursor:pointer}.mini-chat-tabs button[aria-pressed=true]{background:#24374d;color:white;border-color:#24374d}.melos-chat-bell [data-mini-messages]{height:min(360px,42dvh);min-height:150px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;border:1px solid #e4dfd4;border-radius:12px;padding:10px;overflow-anchor:none}.mini-chat-message{background:#f2f0e9;border-radius:12px;margin:0 0 10px;padding:10px;overflow-wrap:anywhere}.mini-chat-message.is-mine{background:#e6eef2}.mini-chat-message header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.melos-chat-bell .mini-chat-message strong{font-size:12px}.mini-chat-message time{color:#788795;font-size:10px;margin-left:auto}.mini-chat-message p{margin:7px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap}.mini-chat-message>small{display:block;text-align:right;font-size:10px;color:#347a9a;margin-top:4px}.mini-chat-avatar{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:50%;background:#e5dfcc;color:#746a50;font-size:12px;overflow:hidden}.mini-chat-avatar img{width:100%;height:100%;object-fit:cover}.mini-chat-room{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #e6e0d3;background:transparent;padding:12px 4px;text-align:left;color:#24374d;cursor:pointer}.mini-chat-room>span:last-child{display:grid;gap:4px;min-width:0}.melos-chat-bell .mini-chat-room strong{font-size:14px;display:flex;align-items:center;gap:8px}.mini-chat-room small{font-size:11px;color:#718090;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-chat-presence{width:8px;height:8px;border-radius:50%;background:#a5acb5;display:inline-block}.mini-chat-presence[data-status=online]{background:#19a15f}.mini-chat-presence[data-status=away]{background:#dcaa14}.mini-chat-presence[data-status=offline]{background:#d7464e}.melos-chat-bell [data-mini-rooms]{max-height:350px;overflow:auto}.melos-chat-bell [data-mini-composer]{display:flex;align-items:end;gap:7px;margin-top:10px}.mini-chat-input-label{font-size:0;flex:1;min-width:0}.mini-chat-input-label textarea{resize:none;display:block;width:100%;min-height:54px;border:1px solid #d7d1c6;background:white;border-radius:10px;padding:10px;font:inherit;font-size:16px;color:#24374d}.melos-chat-bell [data-mini-composer]>button{background:#24374d;border:0;color:white;border-radius:10px;padding:12px 10px;min-height:48px;font:inherit;font-size:12px;cursor:pointer}.melos-chat-bell button:disabled{cursor:wait;opacity:.65}.melos-chat-bell [data-mini-status]{font-size:12px;line-height:1.5;margin:6px 0}.melos-chat-bell [data-mini-status]:empty{display:none}.melos-chat-bell [data-mini-status][data-error=true]{color:#a12d2d}.melos-chat-bell [data-mini-request]{font-size:12px;line-height:1.5;background:#fff2d8;padding:8px;border-radius:9px;margin-top:7px}.melos-chat-bell [data-mini-request] button{margin-top:6px;border:1px solid #bfac7b;background:white;color:#6d5525;border-radius:8px;padding:7px;font:inherit;font-size:12px}.melos-chat-bell [data-mini-signature]{display:flex;gap:4px;overflow:auto;padding:8px 0;align-items:center}.melos-chat-bell [data-mini-signature]>small{font-size:10px;flex-shrink:0}.melos-chat-bell [data-mini-signature] button{font:inherit;font-size:10px;border:1px solid #d9d0b8;border-radius:15px;padding:3px 5px;display:flex;gap:3px;align-items:center;background:white;color:#344d64;cursor:pointer}.melos-chat-bell [data-mini-signature] button[aria-pressed=true]{background:#fff0c9;border-color:#b58b34}.melos-chat-bell [data-mini-signature] .mini-chat-avatar{width:20px;height:20px;min-width:20px}.melos-chat-bell button.chat-notification{width:100%;text-align:left;font:inherit;cursor:pointer}.melos-chat-bell .chat-bell-open-chat{margin-top:8px;min-height:38px;padding:8px;font-size:12px}.melos-chat-bell .chat-bell-settings{margin-top:10px;padding-top:8px}.melos-chat-bell [data-bell-items]{max-height:300px;overflow:auto}@media(max-width:749px){.melos-chat-bell [data-bell-panel]{max-height:calc(100dvh - 100px);padding:12px}.mini-chat-message p{font-size:14px}.melos-chat-bell [data-mini-messages]{height:38dvh}.mini-chat-tabs button{font-size:12px}}

.chat-file-actions,[data-mini-files]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;grid-column:1/-1}.chat-file-actions[hidden],[data-mini-files][hidden]{display:none!important}.chat-file-actions button,[data-mini-files] button,.chat-temporary-file button{font:inherit;font-size:12px;color:#365b79;background:#edf3f8;border:1px solid #bacbd9;border-radius:8px;padding:7px 10px;cursor:pointer}.chat-file-actions small,[data-mini-files] small{font-size:10px;color:#72808c}.chat-temporary-file{display:grid;gap:6px;margin-top:8px}.chat-temporary-file small{font-size:10px;color:#6a7c89}.chat-temporary-file button{white-space:normal;overflow-wrap:anywhere;text-align:left}.chat-file-save{font-size:12px!important;color:#27618b!important}

.melos-chat-bell .mini-chat-room.is-unread{background:#e8f1ff;border:1px solid #9ebee9;border-left:4px solid #3e79bb;border-radius:11px;padding:12px 9px;margin:5px 0}.melos-chat-bell .mini-chat-room.is-unread strong{color:#144e8a;font-weight:800}.mini-chat-room.is-unread small{color:#365d88}.mini-chat-unread-count,.mini-chat-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:12px;background:#296cb1;color:#fff;font-size:10px;font-weight:750;padding:0 5px;flex-shrink:0}.mini-chat-unread-count{margin-left:auto}.mini-chat-tab-count{margin-left:6px}.mini-chat-tabs button.has-unread:not([aria-pressed=true]){background:#e8f1ff;border-color:#92b7e7;color:#205b95}

.melos-chat-bell [data-bell-panel]{transform-origin:calc(100% - 24px) calc(100% + 35px);will-change:auto}.mini-chat-brand{display:flex;align-items:center;gap:9px;min-width:0}.mini-chat-brand-icon{display:grid;place-items:center;flex:0 0 38px;filter:drop-shadow(0 2px 4px #b1852922)}.mini-chat-brand>div{display:grid;gap:2px;min-width:0}.melos-chat-bell .mini-chat-brand strong{font-size:16px;line-height:1.25;color:#24374d;letter-spacing:-.025em;white-space:nowrap}.mini-chat-brand [data-mini-title]{font-size:11px;color:#7e827e;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.mini-chat-heading>button{font-size:29px;border-radius:10px;flex-shrink:0;line-height:1}.mini-chat-heading>button:hover{background:#eee9de}@media(max-width:380px){.melos-chat-bell .mini-chat-brand strong{font-size:14px}.mini-chat-brand{gap:6px}.mini-chat-brand [data-mini-title]{max-width:200px}}@media(prefers-reduced-motion:reduce){.melos-chat-bell [data-bell-panel]{animation:none!important;transition:none!important}}

.mini-chat-people{border:1px solid #dfd7c1;border-radius:10px;padding:7px 9px;margin:0 0 9px;background:#f7f4eb}.mini-chat-people>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#54724d;font-size:12px;font-weight:650;min-height:28px;list-style:none}.mini-chat-people>summary::-webkit-details-marker{display:none}.mini-chat-people[open]>summary>span:last-child{transform:rotate(180deg)}.mini-chat-people label{display:grid;gap:4px;font-size:10px;color:#748170;margin:6px 0}.mini-chat-people input{width:100%;border:1px solid #d9d6ca;border-radius:8px;background:#fff;padding:8px;font:inherit;font-size:16px;color:#24374d}.mini-chat-people [data-mini-people-list]{max-height:190px;overflow:auto;overscroll-behavior:contain}.mini-chat-person{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e5e0d2}.mini-chat-person-name{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.melos-chat-bell .mini-chat-person-name strong{font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-chat-person-name .mini-chat-presence{flex-shrink:0}.mini-chat-person-message{border:1px solid #aac2df;border-radius:50%;background:#edf3fb;color:#345f90;width:30px;height:30px;flex-shrink:0;cursor:pointer;font-size:18px}.mini-chat-people>small{display:block;font-size:10px;color:#7b8577;margin-top:5px}.mini-chat-message header .mini-chat-presence{width:7px;height:7px;flex:0 0 7px;box-shadow:0 0 0 2px #fff}

/* Profile controls shared with the full chat account. */
.melos-chat-bell .mini-profile-form{display:grid;gap:8px;margin:6px 0 16px}.melos-chat-bell .mini-settings-subtitle{font-size:13px;color:#24374d;margin:10px 0 4px}.melos-chat-bell .mini-profile-form label{display:grid;gap:5px;margin:3px 0}.melos-chat-bell .mini-profile-form input,.melos-chat-bell .mini-profile-form select{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:40px;flex-shrink:1;border:1px solid #d7d1c6;border-radius:9px;padding:8px;background:#fff;font:inherit;font-size:16px;color:#24374d}.mini-profile-form input[type=file]{font-size:12px!important}.melos-chat-bell .mini-profile-preview{width:48px;height:48px}.melos-chat-bell .mini-profile-form button{margin:0;min-height:40px}.mini-profile-status{font-size:12px;line-height:1.5;margin:0}.mini-profile-status:empty{display:none}.melos-chat-bell .mini-profile-form button[type=submit]{background:#24374d;color:white}
.melos-avatar-editor{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #d9cfbc;border-radius:24px;background:#fffdf9;color:#24374d;box-shadow:0 22px 70px #10243c42;overflow:auto}
.melos-avatar-editor::backdrop{background:#14253899;backdrop-filter:blur(3px)}
.melos-avatar-editor h2{font:600 26px/1.2 Georgia,serif;color:#24374d;margin:0 0 12px}.melos-avatar-editor p{font-size:13px;line-height:1.6}
.melos-avatar-editor__canvas{display:block;width:min(100%,300px);height:auto;aspect-ratio:1;margin:16px auto;border-radius:12px;touch-action:none;cursor:grab;background:#1c2c3f}.melos-avatar-editor__canvas:active{cursor:grabbing}.melos-avatar-editor__canvas:focus-visible{outline:2px solid #b68c45;outline-offset:3px}
.melos-avatar-editor label{display:grid;gap:8px;font-size:13px}.melos-avatar-editor input[type=range]{width:100%;accent-color:#24374d;min-height:32px}
.melos-avatar-editor__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.melos-avatar-editor__actions button{border:1px solid #d9cfbc;border-radius:12px;padding:10px 13px;background:#f6f1e8;color:#24374d;cursor:pointer;min-height:42px;font-size:13px}.melos-avatar-editor__actions .melos-avatar-editor__save{background:#24374d;color:#fff;border-color:#24374d;flex:1}.melos-avatar-editor__note{font-size:11px!important;color:#657080}

.melos-avatar-editor__actions{position:sticky;bottom:0;background:#fffdf9;padding:10px 0;z-index:2}.melos-avatar-editor__actions button{touch-action:manipulation;min-height:46px}

.mini-chat-room-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;border-bottom:1px solid #e6e0d3}.mini-chat-room-wrap .mini-chat-room{min-width:0;border-bottom:0}.melos-chat-bell .mini-chat-mute{font:inherit;font-size:10px;min-height:40px;border:1px solid #d9d3c6;border-radius:8px;background:#fff;color:#56677b;padding:5px 7px;cursor:pointer}.mini-chat-muted{font-size:9px;font-weight:400;color:#78828d}.mini-room-settings{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e0d9c8}.mini-room-settings>button{font:inherit;font-size:12px;min-height:42px;border:1px solid #cfc6ae;background:white;border-radius:8px;color:#47576b;cursor:pointer}.mini-admin-cleanup{display:block;padding:12px 0;font-size:12px;color:#7a5d26}


.melos-chat-bell .mini-chat-mute,.melos-chat-bell .mini-room-settings>.mini-chat-mute{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border:0;border-radius:50%;background:transparent;color:#7e867b;box-shadow:none;justify-self:start}
.melos-chat-bell .mini-chat-mute:hover,.melos-chat-bell .mini-chat-mute:focus-visible{background:#eeeee5;color:#3c5337}
.melos-chat-bell .mini-chat-mute[aria-pressed=true]{color:#997b43;background:#f7f2e8}
.melos-chat-bell .chat-mute-icon{display:block;width:19px;height:19px;pointer-events:none}
@media(max-width:749px){.melos-chat-bell .mini-chat-mute{width:40px;height:40px;min-width:40px;min-height:40px}}