.login-form-wrapper[data-v-0244ba42]{display:flex;flex-direction:column;min-width:360px;max-width:420px;box-shadow:0 4px 20px #0000000f;border-radius:16px;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .login-form-wrapper[data-v-0244ba42]{border-color:#ffffff14}.form-header[data-v-0244ba42]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b);position:relative}.nighttime .form-header[data-v-0244ba42]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-header[data-v-0244ba42]:after{display:none}.form-title[data-v-0244ba42]{font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text, #1e293b)}.nighttime .form-title[data-v-0244ba42]{color:#f1f5f9}.form-container[data-v-0244ba42]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;color:var(--text, #1e293b);display:flex;flex-direction:column;gap:1.25rem}.nighttime .form-container[data-v-0244ba42]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.form-group[data-v-0244ba42]{display:flex;flex-direction:column;gap:.4rem}.form-label[data-v-0244ba42]{font-size:.8rem;font-weight:600;color:var(--muted-600);text-transform:uppercase;letter-spacing:.3px}.form-input[data-v-0244ba42]{padding:.625rem .875rem;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:var(--muted-600);font-size:.875rem;outline:none;transition:all .2s ease}.form-input[data-v-0244ba42]:hover{border-color:#cbd5e1;background:#fff}.form-input[data-v-0244ba42]:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 4px #0f766e1a}.form-input[data-v-0244ba42]::placeholder{color:#94a3b8}.password-input-wrapper[data-v-0244ba42]{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input[data-v-0244ba42]{width:100%;padding-right:2.5rem}.eye-icon[data-v-0244ba42]{position:absolute;right:10px;cursor:pointer;color:var(--muted-400);display:flex;align-items:center;transition:color .2s}.eye-icon[data-v-0244ba42]:hover{color:var(--muted-600)}.eye-icon .material-icons[data-v-0244ba42]{font-size:1.25rem}.checkbox-group[data-v-0244ba42]{flex-direction:row;align-items:center}.checkbox-label[data-v-0244ba42]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted-600);cursor:pointer}.form-checkbox[data-v-0244ba42]{width:16px;height:16px;accent-color:#0F766E;cursor:pointer}.checkbox-text[data-v-0244ba42]{opacity:.9}.input-error[data-v-0244ba42]{color:#ef4444;font-size:.8rem;margin:0}.form-actions[data-v-0244ba42]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(15,118,110,.08)}.action-btn[data-v-0244ba42]{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(15,118,110,.12);background:transparent;color:var(--muted-600);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.action-btn .btn-emoji[data-v-0244ba42]{display:inline-flex;align-items:center}.action-btn .btn-emoji svg[data-v-0244ba42]{width:16px;height:16px;color:inherit}.action-btn .btn-text[data-v-0244ba42]{opacity:.95}.action-btn[data-v-0244ba42]:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.btn-primary[data-v-0244ba42]{background:linear-gradient(90deg,var(--accent-400),var(--accent-500));border:none;color:#fff}.btn-primary[data-v-0244ba42]:hover{background:linear-gradient(90deg,var(--accent-500),var(--accent-600));box-shadow:0 6px 14px #0f766e40}.form-footer[data-v-0244ba42]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(15,118,110,.08)}.link-btn[data-v-0244ba42]{background:transparent;border:none;color:#0f766e;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.link-btn[data-v-0244ba42]:hover{background:#0f766e14}.form-note[data-v-0244ba42]{font-size:.7rem;color:var(--muted-400);text-align:center;line-height:1.5}.nighttime .form-header[data-v-0244ba42]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.nighttime .form-container[data-v-0244ba42]{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-label[data-v-0244ba42]{color:#f1f5f9}.nighttime .form-input[data-v-0244ba42]{background:#1e293b80;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-input[data-v-0244ba42]::placeholder{color:#94a3b8}.nighttime .form-input[data-v-0244ba42]:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #22d3ee1f}.nighttime .eye-icon[data-v-0244ba42]{color:#94a3b8}.nighttime .eye-icon[data-v-0244ba42]:hover,.nighttime .checkbox-label[data-v-0244ba42]{color:#f1f5f9}.nighttime .form-checkbox[data-v-0244ba42]{accent-color:#14B8A6}.nighttime .form-actions[data-v-0244ba42],.nighttime .form-footer[data-v-0244ba42]{border-top-color:#22d3ee1a}.nighttime .action-btn[data-v-0244ba42]{border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-primary[data-v-0244ba42]{background:linear-gradient(90deg,#22d3ee33,#22d3ee26);border:1px solid rgba(34,211,238,.3);color:#14b8a6}.nighttime .btn-primary[data-v-0244ba42]:hover{background:linear-gradient(90deg,#22d3ee4d,#22d3ee40);box-shadow:0 6px 14px #22d3ee33}.nighttime .link-btn[data-v-0244ba42]{color:#14b8a6}.nighttime .link-btn[data-v-0244ba42]:hover{background:#22d3ee1a}.nighttime .form-note[data-v-0244ba42]{color:#94a3b8}.turnstile-container[data-v-0244ba42]{display:flex;justify-content:center;margin:.5rem 0}.twofa-info[data-v-0244ba42]{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1rem 0}.twofa-info svg[data-v-0244ba42]{color:#0f766e;opacity:.8}.twofa-info p[data-v-0244ba42]{color:var(--muted-500);margin:0}.twofa-input[data-v-0244ba42]{font-size:1.5rem!important;text-align:center;letter-spacing:.5em;font-family:monospace}.btn-secondary[data-v-0244ba42]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid rgba(0,0,0,.08);color:var(--muted-600)}.btn-secondary[data-v-0244ba42]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 6px 14px #00000014}.nighttime .twofa-info svg[data-v-0244ba42]{color:#14b8a6}.nighttime .twofa-info p[data-v-0244ba42]{color:#94a3b8}.nighttime .btn-secondary[data-v-0244ba42]{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(34,211,238,.15);color:#f1f5f9}.nighttime .btn-secondary[data-v-0244ba42]:hover{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 6px 14px #0000004d}@media(max-width:480px){.login-form-wrapper[data-v-0244ba42]{min-width:100%}.form-actions[data-v-0244ba42]{flex-direction:column}.action-btn[data-v-0244ba42]{justify-content:center}}.shoutout-modal[data-v-363d0e08]{background:var(--panel-bg, #ffffff);border-radius:16px;width:100%;max-width:450px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--card-border, rgba(0, 0, 0, .08));color:inherit}.nighttime .shoutout-modal[data-v-363d0e08]{background:var(--panel-bg, rgba(30, 41, 59, .8));border-color:#ffffff14}.shoutout-modal-header[data-v-363d0e08]{padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));display:flex;justify-content:space-between;align-items:center}.nighttime .shoutout-modal-header[data-v-363d0e08]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f}.shoutout-modal-header h3[data-v-363d0e08]{margin:0;font-size:1rem;font-weight:700;flex:1;line-height:1.3;color:var(--text, #1e293b)}.nighttime .shoutout-modal-header h3[data-v-363d0e08]{color:#f1f5f9}.shoutout-modal-close[data-v-363d0e08]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;line-height:1;flex-shrink:0}.shoutout-modal-close[data-v-363d0e08]:hover{opacity:1}.shoutout-modal-body[data-v-363d0e08]{padding:1.25rem;background:var(--panel-bg, #ffffff)}.nighttime .shoutout-modal-body[data-v-363d0e08]{background:var(--panel-bg, rgba(30, 41, 59, .8))}.shoutout-info[data-v-363d0e08]{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;margin-bottom:1rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);border-radius:8px;font-size:.85rem}.shoutout-cost-label[data-v-363d0e08],.shoutout-duration-label[data-v-363d0e08],.shoutout-limit-label[data-v-363d0e08]{display:flex;align-items:center;gap:.35rem}.shoutout-cost-label strong[data-v-363d0e08]{color:#22c55e}.shoutout-info strong[data-v-363d0e08]{color:#14b8a6}.shoutout-form[data-v-363d0e08]{display:flex;flex-direction:column;gap:.5rem;position:relative}.shoutout-form-label[data-v-363d0e08]{font-weight:600;font-size:.85rem}.shoutout-form-textarea[data-v-363d0e08]{width:100%;padding:.65rem .75rem;border:1px solid rgba(128,128,128,.3);border-radius:6px;background:#8080800d;color:inherit;font-size:.85rem;font-family:inherit;resize:none;height:80px;box-sizing:border-box}.shoutout-form-textarea[data-v-363d0e08]:focus{outline:none;border-color:var(--accent, #14B8A6)}.shoutout-char-count[data-v-363d0e08]{font-size:.75rem;color:#808080b3;text-align:right}.shoutout-error[data-v-363d0e08]{color:#ef4444;font-size:.8rem;margin:0}.shoutout-modal-footer[data-v-363d0e08]{padding:1rem 1.25rem;border-top:1px solid var(--card-border, rgba(0, 0, 0, .06));display:flex;justify-content:flex-end;gap:.75rem}.nighttime .shoutout-modal-footer[data-v-363d0e08]{border-color:#ffffff0f}.shoutout-cancel-btn[data-v-363d0e08]{padding:.5rem 1rem;border:1px solid rgba(128,128,128,.3);border-radius:6px;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;transition:all .15s ease}.shoutout-cancel-btn[data-v-363d0e08]:hover{background:#8080801a}.shoutout-submit-btn[data-v-363d0e08]{padding:.5rem 1rem;border:none;border-radius:6px;background:linear-gradient(90deg,var(--accent-400, #0F766E),var(--accent-500, #14B8A6));color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.shoutout-submit-btn[data-v-363d0e08]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #0f766e33}.shoutout-submit-btn[data-v-363d0e08]:disabled{opacity:.5;cursor:not-allowed}.nighttime .shoutout-modal[data-v-363d0e08]{background:#1e293bf2;border:1px solid rgba(34,211,238,.15)}.nighttime .shoutout-modal-header[data-v-363d0e08]{border-bottom-color:#22d3ee1a}.nighttime .shoutout-info[data-v-363d0e08]{background:#22d3ee1a;border-color:#22d3ee33}.nighttime .shoutout-info strong[data-v-363d0e08]{color:#14b8a6}.nighttime .shoutout-form-textarea[data-v-363d0e08]{background:#1e293b80;border-color:#22d3ee1f}.nighttime .shoutout-form-textarea[data-v-363d0e08]:focus{border-color:#14b8a6}.nighttime .shoutout-modal-footer[data-v-363d0e08]{border-top-color:#22d3ee1a}.nighttime .shoutout-cancel-btn[data-v-363d0e08]{border-color:#22d3ee33}.nighttime .shoutout-cancel-btn[data-v-363d0e08]:hover{background:#22d3ee1a}.nighttime .shoutout-submit-btn[data-v-363d0e08]{background:linear-gradient(90deg,#22d3ee33,#22d3ee26);border:1px solid rgba(34,211,238,.3);color:#14b8a6}.nighttime .shoutout-submit-btn[data-v-363d0e08]:hover:not(:disabled){background:linear-gradient(90deg,#22d3ee4d,#22d3ee40);box-shadow:0 6px 14px #22d3ee33}@media(max-width:480px){.shoutout-modal[data-v-363d0e08]{max-width:100%}.shoutout-modal-footer[data-v-363d0e08]{flex-direction:column}.shoutout-cancel-btn[data-v-363d0e08],.shoutout-submit-btn[data-v-363d0e08]{width:100%;justify-content:center}}.country-pill{--country-flag-width: 20px;--country-flag-height: 15px;display:inline-flex;align-items:center;justify-content:center;width:var(--country-flag-width);min-width:var(--country-flag-width);height:var(--country-flag-height);padding:0;line-height:0;font-size:0;border-radius:2px;border:none;background:transparent;color:inherit;position:relative;cursor:default;overflow:hidden;flex-shrink:0;vertical-align:-.04em;letter-spacing:0;-webkit-font-smoothing:antialiased}.country-flag-icon{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;transform:none;image-rendering:auto}.country-flag-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;line-height:1}.gender-indicator-group{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;white-space:nowrap;max-width:100%;min-width:0}.gender-pill{display:inline-flex;align-items:center;justify-content:center;margin-left:3px;font-size:clamp(9px,.65em,12px);font-weight:700;line-height:1;min-width:1.45em;height:1.35em;padding:0 .35em;border-radius:4px;vertical-align:middle;position:relative;cursor:default;color:#fff;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}:where(.clickable-username,.username,.author-name,.user-name,.member-name,.shout-out-username,.poll-author,.poll-vote-author,.news-comment-author,.message-author,.context-menu-username){display:inline-flex;align-items:center;gap:2px;max-width:100%;min-width:0;white-space:nowrap;overflow:visible;vertical-align:middle}:where(.clickable-username,.username,.author-name,.user-name,.member-name,.shout-out-username,.poll-author,.poll-vote-author,.news-comment-author,.message-author,.context-menu-username) .username-text{min-width:0;font-size:clamp(.72em,1.35vw,1em);line-height:1.1;white-space:nowrap}.gender-pill--male{background:#3b82f6}.gender-pill--female{background:#ec4899}.gender-pill--nb{background:#6b7280}.gender-pill--unknown{background:#9ca3af}.daytime .gender-pill--male{background:#2563eb}.daytime .gender-pill--female{background:#db2777}.daytime .gender-pill--nb{background:#4b5563}.daytime .gender-pill--unknown{background:#9ca3af}.nighttime .gender-pill--male{background:#3b82f6}.nighttime .gender-pill--female{background:#ec4899}.nighttime .gender-pill--nb,.nighttime .gender-pill--unknown{background:#6b7280}.avatar-menu-wrapper[data-v-3633a110]{position:relative;display:inline-block}.avatar-menu-wrapper.mention-mode[data-v-3633a110]{position:absolute;width:0;height:0;overflow:visible}.avatar-trigger[data-v-3633a110]{position:relative;cursor:pointer;border-radius:50%;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;outline:none}.avatar-trigger[data-v-3633a110]:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000040}.avatar-trigger[data-v-3633a110]:active{transform:scale(1.02)}.avatar-img[data-v-3633a110]{width:var(--v0e958982);height:var(--v0e958982);border-radius:50%;object-fit:cover;display:block;pointer-events:none}.avatar-placeholder[data-v-3633a110]{border-radius:50%;background:linear-gradient(135deg,var(--accent, #0D9488),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.online-indicator[data-v-3633a110]{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#22c55e;border:2px solid var(--card-bg, white);border-radius:50%}.online-indicator.status-away[data-v-3633a110]{background:#f59e0b}.avatar-menu-overlay{position:fixed;inset:0;z-index:2147483000}.avatar-menu-dropdown{background:var(--card-bg, white);border-radius:12px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;min-width:240px;max-width:min(280px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--border, rgba(0, 0, 0, .1));z-index:2147483001}.avatar-menu-dropdown .menu-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, rgba(0, 0, 0, .02))}.avatar-menu-dropdown .menu-avatar,.avatar-menu-dropdown .menu-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0}.avatar-menu-dropdown .menu-avatar{object-fit:cover}.avatar-menu-dropdown .menu-avatar-placeholder{background:linear-gradient(135deg,var(--accent, #0D9488),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.avatar-menu-dropdown .menu-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.avatar-menu-dropdown .menu-username{font-weight:600;color:var(--text, #1a1a1a);font-size:.95rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.avatar-menu-dropdown .menu-title{font-size:.8rem;color:var(--text-secondary, #666);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.avatar-menu-dropdown .menu-role{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-menu-dropdown .menu-divider{height:1px;background:var(--border, rgba(0, 0, 0, .08));margin:0}.avatar-menu-dropdown .menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text, #1a1a1a);font-size:.9rem;cursor:pointer;transition:background .15s;text-align:left}.avatar-menu-dropdown .menu-item:hover{background:var(--accent, #0D9488);color:#fff}.avatar-menu-dropdown .menu-item.menu-item-cancel-request:hover,.avatar-menu-dropdown .menu-item.menu-item-block:hover{background:#ef4444;color:#fff}.avatar-menu-dropdown .menu-item.menu-item-unblock:hover{background:#22c55e;color:#fff}.avatar-menu-dropdown .menu-item:disabled,.avatar-menu-dropdown .menu-item.menu-item-disabled{opacity:.6;cursor:not-allowed}.avatar-menu-dropdown .menu-item:disabled:hover,.avatar-menu-dropdown .menu-item.menu-item-disabled:hover{background:transparent;color:var(--text, #1a1a1a)}.avatar-menu-dropdown .menu-item:hover .menu-icon{filter:grayscale(1) brightness(10)}.avatar-menu-dropdown .menu-icon{font-size:1.1rem;width:20px;text-align:center}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .15s ease,transform .15s ease}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:translateY(-8px) scale(.95)}:root.dark .avatar-menu-dropdown,.nighttime .avatar-menu-dropdown{background:#1e1e2e;border-color:#ffffff1a}:root.dark .avatar-menu-dropdown .menu-header,.nighttime .avatar-menu-dropdown .menu-header{background:#ffffff08}:root.dark .avatar-menu-dropdown .menu-username,.nighttime .avatar-menu-dropdown .menu-username{color:#f0f0f0}:root.dark .avatar-menu-dropdown .menu-item,.nighttime .avatar-menu-dropdown .menu-item{color:#e0e0e0}:root.dark .avatar-menu-dropdown .menu-divider,.nighttime .avatar-menu-dropdown .menu-divider{background:#ffffff1a}.menu-mutual-friends{display:inline-block;font-size:.75rem;font-weight:500;cursor:pointer;transition:opacity .15s;color:var(--text-secondary, #666)}.menu-mutual-friends:hover{opacity:.7;text-decoration:underline}:root.dark .menu-mutual-friends,.nighttime .menu-mutual-friends{color:#94a3b8}.menu-no-mutual-friends{display:inline-block;font-size:.75rem;font-weight:400;font-style:italic;color:var(--text-muted, #9ca3af)}:root.dark .menu-no-mutual-friends,.nighttime .menu-no-mutual-friends{color:#64748b}.mutual-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2147483002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mutualFadeIn .2s ease}@keyframes mutualFadeIn{0%{opacity:0}to{opacity:1}}.mutual-modal-content{background:var(--card-bg, white);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:420px;width:95%;overflow:hidden;display:flex;flex-direction:column;animation:mutualSlideUp .25s ease;border:1px solid var(--border, rgba(0, 0, 0, .08))}@keyframes mutualSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mutual-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .08));background:var(--header-bg, rgba(0, 0, 0, .03))}.mutual-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--accent, #14B8A6);display:flex;align-items:center;gap:.5rem}.mutual-modal-header h3 svg{color:#14b8a6}.mutual-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--border, rgba(0, 0, 0, .08));border-radius:8px;cursor:pointer;color:var(--muted, #666);transition:all .2s ease}.mutual-modal-close:hover{background:#ef444426;color:#ef4444}.mutual-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1}.mutual-modal-subtitle{font-size:.85rem;color:var(--muted, #666);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .08))}.mutual-friends-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.mutual-friend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;text-decoration:none;transition:all .2s ease;background:var(--border, rgba(0, 0, 0, .05))}.mutual-friend-item:hover{background:var(--accent, #14B8A6)}.mutual-friend-item:hover .mutual-friend-name,.mutual-friend-item:hover .mutual-friend-status{color:#fff!important}.mutual-friend-avatar{position:relative;flex-shrink:0}.mutual-friend-avatar img,.mutual-avatar-placeholder{width:44px;height:44px;border-radius:50%;object-fit:cover}.mutual-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:var(--accent, #14B8A6);color:#fff}.mutual-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg, white)}.mutual-status-dot.online{background:#22c55e}.mutual-status-dot.offline{background:#94a3b8}.mutual-friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.mutual-friend-name{font-weight:600;font-size:.95rem;color:var(--accent, #14B8A6);display:flex;align-items:center;gap:.35rem}.mutual-friend-status{font-size:.8rem;color:var(--muted, #666)}.mutual-loading-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--muted, #666)}.mutual-loading-spinner{width:32px;height:32px;border:3px solid var(--border, rgba(0, 0, 0, .08));border-top-color:var(--accent, #14B8A6);border-radius:50%;animation:mutualSpin 1s linear infinite}@keyframes mutualSpin{to{transform:rotate(360deg)}}:root.dark .mutual-modal-content,.nighttime .mutual-modal-content{background:#1e1e2e;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}:root.dark .mutual-modal-header,.nighttime .mutual-modal-header{background:#ffffff08;border-color:#ffffff1a}:root.dark .mutual-modal-subtitle,.nighttime .mutual-modal-subtitle{border-color:#ffffff1a}:root.dark .mutual-friend-item,.nighttime .mutual-friend-item{background:#ffffff0d}:root.dark .mutual-status-dot,.nighttime .mutual-status-dot{border-color:#1e1e2e}.avatar-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2147483003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out}.avatar-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:default;animation:avatarModalZoomIn .25s ease}@keyframes avatarModalZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.avatar-modal-close{position:absolute;top:-40px;right:-10px;width:36px;height:36px;border:none;background:#ffffff26;border-radius:50%;cursor:pointer;color:#fff;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-modal-close:hover{background:#ffffff40;transform:scale(1.1)}.avatar-modal-image{min-width:300px;min-height:300px;max-width:90vw;max-height:85vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #0006;object-fit:contain}.avatar-modal-image.profile-preview{min-width:400px;min-height:400px}.avatar-modal-username{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .25s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active .avatar-modal-content,.modal-fade-leave-active .avatar-modal-content{transition:transform .25s ease}.modal-fade-enter-from .avatar-modal-content,.modal-fade-leave-to .avatar-modal-content{transform:scale(.8)}.menu-avatar.clickable{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.menu-avatar.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.view-all-shoutouts-wrapper[data-v-b56af2b4]{display:flex;flex-direction:column;min-width:500px;max-width:600px;box-shadow:0 4px 20px #0000000f;border-radius:16px;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .view-all-shoutouts-wrapper[data-v-b56af2b4]{border-color:#ffffff14}.form-header[data-v-b56af2b4]{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b);position:relative}.nighttime .form-header[data-v-b56af2b4]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-header[data-v-b56af2b4]:after{display:none}.form-title[data-v-b56af2b4]{font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text, #1e293b)}.nighttime .form-title[data-v-b56af2b4]{color:#f1f5f9}.shoutouts-total[data-v-b56af2b4]{padding:.2rem .6rem;background:#0f766e1a;color:var(--accent, #0F766E);border-radius:12px;font-size:.75rem;font-weight:600}.nighttime .shoutouts-total[data-v-b56af2b4]{background:#ffffff1a;color:#f1f5f9}.form-container[data-v-b56af2b4]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;color:var(--text, #1e293b);max-height:60vh;overflow-y:auto}.nighttime .form-container[data-v-b56af2b4]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.shoutouts-list[data-v-b56af2b4]{display:flex;flex-direction:column;gap:.75rem}.shoutout-item[data-v-b56af2b4]{display:flex;gap:.75rem;padding:.75rem;background:#0f766e0a;border:1px solid rgba(15,118,110,.1);border-radius:8px;transition:all .2s ease}.shoutout-item[data-v-b56af2b4]:hover{background:#0f766e14;border-color:#0f766e33}.shoutout-item:hover .flag-btn[data-v-b56af2b4],.shoutout-item:hover .delete-btn[data-v-b56af2b4]{opacity:1}.shoutout-avatar[data-v-b56af2b4]{flex-shrink:0}.avatar-placeholder[data-v-b56af2b4]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));display:flex;align-items:center;justify-content:center;color:#fff}.shoutout-content[data-v-b56af2b4]{flex:1;min-width:0}.shoutout-meta[data-v-b56af2b4]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.role-icon[data-v-b56af2b4]{font-size:.7rem;line-height:1}.role-icon.admin-icon[data-v-b56af2b4]{filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}.role-icon.mod-icon[data-v-b56af2b4]{filter:drop-shadow(0 0 2px rgba(34,197,94,.4))}.shoutout-username[data-v-b56af2b4]{font-weight:600;color:var(--accent-500);font-size:.85rem}.shoutout-username.username-super_admin[data-v-b56af2b4]{color:#eab308!important;font-weight:700}.shoutout-username.username-admin[data-v-b56af2b4]{color:#ef4444!important;font-weight:700}.shoutout-username.username-moderator[data-v-b56af2b4]{color:#22c55e!important;font-weight:700}.shoutout-username.username-donator[data-v-b56af2b4]{color:#a855f7!important;font-weight:700}.shoutout-username.username-suspended[data-v-b56af2b4]{color:#000!important;font-style:italic}.shoutout-username.username-banned[data-v-b56af2b4]{color:#000!important;text-decoration:line-through;font-style:italic}.shoutout-time[data-v-b56af2b4]{font-size:.7rem;color:var(--muted-400)}.shoutout-message[data-v-b56af2b4]{font-size:.85rem;line-height:1.4;color:var(--muted-600)}.no-shoutouts[data-v-b56af2b4]{text-align:center;padding:2rem;opacity:.6;color:var(--muted-600)}.pagination-controls[data-v-b56af2b4]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(15,118,110,.1)}.pagination-btn[data-v-b56af2b4]{padding:.4rem .8rem;border:1px solid rgba(15,118,110,.2);background:transparent;color:var(--accent-500);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-b56af2b4]:hover:not(:disabled){background:#0f766e1a}.pagination-btn[data-v-b56af2b4]:disabled{opacity:.4;cursor:not-allowed}.pagination-info[data-v-b56af2b4]{font-size:.8rem;opacity:.8;color:var(--muted-600)}.load-more-btn[data-v-b56af2b4]{width:100%;margin-top:1rem;padding:.6rem;border:1px dashed rgba(15,118,110,.3);background:transparent;color:var(--accent-500);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.load-more-btn[data-v-b56af2b4]:hover{background:#0f766e0d;border-style:solid}.flag-btn[data-v-b56af2b4],.delete-btn[data-v-b56af2b4]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--muted-400);cursor:pointer;transition:all .2s ease;opacity:0}.flag-btn[data-v-b56af2b4]:hover{background:#ef44441a;color:#ef4444}.delete-btn[data-v-b56af2b4]:hover{background:#ef444426;color:#ef4444}.flag-btn[data-v-b56af2b4]:active,.delete-btn[data-v-b56af2b4]:active{transform:scale(.95)}.nighttime .form-header[data-v-b56af2b4]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.nighttime .shoutouts-total[data-v-b56af2b4]{background:#22d3ee33;color:#14b8a6}.nighttime .form-container[data-v-b56af2b4]{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .shoutout-item[data-v-b56af2b4]{background:#22d3ee0a;border-color:#22d3ee1a}.nighttime .shoutout-item[data-v-b56af2b4]:hover{background:#22d3ee14;border-color:#22d3ee33}.nighttime .avatar-placeholder[data-v-b56af2b4]{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-400))}.nighttime .shoutout-username[data-v-b56af2b4]{color:#14b8a6}.nighttime .shoutout-time[data-v-b56af2b4]{color:#94a3b8}.nighttime .shoutout-message[data-v-b56af2b4]{color:#f1f5f9}.nighttime .no-shoutouts[data-v-b56af2b4]{color:#94a3b8}.nighttime .pagination-controls[data-v-b56af2b4]{border-top-color:#22d3ee1a}.nighttime .pagination-btn[data-v-b56af2b4]{border-color:#22d3ee33;color:#14b8a6}.nighttime .pagination-btn[data-v-b56af2b4]:hover:not(:disabled){background:#22d3ee1a}.nighttime .pagination-info[data-v-b56af2b4]{color:#94a3b8}.nighttime .load-more-btn[data-v-b56af2b4]{border-color:#22d3ee4d;color:#14b8a6}.nighttime .load-more-btn[data-v-b56af2b4]:hover{background:#22d3ee0d}.nighttime .flag-btn[data-v-b56af2b4]{color:#94a3b8}@media(max-width:600px){.view-all-shoutouts-wrapper[data-v-b56af2b4]{min-width:100%}}.general-form-wrapper[data-v-89837cc4]{display:flex;flex-direction:column;min-width:320px;max-width:500px;box-shadow:0 4px 20px #0000000f;border-radius:16px;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .general-form-wrapper[data-v-89837cc4]{border-color:#ffffff14}.form-header[data-v-89837cc4]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b);position:relative}.nighttime .form-header[data-v-89837cc4]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-header[data-v-89837cc4]:after{display:none}.form-title[data-v-89837cc4]{font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text, #1e293b)}.nighttime .form-title[data-v-89837cc4]{color:#f1f5f9}.form-container[data-v-89837cc4]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;color:var(--text, #1e293b);max-height:60vh;overflow-y:auto}.nighttime .form-container[data-v-89837cc4]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.form-actions[data-v-89837cc4]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .form-actions[data-v-89837cc4]{border-color:#ffffff14}.btn[data-v-89837cc4]{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;border:none;transition:all .15s ease}.btn.primary[data-v-89837cc4]{background:var(--accent, #14B8A6);color:#fff}.btn.primary[data-v-89837cc4]:hover{background:var(--accent-600, #0D9488)}.btn.danger[data-v-89837cc4]{background:#ef4444;color:#fff}.btn.danger[data-v-89837cc4]:hover{background:#dc2626}.form-message[data-v-89837cc4]{line-height:1.6;color:var(--text, #1e293b);overflow-wrap:anywhere}.nighttime .form-message[data-v-89837cc4]{color:#f1f5f9}.form-message[data-v-89837cc4] a{color:inherit;text-decoration:underline}.form-message[data-v-89837cc4] p{margin:0 0 .75rem}.form-message[data-v-89837cc4] p:last-child{margin-bottom:0}.form-message[data-v-89837cc4] ul,.form-message[data-v-89837cc4] ol{margin:.75rem 0;padding-left:1.25rem}@media(max-width:480px){.general-form-wrapper[data-v-89837cc4]{min-width:100%}}.create-chatroom-form[data-v-c878d821]{display:flex;flex-direction:column;min-width:380px;max-width:450px;box-shadow:0 4px 20px #0000000f;border-radius:16px;border:1px solid var(--card-border, rgba(0, 0, 0, .08));overflow:hidden}.nighttime .create-chatroom-form[data-v-c878d821]{border-color:#ffffff14}.form-header[data-v-c878d821]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b)}.nighttime .form-header[data-v-c878d821]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-title[data-v-c878d821]{font-weight:700;font-size:1rem;color:var(--text, #1e293b)}.nighttime .form-title[data-v-c878d821]{color:#f1f5f9}.form-container[data-v-c878d821]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;color:var(--text, #1e293b);display:flex;flex-direction:column;gap:1rem}.nighttime .form-container[data-v-c878d821]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.form-group[data-v-c878d821]{display:flex;flex-direction:column;gap:.4rem}.form-label[data-v-c878d821]{font-size:.8rem;font-weight:600;color:var(--muted-600);text-transform:uppercase;letter-spacing:.3px}.form-input[data-v-c878d821]{padding:.625rem .875rem;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:var(--muted-600);font-size:.875rem;outline:none;transition:all .2s ease}.form-input[data-v-c878d821]:hover{border-color:#cbd5e1;background:#fff}.form-input[data-v-c878d821]:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 4px #0f766e1a}.form-input[data-v-c878d821]::placeholder{color:#94a3b8}.form-input-small[data-v-c878d821]{width:80px}.name-input-row[data-v-c878d821]{display:flex;align-items:center;gap:.5rem}.char-counter[data-v-c878d821]{font-size:.8rem;color:var(--muted-500);white-space:nowrap}.checkbox-group[data-v-c878d821]{flex-direction:row;align-items:center}.checkbox-label[data-v-c878d821]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted-600);cursor:pointer}.form-checkbox[data-v-c878d821]{width:16px;height:16px;accent-color:#0F766E;cursor:pointer}.checkbox-text[data-v-c878d821]{opacity:.9}.badge[data-v-c878d821]{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:.5rem}.badge-private[data-v-c878d821]{background:#be123c26;color:#e11d48}.badge-public[data-v-c878d821]{background:#0f766e26;color:#14b8a6}.form-actions[data-v-c878d821]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(15,118,110,.08)}.action-btn[data-v-c878d821]{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(15,118,110,.12);background:transparent;color:var(--muted-600);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.action-btn .btn-emoji[data-v-c878d821]{display:inline-flex;align-items:center}.action-btn .btn-emoji svg[data-v-c878d821]{width:16px;height:16px;color:inherit}.action-btn .btn-text[data-v-c878d821]{opacity:.95}.action-btn[data-v-c878d821]:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.btn-primary[data-v-c878d821]{background:linear-gradient(90deg,var(--accent-400),var(--accent-500));border:none;color:#fff}.btn-primary[data-v-c878d821]:hover{background:linear-gradient(90deg,var(--accent-500),var(--accent-600));box-shadow:0 6px 14px #0f766e40}.btn-cancel[data-v-c878d821]{background:#fff;border:1px solid rgba(15,118,110,.12);color:var(--muted-600)}.btn-cancel[data-v-c878d821]:hover{background:#0f766e0d;border-color:#0f766e33}.nighttime .form-header[data-v-c878d821]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.nighttime .form-container[data-v-c878d821]{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-label[data-v-c878d821]{color:#f1f5f9}.nighttime .form-input[data-v-c878d821]{background:#1e293b80;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-input[data-v-c878d821]::placeholder{color:#94a3b8}.nighttime .form-input[data-v-c878d821]:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #22d3ee1f}.nighttime .checkbox-label[data-v-c878d821]{color:#f1f5f9}.nighttime .form-checkbox[data-v-c878d821]{accent-color:#14B8A6}.nighttime .form-actions[data-v-c878d821]{border-top-color:#22d3ee1a}.nighttime .action-btn[data-v-c878d821]{border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-primary[data-v-c878d821]{background:linear-gradient(90deg,#22d3ee33,#22d3ee26);border:1px solid rgba(34,211,238,.3);color:#14b8a6}.nighttime .btn-primary[data-v-c878d821]:hover{background:linear-gradient(90deg,#22d3ee4d,#22d3ee40);box-shadow:0 6px 14px #22d3ee33}.nighttime .btn-cancel[data-v-c878d821]{background:#1e293b80;border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-cancel[data-v-c878d821]:hover{background:#22d3ee1a;border-color:#22d3ee40}.nighttime .badge-public[data-v-c878d821]{background:#22d3ee26;color:#14b8a6}.form-error[data-v-c878d821]{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;font-weight:500}.nighttime .form-error[data-v-c878d821]{background:#ef444426;border-color:#ef44444d;color:#f87171}.btn-spinner[data-v-c878d821]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-c878d821 .8s linear infinite}@keyframes spin-c878d821{to{transform:rotate(360deg)}}.action-btn[data-v-c878d821]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:480px){.create-chatroom-form[data-v-c878d821]{min-width:100%}.form-actions[data-v-c878d821]{flex-direction:column}.action-btn[data-v-c878d821]{justify-content:center}}.occupants-form-wrapper[data-v-16e7184e]{display:flex;flex-direction:column;min-width:320px;max-width:400px;box-shadow:0 4px 20px #0000000f;border-radius:16px;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .occupants-form-wrapper[data-v-16e7184e]{border-color:#ffffff14}.form-header[data-v-16e7184e]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b);position:relative}.nighttime .form-header[data-v-16e7184e]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-header[data-v-16e7184e]:after{display:none}.form-title[data-v-16e7184e]{font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text, #1e293b)}.nighttime .form-title[data-v-16e7184e]{color:#f1f5f9}.form-container[data-v-16e7184e]{background:var(--panel-bg, #ffffff);padding:1.25rem;max-height:400px;overflow-y:auto}.nighttime .form-container[data-v-16e7184e]{background:var(--panel-bg, rgba(30, 41, 59, .8))}.loading-state[data-v-16e7184e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;color:var(--muted-500, #64748b)}.loading-spinner[data-v-16e7184e]{width:32px;height:32px;border:3px solid rgba(15,118,110,.2);border-top-color:#0f766e;border-radius:50%;animation:spin-16e7184e 1s linear infinite}@keyframes spin-16e7184e{to{transform:rotate(360deg)}}.error-state[data-v-16e7184e]{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:.75rem;text-align:center}.error-icon[data-v-16e7184e]{font-size:2rem}.error-text[data-v-16e7184e]{color:var(--muted-600, #475569);font-size:.9rem}.retry-btn[data-v-16e7184e]{margin-top:.5rem;padding:.5rem 1rem;background:#0f766e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.retry-btn[data-v-16e7184e]:hover{background:#115e59}.empty-state[data-v-16e7184e]{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:.5rem;text-align:center}.empty-icon[data-v-16e7184e]{font-size:2.5rem;opacity:.5}.empty-text[data-v-16e7184e]{color:var(--muted-600, #475569);font-weight:500}.empty-hint[data-v-16e7184e]{color:var(--muted-400, #94a3b8);font-size:.85rem}.occupants-count[data-v-16e7184e]{font-size:.85rem;color:var(--muted-500, #64748b);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--muted-200, #e2e8f0)}.occupant-items[data-v-16e7184e]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.occupant-item[data-v-16e7184e]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:background .2s}.occupant-item[data-v-16e7184e]:hover{background:var(--muted-100, #f1f5f9)}.occupant-avatar[data-v-16e7184e]{flex-shrink:0}.occupant-info[data-v-16e7184e]{display:flex;flex-direction:column;flex:1;min-width:0}.occupant-name[data-v-16e7184e]{font-weight:500;color:var(--text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.occupant-joined[data-v-16e7184e]{font-size:.75rem;color:var(--muted-400, #94a3b8)}.leader-badge[data-v-16e7184e]{font-size:.75rem;padding:.25rem .5rem;background:#eab30826;color:#ca8a04;border-radius:4px;white-space:nowrap}.nighttime .form-header[data-v-16e7184e]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15)}.nighttime .form-container[data-v-16e7184e]{background:#1e293bf2}.nighttime .occupants-count[data-v-16e7184e]{color:#94a3b8;border-bottom-color:#ffffff1a}.nighttime .occupant-item[data-v-16e7184e]:hover{background:#ffffff0d}.nighttime .occupant-name[data-v-16e7184e]{color:#f1f5f9}.nighttime .empty-text[data-v-16e7184e],.nighttime .error-text[data-v-16e7184e]{color:#cbd5e1}@media(max-width:480px){.occupants-form-wrapper[data-v-16e7184e]{min-width:100%}}.create-chatroom-form[data-v-9ab79978]{display:flex;flex-direction:column;min-width:380px;max-width:450px;box-shadow:0 4px 20px #0000000f;border-radius:16px;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .create-chatroom-form[data-v-9ab79978]{border-color:#ffffff14}.form-header[data-v-9ab79978]{border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b)}.nighttime .form-header[data-v-9ab79978]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-title[data-v-9ab79978]{font-weight:700;font-size:1rem;color:var(--text, #1e293b)}.nighttime .form-title[data-v-9ab79978]{color:#f1f5f9}.form-container[data-v-9ab79978]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;border-radius:0 0 16px 16px;color:var(--text, #1e293b);display:flex;flex-direction:column;gap:1rem}.nighttime .form-container[data-v-9ab79978]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.form-group[data-v-9ab79978]{display:flex;flex-direction:column;gap:.4rem}.form-label[data-v-9ab79978]{font-size:.8rem;font-weight:600;color:var(--muted-600);text-transform:uppercase;letter-spacing:.3px}.form-input[data-v-9ab79978]{padding:.625rem .875rem;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:var(--muted-600);font-size:.875rem;outline:none;transition:all .2s ease}.form-input[data-v-9ab79978]:hover{border-color:#cbd5e1;background:#fff}.form-input[data-v-9ab79978]:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 4px #0f766e1a}.form-input[data-v-9ab79978]::placeholder{color:#94a3b8}.form-input[data-v-9ab79978]:disabled{opacity:.7;cursor:not-allowed}.checkbox-group[data-v-9ab79978]{flex-direction:row;align-items:center}.checkbox-label[data-v-9ab79978]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted-600);cursor:pointer}.form-checkbox[data-v-9ab79978]{width:16px;height:16px;accent-color:#0F766E;cursor:pointer}.checkbox-text[data-v-9ab79978]{opacity:.9}.badge[data-v-9ab79978]{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:.5rem}.badge-private[data-v-9ab79978]{background:#be123c26;color:#e11d48}.form-actions[data-v-9ab79978]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(15,118,110,.08)}.action-btn[data-v-9ab79978]{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(15,118,110,.12);background:transparent;color:var(--muted-600);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.action-btn .btn-emoji[data-v-9ab79978]{display:inline-flex;align-items:center}.action-btn .btn-emoji svg[data-v-9ab79978]{width:16px;height:16px;color:inherit}.action-btn .btn-text[data-v-9ab79978]{opacity:.95}.action-btn[data-v-9ab79978]:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.btn-primary[data-v-9ab79978]{background:linear-gradient(90deg,var(--accent-400),var(--accent-500));border:none;color:#fff}.btn-primary[data-v-9ab79978]:hover{background:linear-gradient(90deg,var(--accent-500),var(--accent-600));box-shadow:0 6px 14px #0f766e40}.btn-cancel[data-v-9ab79978]{background:#fff;border:1px solid rgba(15,118,110,.12);color:var(--muted-600)}.btn-cancel[data-v-9ab79978]:hover{background:#0f766e0d;border-color:#0f766e33}.nighttime .form-header[data-v-9ab79978]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.nighttime .form-container[data-v-9ab79978]{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-label[data-v-9ab79978]{color:#f1f5f9}.nighttime .form-input[data-v-9ab79978]{background:#1e293b80;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .form-input[data-v-9ab79978]::placeholder{color:#94a3b8}.nighttime .form-input[data-v-9ab79978]:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #22d3ee1f}.nighttime .checkbox-label[data-v-9ab79978]{color:#f1f5f9}.nighttime .form-checkbox[data-v-9ab79978]{accent-color:#14B8A6}.nighttime .form-actions[data-v-9ab79978]{border-top-color:#22d3ee1a}.nighttime .action-btn[data-v-9ab79978]{border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-primary[data-v-9ab79978]{background:linear-gradient(90deg,#22d3ee33,#22d3ee26);border:1px solid rgba(34,211,238,.3);color:#14b8a6}.nighttime .btn-primary[data-v-9ab79978]:hover{background:linear-gradient(90deg,#22d3ee4d,#22d3ee40);box-shadow:0 6px 14px #22d3ee33}.nighttime .btn-cancel[data-v-9ab79978]{background:#1e293b80;border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-cancel[data-v-9ab79978]:hover{background:#22d3ee1a;border-color:#22d3ee40}.form-error[data-v-9ab79978]{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;font-weight:500}.nighttime .form-error[data-v-9ab79978]{background:#ef444426;border-color:#ef44444d;color:#f87171}.btn-spinner[data-v-9ab79978]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9ab79978 .8s linear infinite}@keyframes spin-9ab79978{to{transform:rotate(360deg)}}.action-btn[data-v-9ab79978]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:480px){.create-chatroom-form[data-v-9ab79978]{min-width:100%}.form-actions[data-v-9ab79978]{flex-direction:column}.action-btn[data-v-9ab79978]{justify-content:center}}.moderation-form-wrapper[data-v-3c8bc7a5]{display:flex;flex-direction:column;min-width:340px;max-width:520px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .moderation-form-wrapper[data-v-3c8bc7a5]{border-color:#ffffff14}.form-header[data-v-3c8bc7a5]{padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b)}.nighttime .form-header[data-v-3c8bc7a5]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-title[data-v-3c8bc7a5]{font-weight:700;font-size:1rem;color:var(--text, #1e293b)}.nighttime .form-title[data-v-3c8bc7a5]{color:#f1f5f9}.form-container[data-v-3c8bc7a5]{background:var(--panel-bg, #ffffff);padding:1.25rem;color:var(--text, #1e293b)}.nighttime .form-container[data-v-3c8bc7a5]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.form-subtitle[data-v-3c8bc7a5]{font-size:.85rem;color:var(--muted-600);margin-bottom:.75rem}.field[data-v-3c8bc7a5]{margin-top:.75rem}.label[data-v-3c8bc7a5]{display:block;font-weight:700;font-size:.8rem;margin-bottom:.35rem;color:var(--muted-700)}.input[data-v-3c8bc7a5],.textarea[data-v-3c8bc7a5]{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(2,6,23,.12);padding:.6rem .7rem;font-size:.85rem;color:var(--text);background:#fffffff2;outline:none}.textarea[data-v-3c8bc7a5]{resize:vertical}.hint[data-v-3c8bc7a5]{margin-top:.3rem;font-size:.75rem;color:#64748b}.error[data-v-3c8bc7a5]{margin-top:.75rem;padding:.6rem .7rem;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-size:.85rem}.actions[data-v-3c8bc7a5]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.btn[data-v-3c8bc7a5]{border-radius:10px;padding:.5rem .75rem;font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid rgba(2,6,23,.12);background:#ffffffe6}.btn.primary[data-v-3c8bc7a5]{background:linear-gradient(135deg,#0f766e29,#0f766e14);border-color:#0f766e38;color:#0f172a}.btn.secondary[data-v-3c8bc7a5]{background:#94a3b81f;border-color:#94a3b840;color:#0f172a}.btn[data-v-3c8bc7a5]:disabled{opacity:.7;cursor:not-allowed}.nighttime .form-header[data-v-3c8bc7a5]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15)}.nighttime .form-container[data-v-3c8bc7a5]{background:#1e293b99;color:#f1f5f9}.nighttime .form-subtitle[data-v-3c8bc7a5],.nighttime .label[data-v-3c8bc7a5],.nighttime .hint[data-v-3c8bc7a5]{color:#cbd5e1}.nighttime .input[data-v-3c8bc7a5],.nighttime .textarea[data-v-3c8bc7a5]{background:#0f172a99;border-color:#22d3ee24;color:#f1f5f9}.nighttime .btn[data-v-3c8bc7a5]{background:#0f172a8c;border-color:#ffffff1f;color:#f1f5f9}.nighttime .btn.primary[data-v-3c8bc7a5]{border-color:#22d3ee38}.logout-form-wrapper[data-v-d5a7b875]{display:flex;flex-direction:column;min-width:320px;max-width:400px;box-shadow:0 4px 20px #0000000f;border-radius:16px;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .logout-form-wrapper[data-v-d5a7b875]{border-color:#ffffff14}.form-header[data-v-d5a7b875]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b);position:relative}.nighttime .form-header[data-v-d5a7b875]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.form-header[data-v-d5a7b875]:after{display:none}.form-title[data-v-d5a7b875]{font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--text, #1e293b)}.nighttime .form-title[data-v-d5a7b875]{color:#f1f5f9}.form-container[data-v-d5a7b875]{background:var(--panel-bg, #ffffff);font-size:.85rem;padding:1.25rem;color:var(--text, #1e293b);display:flex;flex-direction:column;gap:1.25rem}.nighttime .form-container[data-v-d5a7b875]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.logout-message[data-v-d5a7b875]{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:.5rem 0}.logout-icon[data-v-d5a7b875]{width:48px;height:48px;color:var(--muted-400);opacity:.7}.logout-message p[data-v-d5a7b875]{margin:0;font-size:.95rem;color:var(--muted-600)}.form-actions[data-v-d5a7b875]{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(15,118,110,.08)}.action-btn[data-v-d5a7b875]{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(15,118,110,.12);background:transparent;color:var(--muted-600);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.action-btn .btn-emoji[data-v-d5a7b875]{display:inline-flex;align-items:center}.action-btn .btn-emoji svg[data-v-d5a7b875]{width:16px;height:16px;color:inherit}.action-btn .btn-text[data-v-d5a7b875]{opacity:.95}.action-btn[data-v-d5a7b875]:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.btn-cancel[data-v-d5a7b875]{background:#fff;border:1px solid rgba(15,118,110,.12);color:var(--muted-600)}.btn-cancel[data-v-d5a7b875]:hover{background:#0f766e0d;border-color:#0f766e33}.btn-danger[data-v-d5a7b875]{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger[data-v-d5a7b875]:hover{background:linear-gradient(90deg,#dc2626,#b91c1c);box-shadow:0 6px 14px #ef444440}.nighttime .form-header[data-v-d5a7b875]{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.nighttime .form-container[data-v-d5a7b875]{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.nighttime .logout-icon[data-v-d5a7b875]{color:#94a3b8}.nighttime .logout-message p[data-v-d5a7b875]{color:#f1f5f9}.nighttime .form-actions[data-v-d5a7b875]{border-top-color:#22d3ee1a}.nighttime .action-btn[data-v-d5a7b875]{border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-cancel[data-v-d5a7b875]{background:#1e293b80;border-color:#22d3ee26;color:#f1f5f9}.nighttime .btn-cancel[data-v-d5a7b875]:hover{background:#22d3ee1a;border-color:#22d3ee40}.nighttime .btn-danger[data-v-d5a7b875]{background:linear-gradient(90deg,#ef4444cc,#dc2626cc)}.nighttime .btn-danger[data-v-d5a7b875]:hover{background:linear-gradient(90deg,#ef4444e6,#dc2626e6)}@media(max-width:480px){.logout-form-wrapper[data-v-d5a7b875]{min-width:100%}.form-actions[data-v-d5a7b875]{flex-direction:column}.action-btn[data-v-d5a7b875]{justify-content:center}}.report-modal[data-v-b798b490]{background:var(--panel-bg, #ffffff);border-radius:16px;width:100%;max-width:450px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--card-border, rgba(0, 0, 0, .08));overflow:hidden}.nighttime .report-modal[data-v-b798b490]{background:var(--panel-bg, rgba(30, 41, 59, .8));border-color:#ffffff14}.report-modal-header[data-v-b798b490]{padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));display:flex;align-items:center;justify-content:space-between}.nighttime .report-modal-header[data-v-b798b490]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f}.report-modal-header h3[data-v-b798b490]{margin:0;font-size:1rem;font-weight:700;color:var(--text, #1e293b)}.nighttime .report-modal-header h3[data-v-b798b490]{color:#f1f5f9}.report-modal-body[data-v-b798b490]{padding:1.25rem;background:var(--panel-bg, #ffffff)}.nighttime .report-modal-body[data-v-b798b490]{background:var(--panel-bg, rgba(30, 41, 59, .8))}.report-content-preview[data-v-b798b490]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem;margin-bottom:1rem}.report-content-author[data-v-b798b490]{font-weight:600;font-size:.85rem;color:#94a3b8}.daytime .report-content-author[data-v-b798b490]{color:#64748b}.report-content-text[data-v-b798b490]{margin:.5rem 0 0;font-size:.9rem;color:#e2e8f0;font-style:italic;word-break:break-word}.daytime .report-content-text[data-v-b798b490]{color:#334155}.report-form[data-v-b798b490]{display:flex;flex-direction:column;gap:.75rem}.report-label[data-v-b798b490]{font-size:.85rem;font-weight:500;color:#cbd5e1}.daytime .report-label[data-v-b798b490]{color:#475569}.report-reasons[data-v-b798b490]{display:flex;flex-direction:column;gap:.5rem}.report-reason-option[data-v-b798b490]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:background .15s ease}.report-reason-option[data-v-b798b490]:hover{background:#ffffff1a}.daytime .report-reason-option[data-v-b798b490]{background:#00000008}.daytime .report-reason-option[data-v-b798b490]:hover{background:#0000000f}.report-reason-option input[type=radio][data-v-b798b490]{accent-color:#ef4444}.report-reason-text[data-v-b798b490]{font-size:.85rem;color:#e2e8f0}.daytime .report-reason-text[data-v-b798b490]{color:#334155}.report-form textarea[data-v-b798b490]{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;font-size:.85rem;resize:vertical;font-family:inherit;box-sizing:border-box}.report-form textarea[data-v-b798b490]:focus{outline:none;border-color:#ef4444}.daytime .report-form textarea[data-v-b798b490]{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#1e293b}.report-modal-footer[data-v-b798b490]{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:.75rem}.daytime .report-modal-footer[data-v-b798b490]{border-top:1px solid rgba(0,0,0,.1)}.report-cancel-btn[data-v-b798b490]{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s ease}.report-cancel-btn[data-v-b798b490]:hover{background:#ffffff1a;color:#e2e8f0}.daytime .report-cancel-btn[data-v-b798b490]{border-color:#0003;color:#64748b}.daytime .report-cancel-btn[data-v-b798b490]:hover{background:#0000000d;color:#1e293b}.report-submit-btn[data-v-b798b490]{padding:.5rem 1rem;border-radius:6px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.report-submit-btn[data-v-b798b490]:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px)}.report-submit-btn[data-v-b798b490]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.report-modal[data-v-b798b490]{max-width:90vw}.report-modal-header[data-v-b798b490]{padding:.875rem 1rem}.report-modal-body[data-v-b798b490]{padding:1rem;max-height:60vh;overflow-y:auto}.report-modal-footer[data-v-b798b490]{padding:.875rem 1rem}}@media(max-width:480px){.report-modal[data-v-b798b490]{max-width:95vw;margin:.5rem}.report-modal-header h3[data-v-b798b490]{font-size:1rem}.report-modal-body[data-v-b798b490]{padding:.875rem;max-height:55vh}.report-content-preview[data-v-b798b490],.report-reason-option[data-v-b798b490]{padding:.625rem}.report-form textarea[data-v-b798b490]{min-height:60px}.report-modal-footer[data-v-b798b490]{padding:.75rem;flex-wrap:wrap}.report-cancel-btn[data-v-b798b490],.report-submit-btn[data-v-b798b490]{flex:1;min-width:100px;text-align:center}}@media(max-height:600px){.report-modal-body[data-v-b798b490]{max-height:45vh;overflow-y:auto}.report-content-preview[data-v-b798b490]{margin-bottom:.75rem}.report-reasons[data-v-b798b490]{gap:.375rem}.report-reason-option[data-v-b798b490]{padding:.375rem .625rem}}.confirm-modal[data-v-ef31a79b]{background:var(--panel-bg, #ffffff);border-radius:16px;width:100%;max-width:400px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--card-border, rgba(0, 0, 0, .08));overflow:hidden}.nighttime .confirm-modal[data-v-ef31a79b]{background:var(--panel-bg, rgba(30, 41, 59, .8));border-color:#ffffff14}.confirm-modal-header[data-v-ef31a79b]{padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06))}.nighttime .confirm-modal-header[data-v-ef31a79b]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f}.confirm-modal-header h3[data-v-ef31a79b]{margin:0;font-size:1rem;font-weight:700;color:var(--text, #1e293b)}.nighttime .confirm-modal-header h3[data-v-ef31a79b]{color:#f1f5f9}.confirm-modal-body[data-v-ef31a79b]{padding:1.25rem;background:var(--panel-bg, #ffffff)}.nighttime .confirm-modal-body[data-v-ef31a79b]{background:var(--panel-bg, rgba(30, 41, 59, .8))}.confirm-message[data-v-ef31a79b]{margin:0;font-size:.95rem;color:var(--text, #1e293b);line-height:1.5}.nighttime .confirm-message[data-v-ef31a79b]{color:#f1f5f9}.confirm-sub-message[data-v-ef31a79b]{margin:.75rem 0 0;font-size:.85rem;color:var(--text, #64748b);opacity:.7}.nighttime .confirm-sub-message[data-v-ef31a79b]{color:#94a3b8}.confirm-modal-footer[data-v-ef31a79b]{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:.75rem}.daytime .confirm-modal-footer[data-v-ef31a79b]{border-top:1px solid rgba(0,0,0,.1)}.confirm-cancel-btn[data-v-ef31a79b]{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s ease}.confirm-cancel-btn[data-v-ef31a79b]:hover{background:#ffffff1a;color:#e2e8f0}.daytime .confirm-cancel-btn[data-v-ef31a79b]{border-color:#0003;color:#64748b}.daytime .confirm-cancel-btn[data-v-ef31a79b]:hover{background:#0000000d;color:#1e293b}.confirm-action-btn[data-v-ef31a79b]{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.confirm-action-btn[data-v-ef31a79b]:disabled{opacity:.6;cursor:not-allowed}.confirm-btn-danger[data-v-ef31a79b]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-btn-danger[data-v-ef31a79b]:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px)}.confirm-btn-warning[data-v-ef31a79b]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.confirm-btn-warning[data-v-ef31a79b]:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px)}.confirm-btn-primary[data-v-ef31a79b]{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.confirm-btn-primary[data-v-ef31a79b]:hover:not(:disabled){background:linear-gradient(135deg,#0ea5a0,#14b8a6);transform:translateY(-1px)}@media(max-width:480px){.confirm-modal[data-v-ef31a79b]{max-width:95vw}}.confirm-link-wrapper[data-v-8512cef8]{display:flex;flex-direction:column;min-width:320px;max-width:640px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.form-header[data-v-8512cef8]{box-sizing:border-box;padding:1rem 1.25rem;width:100%;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b)}.form-title[data-v-8512cef8]{font-weight:700;font-size:1rem}.form-container[data-v-8512cef8]{padding:1.25rem;background:var(--panel-bg, #ffffff);color:var(--text, #1e293b)}.confirm-message[data-v-8512cef8]{margin:0 0 .5rem}.confirm-url[data-v-8512cef8]{margin:0 0 .75rem;word-break:break-all;font-weight:600;color:var(--text)}.confirm-note[data-v-8512cef8]{color:var(--muted-400);font-size:.9rem;margin-bottom:1rem}.confirm-actions[data-v-8512cef8]{display:flex;gap:.75rem;justify-content:flex-end}.btn[data-v-8512cef8]{padding:.5rem .9rem;border-radius:8px;border:none;cursor:pointer;font-weight:600}.btn-cancel[data-v-8512cef8]{background:transparent;color:var(--muted-200);border:1px solid rgba(0,0,0,.06)}.btn-continue[data-v-8512cef8]{background:linear-gradient(90deg,var(--accent-400),var(--accent-500));color:#fff}.btn[data-v-8512cef8]:hover{transform:translateY(-1px)}.nighttime .confirm-link-wrapper[data-v-8512cef8]{border-color:#ffffff14}.nighttime .form-header[data-v-8512cef8]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.nighttime .form-container[data-v-8512cef8]{background:var(--panel-bg, rgba(30, 41, 59, .8));color:#f1f5f9}.inbox-modal-overlay[data-v-eddf2910]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.inbox-modal[data-v-eddf2910]{width:100%;max-width:560px;height:85vh;max-height:680px;background:var(--panel-bg, #ffffff);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000f;overflow:hidden;border:1px solid var(--card-border, rgba(0, 0, 0, .08))}.nighttime .inbox-modal[data-v-eddf2910]{background:var(--panel-bg, rgba(30, 41, 59, .8));border-color:#ffffff14}.inbox-header[data-v-eddf2910]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));color:var(--text, #1e293b)}.nighttime .inbox-header[data-v-eddf2910]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f;color:#f1f5f9}.inbox-header-left[data-v-eddf2910]{display:flex;align-items:center;gap:.875rem}.inbox-icon[data-v-eddf2910]{font-size:1.75rem;line-height:1}.inbox-header-text[data-v-eddf2910]{display:flex;flex-direction:column}.inbox-title[data-v-eddf2910]{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text, #1e293b)}.nighttime .inbox-title[data-v-eddf2910]{color:#f1f5f9}.inbox-subtitle[data-v-eddf2910]{font-size:.8rem;opacity:.7;margin-top:.125rem;color:var(--text, #1e293b)}.nighttime .inbox-subtitle[data-v-eddf2910]{color:#f1f5f9}.inbox-close-btn[data-v-eddf2910]{background:#0000000f;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text, #1e293b);display:flex;align-items:center;justify-content:center;transition:all .2s}.nighttime .inbox-close-btn[data-v-eddf2910]{background:#ffffff14;color:#f1f5f9}.inbox-close-btn[data-v-eddf2910]:hover{background:#0000001a;transform:scale(1.05)}.nighttime .inbox-close-btn[data-v-eddf2910]:hover{background:#ffffff26}.inbox-tabs[data-v-eddf2910]{display:flex;padding:.75rem 1rem;gap:.5rem;background:var(--card-bg, #fff);border-bottom:1px solid var(--card-border-day, rgba(0, 0, 0, .06))}.inbox-tab[data-v-eddf2910]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid var(--card-border-day, rgba(0, 0, 0, .1));border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b);transition:all .2s}.inbox-tab[data-v-eddf2910]:hover{background:#00000008;border-color:var(--card-border-day, rgba(0, 0, 0, .15))}.inbox-tab.active[data-v-eddf2910]{background:var(--accent, #0D9488);border-color:var(--accent, #0D9488);color:#fff}.tab-icon[data-v-eddf2910]{font-size:1rem}.tab-text[data-v-eddf2910]{font-weight:600}.tab-badge[data-v-eddf2910]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:.7rem;font-weight:700}.inbox-tab.active .tab-badge[data-v-eddf2910]{background:#ffffffe6;color:var(--accent, #0D9488)}.inbox-actions[data-v-eddf2910]{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg, #fff);border-bottom:1px solid var(--card-border-day, rgba(0, 0, 0, .06))}.unseen-filter-checkbox[data-v-eddf2910]{display:inline-flex;align-items:center;gap:.45rem;padding:.34rem .62rem;border-radius:6px;border:1px solid var(--card-border-day, rgba(0, 0, 0, .14));background:transparent;color:var(--text-secondary, #64748b);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.unseen-filter-checkbox input[data-v-eddf2910]{margin:0;width:14px;height:14px;accent-color:var(--accent, #0D9488)}.unseen-filter-checkbox[data-v-eddf2910]:hover{background:#0d948814;border-color:#0d948859;color:var(--accent, #0D9488)}.clear-notifications-btn[data-v-eddf2910]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--accent, #0D9488);background:transparent;color:var(--accent, #0D9488);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-notifications-btn[data-v-eddf2910]:hover:not(:disabled){background:#0d94881f}.clear-notifications-btn[data-v-eddf2910]:disabled{opacity:.5;cursor:not-allowed}.clear-all-btn[data-v-eddf2910]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--danger, #ef4444);border-radius:6px;color:var(--danger, #ef4444);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-all-btn[data-v-eddf2910]:hover:not(:disabled){background:var(--danger, #ef4444);color:#fff}.clear-all-btn[data-v-eddf2910]:disabled{opacity:.5;cursor:not-allowed}.nighttime .inbox-actions[data-v-eddf2910]{background:var(--panel-bg, #1e293b);border-color:#ffffff14}.nighttime .clear-all-btn[data-v-eddf2910]{border-color:var(--danger, #f87171);color:var(--danger, #f87171)}.nighttime .clear-all-btn[data-v-eddf2910]:hover:not(:disabled){background:var(--danger, #f87171);color:#fff}.nighttime .unseen-filter-checkbox[data-v-eddf2910]{border-color:#ffffff2e;color:#94a3b8}.nighttime .unseen-filter-checkbox[data-v-eddf2910]:hover{background:#14b8a629;border-color:#14b8a673;color:#5eead4}.nighttime .clear-notifications-btn[data-v-eddf2910]{border-color:#14b8a6;color:#5eead4}.nighttime .clear-notifications-btn[data-v-eddf2910]:hover:not(:disabled){background:#14b8a62e}.inbox-content[data-v-eddf2910]{flex:1;overflow-y:auto;background:var(--card-bg-secondary, #f8fafc)}.inbox-loading[data-v-eddf2910]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary, #64748b)}.loading-spinner[data-v-eddf2910]{width:32px;height:32px;border:3px solid var(--card-border-day, rgba(0, 0, 0, .1));border-top-color:var(--accent, #0D9488);border-radius:50%;animation:spin-eddf2910 .8s linear infinite}@keyframes spin-eddf2910{to{transform:rotate(360deg)}}.inbox-empty[data-v-eddf2910]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.empty-icon[data-v-eddf2910]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-title[data-v-eddf2910]{font-size:1.1rem;font-weight:600;color:var(--text, #1e293b);margin-bottom:.5rem}.empty-subtitle[data-v-eddf2910]{font-size:.875rem;color:var(--text-secondary, #64748b);max-width:240px}.inbox-messages[data-v-eddf2910]{display:flex;flex-direction:column;padding:.75rem;gap:.5rem}.inbox-message-card[data-v-eddf2910]{background:var(--card-bg, #fff);border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent;box-shadow:0 1px 3px #0000000d}.inbox-message-card[data-v-eddf2910]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:var(--accent, #0D9488)}.inbox-message-card.unread[data-v-eddf2910]{background:linear-gradient(135deg,#0d948814,#0d948808);border-left:3px solid var(--accent, #0D9488)}.unseen-chip[data-v-eddf2910]{display:inline-flex;align-items:center;justify-content:center;margin-top:.4rem;padding:.18rem .5rem;border-radius:999px;border:1px solid rgba(13,148,136,.25);background:#0d94881a;color:var(--accent, #0D9488);font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.message-card-inner[data-v-eddf2910]{display:flex;align-items:center;gap:.875rem;padding:1rem}.msg-avatar-wrapper[data-v-eddf2910]{position:relative;flex-shrink:0}.msg-avatar-wrapper .avatar-fallback[data-v-eddf2910]{width:44px;height:44px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.msg-avatar-wrapper .avatar-fallback[data-v-eddf2910]:hover{transform:scale(1.05)}.msg-avatar-wrapper .avatar-fallback .avatar-img[data-v-eddf2910]{width:100%;height:100%;object-fit:cover}.msg-avatar-wrapper .avatar-fallback .avatar-placeholder[data-v-eddf2910]{width:100%;height:100%;background:linear-gradient(135deg,var(--accent, #0D9488),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.unread-indicator[data-v-eddf2910]{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#22c55e;border-radius:50%;border:2px solid var(--card-bg, white)}.system-icon-wrapper[data-v-eddf2910]{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0000000a}.system-message.type-warning .system-icon-wrapper[data-v-eddf2910]{background:#f59e0b1f}.system-message.type-lottery .system-icon-wrapper[data-v-eddf2910]{background:#22c55e1f}.system-message.type-admin .system-icon-wrapper[data-v-eddf2910]{background:#a855f71f}.system-message.type-friend .system-icon-wrapper[data-v-eddf2910]{background:#14b8a61f}.system-message.type-feed .system-icon-wrapper[data-v-eddf2910]{background:#ef44441f}.system-message.type-mention .system-icon-wrapper[data-v-eddf2910]{background:#f973161f}.system-message.type-forum .system-icon-wrapper[data-v-eddf2910]{background:#0d948824}.friend-request-actions[data-v-eddf2910]{display:flex;gap:.5rem;margin-top:.5rem}.friend-action-btn[data-v-eddf2910]{padding:.35rem .75rem;border-radius:6px;border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.friend-action-btn.accept[data-v-eddf2910]{background:#22c55e;color:#fff}.friend-action-btn.accept[data-v-eddf2910]:hover:not(:disabled){background:#16a34a}.friend-action-btn.ignore[data-v-eddf2910]{background:#e2e8f0;color:#64748b}.friend-action-btn.ignore[data-v-eddf2910]:hover:not(:disabled){background:#cbd5e1}.friend-action-btn.block[data-v-eddf2910]{background:#fef2f2;color:#ef4444}.friend-action-btn.block[data-v-eddf2910]:hover:not(:disabled){background:#fee2e2}.friend-action-btn[data-v-eddf2910]:disabled{opacity:.5;cursor:not-allowed}.friend-request-handled[data-v-eddf2910]{margin-top:.5rem}.handled-badge[data-v-eddf2910]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.handled-badge.accept[data-v-eddf2910]{background:#22c55e26;color:#16a34a}.handled-badge.ignore[data-v-eddf2910]{background:#64748b26;color:#64748b}.handled-badge.block[data-v-eddf2910]{background:#ef444426;color:#ef4444}.feed-notification-action[data-v-eddf2910]{margin-top:.5rem}.feed-notification-action.multi-action[data-v-eddf2910]{display:flex;gap:.5rem;flex-wrap:wrap}.view-post-btn[data-v-eddf2910]{padding:.35rem .75rem;border-radius:6px;border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:#14b8a6;color:#fff}.view-post-btn[data-v-eddf2910]:hover{background:#0d9488}.view-post-btn.secondary[data-v-eddf2910]{background:#6b7280}.view-post-btn.secondary[data-v-eddf2910]:hover{background:#4b5563}.system-icon[data-v-eddf2910]{font-size:1.25rem}.msg-content[data-v-eddf2910]{flex:1;min-width:0}.msg-header[data-v-eddf2910]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.msg-sender[data-v-eddf2910]{font-weight:600;font-size:.95rem;color:var(--text, #1e293b)}.msg-type-label[data-v-eddf2910]{font-weight:600;font-size:.8rem;color:var(--text, #1e293b);text-transform:uppercase;letter-spacing:.03em}.msg-time[data-v-eddf2910]{font-size:.75rem;color:var(--text-secondary, #94a3b8);font-weight:500}.msg-subject[data-v-eddf2910]{font-weight:600;font-size:.875rem;color:var(--text, #1e293b);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-preview[data-v-eddf2910]{font-size:.85rem;color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.msg-preview .you-prefix[data-v-eddf2910]{color:var(--accent, #0D9488);font-weight:600}.unread-badge[data-v-eddf2910]{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--accent, #0D9488);color:#fff;border-radius:11px;font-size:.7rem;font-weight:700;flex-shrink:0}.msg-arrow[data-v-eddf2910]{flex-shrink:0;color:var(--text-secondary, #94a3b8);opacity:0;transition:all .2s;transform:translate(-4px)}.inbox-message-card:hover .msg-arrow[data-v-eddf2910]{opacity:1;transform:translate(0)}.detail-overlay[data-v-eddf2910]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.inbox-detail[data-v-eddf2910]{background:var(--card-bg, #fff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.detail-header[data-v-eddf2910]{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--card-border-day, rgba(0, 0, 0, .06));gap:1rem}.detail-header-content[data-v-eddf2910]{flex:1;min-width:0}.detail-type-badge[data-v-eddf2910]{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;background:#0000000f;color:var(--text-secondary, #64748b)}.detail-type-badge.type-warning[data-v-eddf2910]{background:#f59e0b26;color:#b45309}.detail-type-badge.type-lottery[data-v-eddf2910]{background:#22c55e26;color:#15803d}.detail-type-badge.type-admin[data-v-eddf2910]{background:#a855f726;color:#7c3aed}.detail-header h3[data-v-eddf2910]{margin:0;font-size:1.1rem;font-weight:600;color:var(--text, #1e293b);line-height:1.4}.detail-close-btn[data-v-eddf2910]{background:var(--card-bg-secondary, #f1f5f9);border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.detail-close-btn[data-v-eddf2910]:hover{background:var(--card-border-day, rgba(0, 0, 0, .1));color:var(--text, #1e293b)}.detail-meta[data-v-eddf2910]{display:flex;gap:1rem;align-items:center;padding:.875rem 1.5rem;background:var(--card-bg-secondary, #f8fafc);border-bottom:1px solid var(--card-border-day, rgba(0, 0, 0, .06))}.detail-avatar[data-v-eddf2910]{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:all .2s}.detail-avatar[data-v-eddf2910]:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.detail-avatar-img[data-v-eddf2910]{width:100%;height:100%;object-fit:cover}.detail-avatar-placeholder[data-v-eddf2910]{width:100%;height:100%;background:linear-gradient(135deg,var(--accent, #0D9488),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.meta-info[data-v-eddf2910]{flex:1}.meta-row[data-v-eddf2910]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary, #64748b)}.meta-row svg[data-v-eddf2910]{opacity:.6}.meta-value[data-v-eddf2910]{color:var(--text, #1e293b);font-weight:500}.detail-body[data-v-eddf2910]{padding:1.5rem;flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:1.7;font-size:.925rem;color:var(--text, #1e293b)}.detail-actions[data-v-eddf2910]{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid var(--card-border-day, rgba(0, 0, 0, .06));background:var(--card-bg, #fff)}.action-btn[data-v-eddf2910]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.btn-primary[data-v-eddf2910]{background:var(--accent, #0D9488);color:#fff}.btn-primary[data-v-eddf2910]:hover{background:var(--accent-dark, #0F766E);transform:translateY(-1px)}.btn-ghost[data-v-eddf2910]{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--card-border-day, rgba(0, 0, 0, .12))}.btn-ghost[data-v-eddf2910]:hover{background:var(--card-bg-secondary, #f1f5f9);color:var(--text, #1e293b)}.btn-danger[data-v-eddf2910]{background:#ef44441a;color:#dc2626}.btn-danger[data-v-eddf2910]:hover{background:#ef444433}.slide-up-enter-active[data-v-eddf2910]{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-leave-active[data-v-eddf2910]{transition:all .2s ease-out}.slide-up-enter-from[data-v-eddf2910],.slide-up-leave-to[data-v-eddf2910]{opacity:0}.slide-up-enter-from .inbox-detail[data-v-eddf2910]{transform:translateY(20px) scale(.98);opacity:0}.slide-up-enter-active .inbox-detail[data-v-eddf2910]{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-leave-active .inbox-detail[data-v-eddf2910]{transition:all .2s ease-out}.slide-up-leave-to .inbox-detail[data-v-eddf2910]{transform:translateY(10px) scale(.98);opacity:0}@media(max-width:600px){.inbox-modal-overlay[data-v-eddf2910]{padding:0}.inbox-modal[data-v-eddf2910]{width:100%;max-width:none;height:100vh;max-height:none;border-radius:0}.inbox-tabs[data-v-eddf2910]{padding:.5rem .75rem}.tab-text[data-v-eddf2910]{display:none}.inbox-tab[data-v-eddf2910]{padding:.5rem .75rem}.inbox-messages[data-v-eddf2910]{padding:.5rem}.message-card-inner[data-v-eddf2910]{padding:.875rem}.detail-overlay[data-v-eddf2910]{padding:0}.inbox-detail[data-v-eddf2910]{max-width:none;max-height:none;height:100vh;border-radius:0}}.nighttime .inbox-modal{background:#1e293b!important;border-color:#ffffff1a!important}.nighttime .inbox-header{background:linear-gradient(135deg,#14b8a6,#0f766e)!important}.nighttime .inbox-tabs{background:#1e293b!important;border-bottom-color:#ffffff14!important}.nighttime .inbox-content,.nighttime .inbox-messages{background:#111827!important}.nighttime .inbox-message-card{background:#1e293b!important;box-shadow:0 1px 3px #0000004d!important;border-color:transparent!important}.nighttime .inbox-message-card:hover{background:#263548!important;border-color:#14b8a6!important;box-shadow:0 4px 12px #00000040!important}.nighttime .inbox-message-card.unread{background:linear-gradient(135deg,#14b8a626,#0f766e26)!important;border-left-color:#14b8a6!important}.nighttime .unseen-chip{border-color:#14b8a673!important;background:#14b8a633!important;color:#5eead4!important}.nighttime .inbox-tab{border-color:#ffffff1a!important;color:#94a3b8!important;background:transparent!important}.nighttime .inbox-tab:hover{background:#ffffff0d!important;border-color:#ffffff26!important}.nighttime .inbox-tab.active{background:#14b8a6!important;border-color:#14b8a6!important;color:#fff!important}.nighttime .msg-sender,.nighttime .msg-subject{color:#f1f5f9!important}.nighttime .msg-type-label{color:#e2e8f0!important}.nighttime .msg-preview{color:#94a3b8!important}.nighttime .msg-time,.nighttime .msg-arrow{color:#64748b!important}.nighttime .inbox-loading{color:#94a3b8!important}.nighttime .loading-spinner{border-color:#ffffff1a!important;border-top-color:#14b8a6!important}.nighttime .empty-title{color:#e2e8f0!important}.nighttime .empty-subtitle{color:#64748b!important}.nighttime .inbox-detail{background:#1e293b!important}.nighttime .detail-header{border-bottom-color:#ffffff14!important}.nighttime .detail-header h3{color:#f1f5f9!important}.nighttime .detail-type-badge{background:#ffffff1a!important;color:#94a3b8!important}.nighttime .detail-type-badge.type-warning{background:#f59e0b33!important;color:#fbbf24!important}.nighttime .detail-type-badge.type-lottery{background:#22c55e33!important;color:#4ade80!important}.nighttime .detail-type-badge.type-admin{background:#a855f733!important;color:#c084fc!important}.nighttime .detail-meta{background:#0f172a!important;border-bottom-color:#ffffff14!important}.nighttime .meta-row{color:#64748b!important}.nighttime .meta-value{color:#e2e8f0!important}.nighttime .detail-close-btn{background:#ffffff1a!important;color:#94a3b8!important}.nighttime .detail-close-btn:hover{background:#ffffff26!important;color:#f1f5f9!important}.nighttime .detail-body{color:#e2e8f0!important}.nighttime .detail-actions{background:#1e293b!important;border-top-color:#ffffff14!important}.nighttime .btn-ghost{background:transparent!important;color:#94a3b8!important;border-color:#ffffff26!important}.nighttime .btn-ghost:hover{background:#ffffff1a!important;color:#f1f5f9!important}.nighttime .btn-danger{background:#ef444426!important;color:#f87171!important}.nighttime .btn-danger:hover{background:#ef444440!important}.nighttime .system-icon-wrapper{background:#ffffff14!important}.nighttime .system-message.type-warning .system-icon-wrapper{background:#f59e0b33!important}.nighttime .system-message.type-lottery .system-icon-wrapper{background:#22c55e33!important}.nighttime .system-message.type-admin .system-icon-wrapper{background:#a855f733!important}.nighttime .system-message.type-forum .system-icon-wrapper{background:#14b8a640!important}.nighttime .unread-indicator{border-color:#1e293b!important}.nighttime .inbox-modal .avatar-fallback .avatar-placeholder,.nighttime .inbox-modal .detail-avatar-placeholder{background:linear-gradient(135deg,#14b8a6,#0f766e)!important}.find-friends-modal-overlay[data-v-4e7d3957]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.daytime .find-friends-modal-overlay[data-v-4e7d3957]{background:#0006}.find-friends-modal[data-v-4e7d3957]{background:var(--panel-bg, #ffffff);border:1px solid var(--card-border, rgba(0, 0, 0, .08));border-radius:16px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000f;overflow:hidden}.nighttime .find-friends-modal[data-v-4e7d3957]{background:var(--panel-bg, rgba(30, 41, 59, .8));border-color:#ffffff14}.find-friends-header[data-v-4e7d3957]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--panel-bg, #ffffff);background-image:linear-gradient(180deg,#00000003,#00000008);border-bottom:1px solid var(--card-border, rgba(0, 0, 0, .06));flex-shrink:0}.nighttime .find-friends-header[data-v-4e7d3957]{background:var(--panel-bg, rgba(30, 41, 59, .8));background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:#ffffff0f}.find-friends-header-left[data-v-4e7d3957]{display:flex;align-items:center;gap:.75rem}.find-friends-icon[data-v-4e7d3957]{font-size:1.75rem}.find-friends-title[data-v-4e7d3957]{margin:0;font-size:1rem;font-weight:700;color:var(--text, #1e293b)}.nighttime .find-friends-title[data-v-4e7d3957]{color:#f1f5f9}.find-friends-subtitle[data-v-4e7d3957]{font-size:.8rem;color:var(--muted-400)}.find-friends-close-btn[data-v-4e7d3957]{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--muted-400);border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.find-friends-close-btn[data-v-4e7d3957]:hover{background:#80808026;color:var(--text)}.find-friends-content[data-v-4e7d3957]{flex:1;overflow-y:auto;padding:1.25rem;min-height:300px;background:var(--panel-bg, #ffffff)}.nighttime .find-friends-content[data-v-4e7d3957]{background:var(--panel-bg, rgba(30, 41, 59, .8))}.find-friends-loading[data-v-4e7d3957],.find-friends-empty[data-v-4e7d3957]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:.75rem}.find-friends-loading span[data-v-4e7d3957],.find-friends-empty .empty-title[data-v-4e7d3957]{font-size:.95rem;color:var(--text)}.find-friends-empty .empty-icon[data-v-4e7d3957]{font-size:3rem;opacity:.5}.find-friends-empty .empty-subtitle[data-v-4e7d3957]{font-size:.85rem;color:var(--muted-400)}.loading-spinner[data-v-4e7d3957]{width:32px;height:32px;border:3px solid rgba(128,128,128,.2);border-top-color:var(--accent);border-radius:50%;animation:spin-4e7d3957 1s linear infinite}.loading-spinner.small[data-v-4e7d3957]{width:20px;height:20px;border-width:2px}@keyframes spin-4e7d3957{to{transform:rotate(360deg)}}.find-friends-list[data-v-4e7d3957]{display:flex;flex-direction:column;gap:.5rem}.suggestion-card[data-v-4e7d3957]{background:#8080800d;border:1px solid rgba(128,128,128,.1);border-radius:12px;padding:.75rem;transition:all .2s ease}.suggestion-card[data-v-4e7d3957]:hover{background:#8080801a;border-color:#22d3ee33}.daytime .suggestion-card[data-v-4e7d3957]{background:#0f766e05;border-color:#0f766e14}.daytime .suggestion-card[data-v-4e7d3957]:hover{background:#0f766e0d;border-color:#0f766e26}.suggestion-card-inner[data-v-4e7d3957]{display:flex;align-items:center;gap:.75rem}.suggestion-avatar-wrapper[data-v-4e7d3957]{flex-shrink:0}.suggestion-info[data-v-4e7d3957]{flex:1;min-width:0}.suggestion-username[data-v-4e7d3957]{display:flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:500;color:var(--text);text-decoration:none;transition:color .15s ease}.suggestion-username[data-v-4e7d3957]:hover{text-decoration:underline}.suggestion-username .username-text[data-v-4e7d3957]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-meta[data-v-4e7d3957]{margin-top:.25rem}.mutual-friends[data-v-4e7d3957]{font-size:.8rem;color:#14b8a6}.daytime .mutual-friends[data-v-4e7d3957]{color:#0f766e}.discover-badge[data-v-4e7d3957]{font-size:.75rem;color:var(--muted-400)}.add-friend-btn[data-v-4e7d3957]{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:500;border:none;border-radius:8px;background:#22d3ee26;color:#14b8a6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-friend-btn[data-v-4e7d3957]:hover:not(:disabled){background:#22d3ee40}.add-friend-btn[data-v-4e7d3957]:disabled{cursor:not-allowed;opacity:.6}.add-friend-btn.sent[data-v-4e7d3957]{background:#22c55e26;color:#22c55e}.daytime .add-friend-btn[data-v-4e7d3957]{background:#0f766e1a;color:#0f766e}.daytime .add-friend-btn[data-v-4e7d3957]:hover:not(:disabled){background:#0f766e33}.daytime .add-friend-btn.sent[data-v-4e7d3957]{background:#22c55e1a;color:#16a34a}.btn-loading[data-v-4e7d3957]{width:14px;height:14px;border:2px solid rgba(128,128,128,.3);border-top-color:currentColor;border-radius:50%;animation:spin-4e7d3957 .8s linear infinite}.load-more-loading[data-v-4e7d3957],.no-more-suggestions[data-v-4e7d3957]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:.8rem;color:var(--muted-400)}.role-icon-badge[data-v-4e7d3957]{font-size:.85rem}@media(max-width:480px){.find-friends-modal[data-v-4e7d3957]{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;margin-top:auto}.find-friends-modal-overlay[data-v-4e7d3957]{align-items:flex-end;padding:0}}.modal[data-v-0ffda359]{display:flex;position:fixed;justify-content:center;align-items:center;inset:0;background-color:#000000b3;z-index:10000;animation:fadeIn-0ffda359 .2s ease-out}@keyframes fadeIn-0ffda359{0%{opacity:0}to{opacity:1}}@keyframes slideUp-0ffda359{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content[data-v-0ffda359]{background-color:transparent;margin:auto;padding:0;border:none;width:auto;height:auto;max-width:95vw;max-height:90vh;text-align:center;z-index:10001;position:relative;animation:slideUp-0ffda359 .25s ease-out;overflow:visible;display:flex;flex-direction:column}@media(max-width:480px){.modal-content[data-v-0ffda359]{max-width:100vw;max-height:85vh;margin:.5rem}}@media(max-height:600px){.modal-content[data-v-0ffda359]{max-height:95vh}}.modal-second[data-v-0ffda359]{z-index:10010}.modal-second .modal-content[data-v-0ffda359]{z-index:10011}.close-button[data-v-0ffda359]{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:#ffffff26;color:#ffffffe6;cursor:pointer;transition:all .15s ease;z-index:10}.close-button svg[data-v-0ffda359]{width:16px;height:16px}.close-button[data-v-0ffda359]:hover{background:#ffffff40;color:#fff;transform:scale(1.05)}.close-button[data-v-0ffda359]:active{transform:scale(.95)}.nighttime .close-button[data-v-0ffda359]{background:#ffffff14;color:#94a3b8}.nighttime .close-button[data-v-0ffda359]:hover{background:#ef444426;color:#f87171}.dm-dock{position:fixed;bottom:20px;right:16px;z-index:1000;display:flex;flex-direction:row;align-items:flex-end;gap:8px}.dm-avatar-tabs{display:flex;flex-direction:column;gap:6px;align-items:center}.dm-avatar-tab{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid transparent;background:var(--card-bg, #fff);cursor:pointer;transition:all .2s ease;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.dm-avatar-tab:hover{transform:scale(1.08);box-shadow:0 4px 12px #14b8a640}.dm-avatar-tab.active{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633}.dm-presence-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg, #fff);z-index:2}.dm-presence-dot.online{background:#22c55e}.dm-presence-dot.away{background:#facc15}.dm-presence-dot.offline{background:#94a3b8}.dm-avatar-wrapper{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6,#8b5cf6)}.dm-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.dm-avatar-fallback{color:#fff;font-size:14px;font-weight:600}.dm-avatar-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef44444d;border:2px solid var(--card-bg, #fff)}.dm-avatar-tooltip{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none}.dm-avatar-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#000000d9}.dm-avatar-tab:hover .dm-avatar-tooltip{opacity:1;visibility:visible}.dm-avatar-close{position:absolute;top:-4px;left:-4px;width:18px;height:18px;border-radius:50%;background:#ef4444e6;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;cursor:pointer;border:2px solid var(--card-bg, #fff)}.dm-avatar-tab:hover .dm-avatar-close{opacity:1}.dm-avatar-close:hover{background:#ef4444;transform:scale(1.1)}#app.popup-mode .navbar{display:none!important}.options-container{display:flex;align-items:center;position:relative;flex-direction:row}.arrow{display:inline-block;transition:transform .3s ease}.rotate{transform:rotate(90deg)}.nighttime .dropdown-menu{background-color:#1e293b}.daytime .dropdown-menu{background-color:#0f766e}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #0206172e;z-index:2600;padding:8px;width:220px;white-space:normal}.dropdown-menu a{display:block;padding:8px 10px;text-decoration:none;color:inherit;border-radius:8px}.dropdown-menu a:hover{background-color:#0000000a}.dropdown-profile{display:flex;gap:.6rem;align-items:center;padding:10px 8px;margin:4px 4px 0;border-bottom:none;text-decoration:none;color:inherit;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.dropdown-profile:hover{background-color:#0000000f}.dropdown-profile+.dropdown-list{border-top:1px solid rgba(0,0,0,.06);margin-top:6px;padding-top:6px}.dropdown-avatar-wrapper{width:44px;height:44px;flex-shrink:0}.dropdown-avatar-img{width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.dropdown-avatar-placeholder{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dropdown-avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.dropdown-name{display:flex;flex-direction:column}.dn-username{font-weight:700}.dn-role{font-size:.75rem;font-weight:600;opacity:.9}.dn-title{font-size:.8rem;opacity:.7}.dropdown-list{padding:6px 0}.dropdown-item{display:block;padding:8px 10px;border-radius:8px;color:inherit}.dropdown-item,.dropdown-profile{transition:background-color .16s ease,color .16s ease,transform .12s ease}.dropdown-item:focus-visible,.dropdown-profile:focus-visible{outline:2px solid rgba(20,184,166,.45);outline-offset:1px}.dropdown-item:hover,.dropdown-profile:hover{transform:translate(1px)}.daytime .dropdown-item:hover,.daytime .dropdown-profile:hover{background-color:#ffffff2e;color:#f8fafc}.nighttime .dropdown-item:hover,.nighttime .dropdown-profile:hover{background-color:#94a3b833;color:#f8fafc}.nighttime .dropdown-item.status-option.active{background-color:#2dd4bf3d}.dropdown-submenu{position:relative;margin-top:4px}.dropdown-submenu-trigger{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.submenu-arrow{opacity:.8;font-size:.75rem}.dropdown-submenu-panel{position:absolute;top:0;right:calc(100% - 6px);min-width:170px;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #0206172e;padding:8px;z-index:1001;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.dropdown-submenu.open .dropdown-submenu-panel{opacity:1;visibility:visible;transform:translate(0)}.nighttime .dropdown-submenu-panel{background-color:#1e293b}.daytime .dropdown-submenu-panel{background-color:#0f766e}.dropdown-item.status-option.active{font-weight:700;background-color:#14b8a624}.dropdown-item.danger{color:#e03d3d}.dropdown-divider{height:1px;margin:6px 0;background:#0000000a}.dropdown-item.danger:hover{background-color:#e03d3d14;color:#b62b2b}.nighttime .dropdown-item.danger:hover{background-color:#f8717129;color:#fecaca}.user-badge{display:flex;align-items:center;gap:.6rem;cursor:pointer}.user-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.user-avatar.placeholder{display:flex;align-items:center;justify-content:center}.account-login-container .user-badge{padding-left:.75rem}.navbar-admin-btn{margin-left:.5rem;padding-left:.25rem}.user-greeting{font-size:.95rem}.role-icon{font-size:.75rem;line-height:1;margin-right:.15rem}.role-icon.super-admin-icon{filter:drop-shadow(0 0 3px rgba(234,179,8,.6))}.role-icon.admin-icon{filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}.role-icon.mod-icon{filter:drop-shadow(0 0 2px rgba(34,197,94,.4))}.role-icon.donator-icon{filter:drop-shadow(0 0 2px rgba(168,85,247,.4))}.username{font-weight:700}.username.username-super_admin{color:#eab308!important}.username.username-admin{color:#ef4444!important}.username.username-moderator{color:#22c55e!important}.username.username-donator{color:#a855f7!important}.username.username-suspended{color:#000!important;font-style:italic}.username.username-banned{color:#000!important;text-decoration:line-through;font-style:italic}.dn-username.username-super_admin{color:#eab308!important}.dn-username.username-admin{color:#ef4444!important}.dn-username.username-moderator{color:#22c55e!important}.dn-username.username-donator{color:#a855f7!important}.dn-username.username-suspended{color:#000!important;font-style:italic}.dn-username.username-banned{color:#000!important;text-decoration:line-through;font-style:italic}.dn-role.username-super_admin{color:#eab308!important}.dn-role.username-admin{color:#ef4444!important}.dn-role.username-moderator{color:#22c55e!important}.dn-role.username-donator{color:#a855f7!important}.dn-role.username-suspended{color:#000!important;font-style:italic}.dn-role.username-banned{color:#000!important;text-decoration:line-through;font-style:italic}.navbar-admin-btn{position:relative;display:flex;align-items:center;gap:.3rem;padding:.4rem .7rem;margin-right:.75rem;font-size:.9rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.navbar-admin-btn:hover{background:#14b8a633;border-color:#14b8a680}.navbar-inbox-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:.4rem .7rem;margin-right:.75rem;font-size:.9rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;color:currentColor}.navbar-inbox-btn:hover{background:#10b98133;border-color:#10b98180}.navbar-admin-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;color:#fff;background:#ef4444;border-radius:999px;display:flex;align-items:center;justify-content:center}.navbar-inbox-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;color:#fff;background:#10b981;border-radius:999px;display:flex;align-items:center;justify-content:center}html,body{min-height:100vh;margin:0;padding:0;overflow-x:hidden;font-family:Roboto,sans-serif}:root{--logo-offset: 56px;--auth-offset: 160px}.navbar{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:2500;width:100%;height:4rem;-webkit-user-select:none;user-select:none;overflow:visible}.navbar-container{display:flex;align-items:center;justify-content:center;background:#fff;width:100%;max-width:1100px;padding:0 16rem 0 4.25rem;box-sizing:border-box;height:100%}.navbar-logo-container{position:absolute;left:0;top:0;height:100%;width:auto;display:flex;align-items:center;justify-content:flex-start;z-index:5;padding:0;box-sizing:border-box;overflow:visible}.popup-navbar{justify-content:center;min-height:50px}.popup-navbar-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.popup-navbar .navbar-logo-container{position:relative;left:auto}#app.popup-mode .navbar-logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;z-index:60;pointer-events:none}.popup-logo-disabled{pointer-events:none;cursor:default}.popup-room-name{font-size:.85rem;font-weight:600;color:var(--text-color);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.nav-links-container{position:absolute;left:var(--logo-offset);right:var(--auth-offset);top:50%;transform:translateY(-50%);display:flex;gap:1.5rem;align-items:center;justify-content:center;pointer-events:auto;z-index:2}.router-link,.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;padding:.5rem .75rem;min-width:48px;border-radius:8px;transition:background .15s ease}.router-link:hover,.nav-link:hover{background:#ffffff1a}.icon-text-display{font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:0;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);white-space:nowrap;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;transition:opacity .15s ease;pointer-events:none;z-index:100}.router-link:hover .icon-text-display{opacity:1}.navbar .button-icon{width:24px;height:24px;display:block;transition:transform .15s ease}.navbar-logo{height:auto;max-height:4rem;width:auto;max-width:100%;object-fit:contain;display:block}.navbar-logo-container{padding:0 .25rem;box-sizing:border-box;overflow:hidden}.account-login-container{position:absolute;right:.2rem;top:0;height:100%;display:flex;align-items:center;gap:.35rem;font-size:.82rem}.auth-actions .auth-btn,.account-login-container .auth-btn{min-width:64px;padding:4px 6px;font-size:.8rem;height:26px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.auth-actions{gap:.5rem}.navbar a{color:#343a40;text-decoration:none}.navbar-logo-container{width:14rem;height:100%;padding-left:.75rem;overflow:hidden}.navbar-logo{height:100%;max-height:4rem;width:100%;background-color:inherit;display:block;object-fit:contain;transform:scale(1.3)}.router-link:hover .button-icon{transform:scale(1.1)}.daytime .router-link:hover .button-icon{filter:brightness(2)}.nighttime .router-link:hover .button-icon{filter:brightness(1.3)}.daytime .navbar-logo:hover,.nighttime .navbar-logo:hover{filter:brightness(1.2)}.router-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.button-icon{width:24px;height:24px;transition:filter .15s ease,transform .15s ease}main{flex-grow:1;overflow:auto;background-color:var(--bg);color:var(--text)}#app{width:100%}.app-main{padding-top:4rem;box-sizing:border-box}#app.popup-mode .app-main{padding-top:0}#app.popup-mode{display:flex;flex-direction:column;min-height:100vh}#app.popup-mode main{flex:1;padding:0;margin:0}#app.fullscreen-mode{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}#app.fullscreen-mode .app-main{flex:1;padding:0;margin:0;height:100vh;overflow:hidden}.daytime,.nighttime{background-color:var(--bg);color:var(--text)}.daytime .navbar-container,.nighttime .navbar-container{background-color:inherit}.nighttime .navbar-container .icon-text-display{color:#fff}.nighttime .navbar-container .button-icon{filter:invert(1)}.daytime .navbar{background-color:#0f766e}.nighttime .navbar{background-color:#1e293b}.daytime .navbar-logo{background-color:inherit}.nighttime .navbar-logo{filter:invert(1)}.daytime .footer{background-color:#0f766e;color:#fff}.nighttime .footer{background-color:#1e293b;color:#f1f5f9}.footer{margin-top:0;width:100%;box-shadow:0 -2px 4px #00000014;text-align:center;font-size:.9em;padding:.6rem .8rem;position:relative}.footer-inner{max-width:1100px;margin:0 auto}.footer-text{opacity:.95}.account-login-container{display:flex;align-items:center;font-family:Roboto,sans-serif;margin-left:auto;font-size:.85rem;width:auto;gap:.5rem}.nighttime .account-login-container a{color:#fff}.account-login-container .router-link:hover{text-decoration:underline;font-weight:700}.auth-actions{display:flex;flex-direction:row;gap:.5rem;align-items:center}.auth-btn{padding:.35rem .6rem;border-radius:999px;font-weight:700;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-align:center;font-size:.9rem;width:6.6rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.auth-btn span{line-height:1}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06)}.btn-primary{background:linear-gradient(180deg,#2d6cdf,#1651b4);color:#fff;box-shadow:0 6px 18px #14285a24,inset 0 -2px #ffffff05}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #14285a2e}.btn-primary:active{transform:translateY(0);opacity:.95}.btn-primary:focus{outline:3px solid rgba(45,108,223,.22);outline-offset:2px}.btn-outline{background:#ffffff0a;color:inherit;border:1px solid rgba(255,255,255,.12)}.btn-outline:hover{background:#ffffff0f;transform:translateY(-1px)}.auth-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 38px #0a1e5029,inset 0 -2px #ffffff05}.auth-btn:active{transform:translateY(-1px) scale(1);box-shadow:0 8px 18px #0a1e501f}.auth-btn:focus{outline:3px solid rgba(45,108,223,.18);outline-offset:3px}.auth-link{background:transparent;border:none;color:#ffffffeb;text-decoration:underline;padding:.2rem .25rem;cursor:pointer;font-size:.9rem}@media(max-width:1100px){.navbar-container{padding-right:14rem}.nav-links-container{gap:.5rem}.router-link,.nav-link{padding:.4rem .5rem;min-width:40px}.auth-actions{gap:.3rem}.auth-btn{width:auto;min-width:auto;padding:.3rem .5rem;font-size:.75rem}}@media(max-width:899px){.navbar-container{padding-right:12rem}.nav-links-container{gap:.25rem}.router-link,.nav-link{padding:.35rem .4rem;min-width:36px}.auth-actions{flex-direction:row;align-items:center;gap:.25rem}.auth-btn{width:auto;min-width:auto;padding:.2rem .4rem;font-size:.65rem;height:24px}.account-login-container{width:auto}}#wrapper{display:flex;justify-content:center;max-width:100%;margin:0 auto;overflow-x:hidden}@media screen and (min-width:768px){#wrapper{max-width:1920px}}.nighttime .modal-content{background-color:#000;color:#fff}.mobile-auth-divider,.mobile-auth-item{display:none}.submit-button{padding:10px;background-color:#008cba;color:#fff;border:none;cursor:pointer;border-radius:5px}.submit-button:hover{opacity:.8}.nighttime #clientTextInput{background-color:#373a40}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer;z-index:10}.hamburger-line{width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.daytime .hamburger-line{background:#fff}.nighttime .hamburger-line{background:#f1f5f9}.nav-label{display:none;font-size:.9rem;font-weight:500;margin-left:.75rem}@media(max-width:1024px){.navbar-container{padding-left:5rem;padding-right:13rem}.account-login-container{gap:.25rem;max-width:48vw;overflow:hidden}.account-login-container .user-greeting{display:none}.account-login-container .user-badge{padding-left:.25rem;gap:.35rem}.navbar-admin-btn,.navbar-inbox-btn{margin-right:.35rem;padding:.35rem .55rem}.navbar-admin-btn{margin-left:.2rem}.account-login-container{right:.5rem}.auth-actions{flex-direction:row;align-items:center;gap:.3rem}.auth-btn{font-size:.68rem;padding:3px 8px;height:24px;min-width:auto;width:auto}}@media(max-width:768px){.navbar{height:3.5rem}.options-container{flex-shrink:0;min-width:0}.navbar-logo-container{width:auto;min-width:120px;max-width:150px;padding:.25rem .5rem}.navbar-logo{max-height:2.75rem;min-height:2.5rem;width:auto}.mobile-menu-toggle{display:flex;position:absolute;left:var(--logo-offset);right:var(--auth-offset);margin:0 auto;top:50%;transform:translateY(-50%);padding-right:6px}.navbar-container{position:fixed;top:3.5rem;left:0;right:0;background:inherit;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;box-shadow:0 4px 12px #00000026;z-index:100}.daytime .navbar-container{background:#0f766e}.nighttime .navbar-container{background:#1e293b}.navbar-container.mobile-open{max-height:450px;padding:.5rem 0}.nav-links-container{flex-direction:column;gap:0;padding:0}.router-link,.nav-link{flex-direction:row;justify-content:flex-start;padding:.75rem 1.5rem;border-radius:0;width:100%;box-sizing:border-box}.router-link:hover,.nav-link:hover{background:#ffffff26}.nav-label{display:block;color:#fff}.nighttime .nav-label{color:#f1f5f9}.navbar .button-icon{width:22px;height:22px}.mobile-auth-divider{display:block;height:1px;background:#ffffff26;margin:.5rem 1rem}.mobile-auth-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:.75rem 1.5rem;width:100%;box-sizing:border-box;background:transparent;border:none;cursor:pointer;color:#fff;font-size:.9rem;font-weight:500;transition:background .15s ease}.mobile-auth-item:hover{background:#ffffff26}.mobile-auth-icon{width:22px;height:22px;margin-right:.75rem;flex-shrink:0}.nighttime .mobile-auth-item{color:#f1f5f9}.account-login-container .auth-actions,.icon-text-display{display:none}.account-login-container{right:.5rem;gap:.22rem;max-width:48vw;overflow:hidden}.account-login-container .user-badge{padding-left:0!important;gap:.3rem}.account-login-container .user-greeting{display:none}.user-avatar,.dropdown-avatar{width:32px;height:32px}.navbar-admin-btn,.navbar-inbox-btn{margin-right:.2rem;margin-left:0;padding:.3rem .45rem}.auth-actions{flex-direction:row;gap:.25rem}.auth-btn{font-size:.65rem;padding:3px 6px;min-width:auto}.auth-btn[aria-label="Account recovery"]{display:none}main{margin-top:3.5rem;padding-left:0;padding-right:0}}@media(max-width:480px){.navbar{height:3.25rem}.navbar-logo-container{min-width:100px;max-width:130px;padding:.25rem .4rem}.navbar-logo{max-height:2.5rem;min-height:2.25rem}.mobile-menu-toggle{width:36px;height:36px;padding:6px}.hamburger-line{width:18px}.navbar-container{top:3.25rem}.router-link,.nav-link{padding:.65rem 1.25rem}.navbar .button-icon{width:20px;height:20px}.account-login-container{right:.25rem;gap:.15rem;max-width:52vw}.navbar-admin-btn,.navbar-inbox-btn{padding:.24rem .36rem;margin-right:.12rem}.auth-btn{font-size:.6rem;padding:2px 5px;height:22px}.auth-btn[aria-label="Create account"]{display:none}main{margin-top:3.25rem}.user-badge{padding:.25rem .5rem}.user-greeting{display:none}.username{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}}@media(max-width:360px){.navbar-logo-container{min-width:90px;max-width:110px}.navbar-logo{max-height:2.25rem;min-height:2rem}.auth-btn[aria-label="Log in"] span{font-size:.55rem}}.broadcast-banner-container{position:fixed;top:4rem;left:0;right:0;z-index:2;display:flex;flex-direction:column;gap:0}.broadcast-banner{display:flex;align-items:center;padding:12px 20px;gap:12px;border-bottom:1px solid rgba(0,0,0,.1);animation:broadcastPulse .5s ease-out}@keyframes broadcastPulse{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.daytime .broadcast-info{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-bottom-color:#0f766e4d}.daytime .broadcast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom-color:#d977064d}.daytime .broadcast-maintenance{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-bottom-color:#7c3aed4d}.daytime .broadcast-update{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-color:#0596694d}.daytime .broadcast-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-bottom-color:#16a34a4d}.daytime .broadcast-urgent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-bottom-color:#dc26264d}.nighttime .broadcast-info{background:linear-gradient(135deg,#115e59,#1e3a8a);color:#e0e7ff;border-bottom-color:#1e40af80}.nighttime .broadcast-warning{background:linear-gradient(135deg,#b45309,#92400e);color:#fef3c7;border-bottom-color:#b4530980}.nighttime .broadcast-maintenance{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#ede9fe;border-bottom-color:#6d28d980}.nighttime .broadcast-update{background:linear-gradient(135deg,#047857,#065f46);color:#d1fae5;border-bottom-color:#04785780}.nighttime .broadcast-success{background:linear-gradient(135deg,#15803d,#166534);color:#dcfce7;border-bottom-color:#15803d80}.nighttime .broadcast-urgent{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fee2e2;border-bottom-color:#b91c1c80}.broadcast-icon{flex-shrink:0;font-size:1.25rem;display:flex;align-items:center;justify-content:center;animation:broadcastIconBounce 1s ease-in-out infinite}@keyframes broadcastIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.broadcast-content{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.broadcast-message{font-size:.95rem;font-weight:500;line-height:1.4}.broadcast-meta{font-size:.8rem;opacity:.85;font-style:italic;white-space:nowrap}.broadcast-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff26;color:currentColor;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.broadcast-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}.broadcast-dismiss:active{transform:scale(.95)}.broadcast-dismiss svg{width:16px;height:16px}.broadcast-slide-enter-active,.broadcast-slide-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.broadcast-slide-enter-from,.broadcast-slide-leave-to{opacity:0;max-height:0;transform:translateY(-20px)}.broadcast-slide-enter-to,.broadcast-slide-leave-from{opacity:1;max-height:200px;transform:translateY(0)}.server-connection-pill{position:fixed;left:12px;bottom:12px;z-index:1300;display:inline-flex;align-items:center;gap:0;padding:6px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;color:#e2e8f0;font-size:.76rem;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #00000047;pointer-events:auto}.server-connection-pill-indicator{width:9px;height:9px;border-radius:999px;display:inline-block;flex:0 0 auto}.server-connection-pill-text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-left:0;transition:max-width .2s ease,opacity .2s ease,margin-left .2s ease}.server-connection-pill.show-text{gap:8px;padding-right:10px}.server-connection-pill.show-text .server-connection-pill-text{max-width:320px;opacity:1;margin-left:2px}.server-connection-pill.state-connecting .server-connection-pill-indicator{background:#facc15;box-shadow:0 0 0 4px #facc1533}.server-connection-pill.state-connected .server-connection-pill-indicator{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.server-connection-pill.state-error .server-connection-pill-indicator{background:#ef4444;box-shadow:0 0 0 4px #ef444433}@media(max-width:768px){.broadcast-banner-container{top:3.5rem}.broadcast-banner{padding:10px 14px;gap:10px}.broadcast-icon{font-size:1.1rem}.broadcast-message{font-size:.85rem}.broadcast-meta{font-size:.75rem;display:none}.broadcast-dismiss{width:28px;height:28px}.broadcast-dismiss svg{width:14px;height:14px}}@media(max-width:480px){.broadcast-banner-container{top:3.25rem}.broadcast-banner{padding:8px 12px;gap:8px}.broadcast-message{font-size:.8rem}}.site-footer[data-v-9868dd26]{position:static;width:100%;box-shadow:0 -2px 4px #00000014;font-size:.9em;padding:.6rem 1rem}.site-footer .footer-inner[data-v-9868dd26]{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.footer-left[data-v-9868dd26],.footer-right[data-v-9868dd26]{flex:1}.footer-left[data-v-9868dd26]{text-align:left}.footer-center[data-v-9868dd26]{text-align:center}.footer-right[data-v-9868dd26]{text-align:right}.footer-nav[data-v-9868dd26]{display:inline-flex;align-items:center;gap:.4rem}.footer-divider[data-v-9868dd26]{opacity:.5;-webkit-user-select:none;user-select:none}.site-footer .footer-text[data-v-9868dd26]{opacity:.95;white-space:pre-line}.site-footer.daytime[data-v-9868dd26]{background-color:#0f766e;color:#fff}.site-footer.nighttime[data-v-9868dd26]{background-color:#1e293b;color:#f1f5f9}.footer-link[data-v-9868dd26]{font-size:.85em;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-link[data-v-9868dd26]:hover{opacity:1;text-decoration:underline}.site-footer.daytime .footer-link[data-v-9868dd26]{color:#fff}.site-footer.nighttime .footer-link[data-v-9868dd26]{color:#94a3b8}@media(max-width:600px){.site-footer .footer-inner[data-v-9868dd26]{flex-direction:column;text-align:center}.footer-left[data-v-9868dd26],.footer-center[data-v-9868dd26],.footer-right[data-v-9868dd26]{flex:none;text-align:center;width:100%}.footer-left[data-v-9868dd26]{order:2}.footer-center[data-v-9868dd26]{order:1}.footer-right[data-v-9868dd26]{order:3}}:root{--accent-500: #0F766E;--accent-400: #14B8A6;--accent-600: #115E59;--accent-cyan: #0EA5A0;--muted-600: #1e293b;--muted-400: #64748b;--bg-day: #f8fafc;--card-bg-day: #ffffff;--card-border-day: rgba(15, 118, 110,.12);--card-border-night: rgba(34,211,238,.12);--shadow-1: 0 8px 22px rgba(15,23,42,.1);--glass-light: rgba(255,255,255,.6);--text-light: #ffffff}.daytime{--bg: var(--bg-day);--card-bg: var(--card-bg-day);--card-border: var(--card-border-day);--accent: var(--accent-500);--text: #1e293b;--link-color: #0F766E;--link-hover: #115E59}.nighttime{--bg: #0f172a;--card-bg: rgba(30,41,59,.85);--card-border: var(--card-border-night);--accent: var(--accent-cyan);--text: #f1f5f9;--link-color: #fbbf24;--link-hover: #f59e0b}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Roboto,Arial,sans-serif;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto}iframe{max-width:100%}table{display:block;width:100%;overflow-x:auto}a{color:var(--link-color, #0F766E);transition:color .2s ease}a:hover{color:var(--link-hover, #115E59)}.u-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border-day);box-shadow:var(--shadow-1);padding:1rem}.u-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;border:none;cursor:pointer;font-weight:700}.u-btn--primary{background:linear-gradient(180deg,var(--accent-400),var(--accent-500));color:#fff}.u-btn--ghost{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--muted-600)}.u-muted{color:var(--muted-400)}.u-small{font-size:.85rem}.row{display:flex;gap:1rem}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.u-input{padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:transparent}.u-input:focus{outline:none;box-shadow:0 0 0 4px #0f766e1a;border-color:var(--accent-500)}.daytime .u-input{background:#fff;border-color:var(--card-border-day)}.nighttime .u-input{background:#1e293b80;border-color:#22d3ee1f}.u-soft-shadow{box-shadow:0 6px 18px #02061714}.u-transition{transition:all .12s ease}.container{max-width:1100px;margin:0 auto;padding:1rem}.home-container{display:flex;gap:1rem;align-items:flex-start;padding:1rem;box-sizing:border-box}.left-sidebar,.right-sidebar{width:260px;flex:0 0 260px}.home-content{flex:1 1 auto;min-width:0}#wrapper{display:flex;flex-direction:column;min-height:100vh}#app{flex:1;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}#app>main{flex:1}html,body{height:auto!important;overflow-y:auto!important}@media(max-width:1024px){.left-sidebar,.right-sidebar{width:220px;flex:0 0 220px}.container{padding:.85rem}}@media(max-width:820px){.home-container{flex-direction:column;padding:.6rem}.left-sidebar,.right-sidebar{width:100%;flex:0 0 auto}.home-content{width:100%}.member-shout-out-avatar{display:flex;gap:.6rem;align-items:center}}@media(max-width:480px){.left-sidebar,.right-sidebar{padding:.5rem}.navbar{padding:.25rem .4rem}.navbar-logo-container{width:72px}.auth-button{padding:6px 8px;font-size:.78rem}.member-shout-out-username{font-size:.95rem}}@media(max-width:820px){input,textarea,select,button{font-size:16px}.modal-content,[class*=modal-content],[class*=modal-container],[class*=dialog],[class*=form-modal]{width:min(96vw,680px)!important;min-width:0!important;max-width:96vw!important}}.show-on-mobile{display:none}@media(max-width:820px){.show-on-mobile{display:block}}.list-sep li{border-bottom:1px solid rgba(0,0,0,.06);padding:.5rem 0}.daytime .list-sep li{border-color:#00000014}.nighttime .list-sep li{border-color:#ffffff0f}.header{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:.5rem .75rem;border-radius:6px 6px 0 0;font-weight:800;color:var(--text)}.daytime .header{background:linear-gradient(180deg,#0f766ee6,#0f766ebf);color:#fff;border-bottom:1px solid rgba(17,94,89,.25);box-shadow:inset 0 -6px 12px #0f172a14}.nighttime .header{background:linear-gradient(180deg,#1e293bd9,#1e293ba6);color:#14b8a6;border-bottom:1px solid rgba(34,211,238,.15);box-shadow:inset 0 -6px 10px #00000040}.sidebar-container{background:var(--card-bg);border-radius:0 0 6px 6px;padding:.6rem;border:1px solid var(--card-border-day)}.daytime .sidebar-container{background:#fff;border-color:var(--card-border-day);color:var(--muted-600)}.nighttime .sidebar-container{background:#1e293b99;border-color:#22d3ee1f;color:#f1f5f9}.member-of-the-day-container{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.daytime .member-of-the-day-container{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#0f766e1a;color:var(--muted-600)}.nighttime .member-of-the-day-container{background:#1e293b80;border-color:#22d3ee1f;color:#f1f5f9}.action-btn{padding:.4rem .6rem;border-radius:8px;font-weight:700}.btn-primary{background:linear-gradient(90deg,var(--accent-400),var(--accent-500));color:#fff;border:none}.btn-ghost{background:transparent;border:1px dashed rgba(0,0,0,.06);color:var(--muted-600)}.daytime .btn-ghost{border-color:#0f766e1f;color:var(--muted-600)}.nighttime .btn-ghost{border-color:#22d3ee26;color:#f1f5f9}.stat-card{background:linear-gradient(135deg,#00d4ff0d,#00d4ff05);border-radius:8px;padding:.5rem;color:var(--text)}.daytime .stat-card{background:#fff;color:var(--muted-600);border:1px solid rgba(15,118,110,.1)}.nighttime .stat-card{background:#1e293b80;color:#f1f5f9;border:1px solid rgba(34,211,238,.12)}.center-header{display:flex;align-items:center;gap:.5rem;padding:.4rem;border-radius:6px}.daytime .center-header{background:linear-gradient(90deg,#0f766e1f,#0f766e0f);color:#1e293b}.nighttime .center-header{background:#1e293b80;color:#14b8a6}.section-title{padding:.35rem .5rem;border-radius:6px 6px 0 0;font-weight:800;display:inline-block}.daytime .section-title{background:linear-gradient(180deg,#0f766e26,#0f766e14);color:var(--text)}.nighttime .section-title{background:#1e293b80;color:#14b8a6}svg{color:var(--text);stroke:currentColor;fill:none}.dd-icon,.user-avatar-icon,.auth-button svg{color:inherit}.button-icon{width:18px;height:18px;display:inline-block;vertical-align:middle}.daytime .button-icon{filter:none!important;opacity:1}.nighttime .button-icon{filter:invert(1)!important}.daytime .dropdown-menu{color:var(--text)}.daytime .dropdown-menu .dd-icon{color:var(--text);stroke:currentColor;fill:none;opacity:1;filter:none!important}.daytime .dropdown-menu .dropdown-item-title,.daytime .dropdown-menu .dropdown-sub{color:var(--text)}.nighttime .dropdown-menu .dd-icon{color:#fff;filter:none}.username-super_admin{color:#fbbf24!important;font-weight:700!important;text-shadow:0 0 4px rgba(251,191,36,.3)}.username-admin{color:#ef4444!important;font-weight:700!important}.username-moderator{color:#22c55e!important;font-weight:700!important}.username-donator{color:#8b5cf6!important;font-weight:600!important}.username-suspended{color:#f97316!important;font-weight:600!important;opacity:.7}.username-banned{color:#6b7280!important;font-weight:600!important;text-decoration:line-through;opacity:.6}.role-icon{margin-right:4px;font-size:.9em;vertical-align:middle}.super-admin-icon{filter:drop-shadow(0 0 3px rgba(251,191,36,.5))}.admin-icon{filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}.mod-icon{filter:drop-shadow(0 0 2px rgba(34,197,94,.4))}.donator-icon{filter:drop-shadow(0 0 2px rgba(139,92,246,.4))}.leader-super_admin{color:#fbbf24!important;font-weight:700!important}.leader-admin{color:#ef4444!important;font-weight:700!important}.leader-moderator{color:#22c55e!important;font-weight:700!important}.leader-donator{color:#8b5cf6!important;font-weight:600!important}.leader-suspended{color:#f97316!important;opacity:.7}.leader-banned{color:#6b7280!important;text-decoration:line-through;opacity:.6}.role-badge.super_admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-badge.moderator{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.role-badge.donator{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.clickable-username{text-decoration:none;cursor:pointer;transition:opacity .15s ease}.clickable-username:hover{opacity:.85}.role-icon-badge{text-decoration:none!important;display:inline;margin-right:2px}.clickable-username .username-text{text-decoration:none}.clickable-username:hover .username-text{text-decoration:underline}.clickable-username .role-icon-badge,.clickable-username:hover .role-icon-badge{text-decoration:none!important}.clickable-username.username-super_admin{color:#fbbf24!important}.clickable-username.username-admin{color:#ef4444!important}.clickable-username.username-moderator{color:#22c55e!important}.clickable-username.username-donator{color:#8b5cf6!important}.instant-tooltip{position:relative;isolation:isolate}.instant-tooltip[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;background:#0f172a;color:#f1f5f9;font-size:.7rem;padding:4px 8px;border-radius:6px;pointer-events:none;z-index:2147483000;box-shadow:0 2px 8px #0000002e;opacity:1}.instant-tooltip[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172a;pointer-events:none;z-index:2147483000}.instant-tooltip:hover{opacity:1!important}.forum-code-block .hljs-keyword,.forum-code-block .hljs-selector-tag,.forum-code-block .hljs-literal,.forum-code-block .hljs-doctag,.forum-code-block .hljs-name{color:var(--color-primary, #60a5fa);font-weight:600}.forum-code-block .hljs-string,.forum-code-block .hljs-attr,.forum-code-block .hljs-template-variable,.forum-code-block .hljs-regexp{color:var(--color-success, #34d399)}.forum-code-block .hljs-number,.forum-code-block .hljs-symbol,.forum-code-block .hljs-bullet,.forum-code-block .hljs-meta{color:var(--color-warning, #fbbf24)}.forum-code-block .hljs-comment,.forum-code-block .hljs-quote{color:var(--color-text-muted, #94a3b8);font-style:italic}.forum-code-block .hljs-title,.forum-code-block .hljs-function,.forum-code-block .hljs-type,.forum-code-block .hljs-class .hljs-title{color:var(--color-info, #38bdf8)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}