:root{--color-background: #121214;--color-surface: #1a1a1d;--color-surface-light: rgba(255, 255, 255, .05);--color-surface-lighter: rgba(50, 50, 50, 1);--color-surface-variant: rgba(255, 255, 255, .1);--color-surface-bright: rgba(255, 255, 255, .15);--color-surface-highlight: rgba(255, 255, 255, .3);--color-surface-dark: rgba(0, 0, 0, .1);--color-surface-darker: rgba(0, 0, 0, .2);--color-surface-disabled: rgba(30, 30, 30, 1);--color-primary: rgb(255, 62, 143);--color-primary-dark: #e62e7a;--color-primary-darker: #cc2066;--color-primary-light: rgba(255, 62, 143, .1);--color-secondary: rgb(139, 92, 246);--color-secondary-light: rgba(139, 92, 246, .1);--color-third: #74ff52;--color-fourth: #3b99fc;--color-sub-70: rgba(255, 62, 204, .6);--color-gray-100: #e1e1e6;--color-gray-200: #c4c4cc;--color-gray-300: #8d8d99;--color-gray-400: #7c7c8a;--color-gray-500: #505059;--color-gray-600: #323238;--color-gray-700: #29292e;--color-gray-800: #202024;--color-gray-900: #121214;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .2);--color-border-bright: rgba(255, 255, 255, .3);--color-error: #ff4d4d;--color-error-light: rgba(255, 77, 77, .1);--color-error-dark: #c82333;--color-disabled: rgba(255, 255, 255, .2);--color-success: #4CAF50;--color-success-light: rgba(76, 175, 80, .1);--color-warning: #FFC107;--color-warning-light: rgba(255, 193, 7, .1);--color-warning-dark: #E0A800;--color-info: #2196F3;--color-info-light: rgba(33, 150, 243, .1);--color-premium: #FFD700;--color-premium-dark: #E0A800;--color-premium-light: rgba(255, 215, 0, .1);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .1);--color-background-light: rgba(255, 255, 255, .02);--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .4);--color-white: #ffffff;--color-black: #000000;--spacing-xs: .25em;--spacing-sm: .5em;--spacing-md: 1em;--spacing-lg: 1.5em;--spacing-xl: 2em;--spacing-2xl: 2.5em;--sidebar-width: 17.5em;--sidebar-collapsed-width: 4.375em;--header-height: 4em;--main-top-padding: 0;--main-bottom-padding: 0;--mobile-top-height: 0em;--mobile-bottom-height: 0em;--mobile-bottom-padding: 0em;--mobile-bottom-position: calc(0em - env(safe-area-inset-bottom)) ;--mobile-bottom-inner-padding: calc(var(--main-top-padding) + var(--mobile-bottom-height));--border-radius: .25em;--radius-sm: .25em;--radius-md: .5em;--radius-lg: 1em;--radius-xl: 1.5em;--radius-2xl: 2em;--modal-background: var(--color-surface);--modal-border: var(--color-border);--modal-shadow: 0 8px 32px rgba(0, 0, 0, .15);--modal-overlay: rgba(0, 0, 0, .7);--modal-blur: blur(.1em);--modal-border-radius: .75rem;--modal-padding: 1.5rem;--modal-padding-sm: 1.25rem;--modal-transition: all .3s cubic-bezier(.4, 0, .2, 1);--modal-hover-transform: translateY(-2px);--modal-hover-shadow: 0 12px 40px rgba(0, 0, 0, .2);--color-blue: #3b82f6;--color-green: #10b981;--color-yellow: #f59e0b;--color-purple: #8b5cf6;--color-red: #ef4444;--color-indigo: #6366f1;--color-sky: #0ea5e9;--color-gray: #64748b;--default-font-family: monospace, sans-serif;--msg-context-bg-user: rgba(100, 100, 100, .5);--msg-context-bg-character: rgba(0, 0, 0, .5);--msg-context-shadow-user: 0 0 .75em .25em rgba(100, 100, 100, .25) inset, 0 0 1.5em .5em rgba(100, 100, 100, .25) inset;--msg-context-shadow-character: 0 0 .75em .25em rgba(0, 0, 0, .25) inset, 0 0 1.5em .5em rgba(0, 0, 0, .25) inset;--scrollbar-thumb-color: rgba(255, 255, 255, .3);--scrollbar-track-color: transparent;--color-funnel-bar-bg: #c4c4cc;--color-metric-unique: #10b981;--color-metric-active: #f59e0b;--color-metric-signup: #6366f1;--color-metric-subscription: #ef4444;--color-metric-new: #3b82f6;--color-metric-returning: #a21caf;--color-metric-pageviews: #0ea5e9;--color-stat-experience-bg: linear-gradient(135deg, #ffd700, #ffed4e);--color-stat-experience-text: #8b6914;--color-stat-experience-border: #ffd700;--color-stat-message-bg: linear-gradient(135deg, #4CAF50, #66BB6A);--color-stat-message-text: #ffffff;--color-stat-message-border: #4CAF50;--color-stat-image-bg: linear-gradient(135deg, #2196F3, #42A5F5);--color-stat-image-text: #ffffff;--color-stat-image-border: #2196F3;--color-stat-ec-bg: linear-gradient(135deg, #9C27B0, #BA68C8);--color-stat-ec-text: #ffffff;--color-stat-ec-border: #9C27B0}@media (max-width: 48em){:root{--sidebar-width: 100vw;--sidebar-collapsed-width: 0;--spacing-md: .75em;--spacing-lg: 1em;--spacing-xl: 1.25em;--spacing-2xl: 1.5em;--main-top-padding: max(0em, env(safe-area-inset-top));--main-bottom-padding: max(0em, env(safe-area-inset-bottom));--mobile-bottom-bar-height: 4em;--mobile-bottom-height: 4em;--mobile-bottom-position: calc(0em - env(safe-area-inset-bottom)) ;--mobile-bottom-padding: calc(var(--mobile-bottom-height) + var(--main-bottom-padding) + 5.5em);--mobile-bottom-inner-padding: calc(var(--main-top-padding) + var(--mobile-bottom-height))}}button.svelte-cyef6f{user-select:none;color:inherit}a{color:inherit;text-decoration:inherit}.icon-wrap{display:flex;align-items:center;justify-content:center}.chat-rooms-header.svelte-cyef6f{display:flex;align-items:center;justify-content:space-between;padding:2em}.view-toggle.svelte-cyef6f{position:absolute;top:2em;right:2em;z-index:1}.toggle-button.svelte-cyef6f{background:var(--color-surface);border:none;border-radius:50%;width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s;box-shadow:0 2px 4px #0000001a}.toggle-button.svelte-cyef6f:hover{background:var(--color-surface-hover)}.toggle-button.active.svelte-cyef6f{background:var(--color-primary);color:#fff}.chat-rooms-container.svelte-cyef6f{height:calc(100% - var(--mobile-bottom-inner-padding));overflow-y:auto;position:relative;padding-bottom:var(--mobile-bottom-padding)}.chat-rooms-list.svelte-cyef6f{display:flex;flex-direction:column;gap:1em;padding:0 1em 1em}.character-group.svelte-cyef6f{background:var(--color-surface);border-radius:.5em;overflow:hidden}.character-header.svelte-cyef6f{display:flex;align-items:center;padding:1em;background:var(--color-surface-variant);cursor:pointer;transition:background-color .2s}.character-header.svelte-cyef6f:hover{background:var(--color-surface-hover)}.group-info.svelte-cyef6f{flex:1;margin-left:1em}.character-image.svelte-cyef6f{width:2.5em;height:2.5em;border-radius:50%;overflow:hidden}.character-image.svelte-cyef6f img:where(.svelte-cyef6f){width:100%;height:100%;object-fit:cover}.placeholder-image.svelte-cyef6f{width:100%;height:100%;background:var(--color-surface-variant);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.character-name.svelte-cyef6f{margin:0;font-size:1.1em;font-weight:600}.room-count.svelte-cyef6f{font-size:.8em;color:var(--color-text-secondary)}.chat-rooms.svelte-cyef6f{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.chat-rooms.expanded.svelte-cyef6f{max-height:1000px}.chat-room-item.svelte-cyef6f{display:flex;align-items:center;gap:1em;padding:1em;cursor:pointer;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-surface-variant)}.chat-room-item.svelte-cyef6f:last-child{border-bottom:none}.chat-room-item.svelte-cyef6f:hover{background:var(--color-surface-hover)}.chat-info.svelte-cyef6f{flex:1;min-width:0}.chat-header.svelte-cyef6f{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:.25em;gap:1em}.chat-meta.svelte-cyef6f{display:flex;align-items:center;gap:.5em;font-size:.8em;color:var(--color-text-secondary)}.last-message.svelte-cyef6f{margin:0;font-size:.9em;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge.svelte-cyef6f{background:var(--color-primary);color:#fff;border-radius:.75em;padding:.1em .5em;font-size:.75em;font-weight:600}.chat-date.svelte-cyef6f{white-space:nowrap}.delete-button.svelte-cyef6f{background:none;border:none;color:var(--color-error);padding:.5em;cursor:pointer;opacity:0;transition:opacity .2s}.chat-room-item.svelte-cyef6f:hover .delete-button:where(.svelte-cyef6f){opacity:1}.delete-button.svelte-cyef6f:hover{color:var(--color-error-dark)}.loading.svelte-cyef6f,.error.svelte-cyef6f,.empty.svelte-cyef6f{text-align:center;padding:2em;color:var(--color-text-secondary)}.loading-more.svelte-cyef6f{text-align:center;padding:1em;color:var(--color-text-secondary)}@media (max-width: 480px){.delete-button.svelte-cyef6f{opacity:1}}.my-chats-page.svelte-zutb97{width:100%;height:100%;overflow:hidden}