: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-cgl1zj{user-select:none;color:inherit}a{color:inherit;text-decoration:inherit}.icon-wrap{display:flex;align-items:center;justify-content:center}.character-detail.svelte-cgl1zj{height:100%;display:flex;flex-direction:column;background:var(--color-background)}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj){padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .back-button:where(.svelte-cgl1zj){justify-content:center;padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .back-button:where(.svelte-cgl1zj):hover{transform:translateY(-1px);filter:brightness(1.1)}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .back-button:where(.svelte-cgl1zj):hover{color:var(--color-primary)}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .edit-button:where(.svelte-cgl1zj){justify-content:center;padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9em;transition:background-color .2s}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .edit-button:where(.svelte-cgl1zj):hover{transform:translateY(-1px);filter:brightness(1.1)}.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .edit-button:where(.svelte-cgl1zj):hover{background:var(--color-primary-dark)}@media (max-width: 48em){.character-detail.svelte-cgl1zj .header:where(.svelte-cgl1zj) .edit-button:where(.svelte-cgl1zj){padding:var(--spacing-xs) var(--spacing-sm);font-size:.8em}}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj){flex:1;overflow-y:auto;padding:var(--spacing-lg)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj){display:grid;grid-template-columns:minmax(150px,256px) 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj){grid-template-columns:1fr}}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj){position:relative;width:100%;max-width:20em;aspect-ratio:2/3;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);margin:0 auto}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj){position:relative;width:100%;height:100%}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) img:where(.svelte-cgl1zj){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) .zoom-overlay:where(.svelte-cgl1zj){position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;cursor:pointer}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) .zoom-overlay:where(.svelte-cgl1zj) i:where(.svelte-cgl1zj){color:#fff;font-size:2em}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj):hover .zoom-overlay:where(.svelte-cgl1zj){opacity:1}@media (max-width: 768px){.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .image-section:where(.svelte-cgl1zj){aspect-ratio:1/1}}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) h1:where(.svelte-cgl1zj){margin:0;font-size:2em;color:var(--color-text)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .stats:where(.svelte-cgl1zj){display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:0}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .stats:where(.svelte-cgl1zj) .stat:where(.svelte-cgl1zj){display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9em}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .stats:where(.svelte-cgl1zj) .stat:where(.svelte-cgl1zj) i:where(.svelte-cgl1zj){color:var(--color-primary)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .description:where(.svelte-cgl1zj){margin:var(--spacing-md) 0;line-height:1.6;color:var(--color-text);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .personality:where(.svelte-cgl1zj){margin:var(--spacing-md) 0}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .personality:where(.svelte-cgl1zj) h3:where(.svelte-cgl1zj){margin:0 0 var(--spacing-xs) 0;font-size:1.1em;color:var(--color-text)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .personality:where(.svelte-cgl1zj) p:where(.svelte-cgl1zj){margin:0;color:var(--color-text-secondary);line-height:1.6;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions:where(.svelte-cgl1zj){margin-top:var(--spacing-lg)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions:where(.svelte-cgl1zj) .primary:where(.svelte-cgl1zj){justify-content:center;padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);font-size:1em}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions:where(.svelte-cgl1zj) .primary:where(.svelte-cgl1zj):hover{transform:translateY(-1px);filter:brightness(1.1)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions:where(.svelte-cgl1zj) .primary:where(.svelte-cgl1zj):hover{background:var(--color-primary-dark)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions.mobile-only:where(.svelte-cgl1zj){display:none}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions.desktop-only:where(.svelte-cgl1zj){display:block}@media (max-width: 768px){.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions.mobile-only:where(.svelte-cgl1zj){display:block;margin-top:0}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .main-info:where(.svelte-cgl1zj) .info-section:where(.svelte-cgl1zj) .actions.desktop-only:where(.svelte-cgl1zj){display:none}}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj){background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tabs:where(.svelte-cgl1zj){display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tabs:where(.svelte-cgl1zj) .tab:where(.svelte-cgl1zj){justify-content:center;padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer;transition:all .2s ease;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tabs:where(.svelte-cgl1zj) .tab:where(.svelte-cgl1zj):hover{transform:translateY(-1px);filter:brightness(1.1)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tabs:where(.svelte-cgl1zj) .tab:where(.svelte-cgl1zj):hover{background:var(--color-surface-active)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tabs:where(.svelte-cgl1zj) .tab.active:where(.svelte-cgl1zj){color:var(--color-primary);background:var(--color-surface);border-bottom:2px solid var(--color-primary)}.character-detail.svelte-cgl1zj .content:where(.svelte-cgl1zj) .tabs-section:where(.svelte-cgl1zj) .tab-content:where(.svelte-cgl1zj){padding:var(--spacing-lg);min-height:300px}.loading.svelte-cgl1zj,.error.svelte-cgl1zj{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary);gap:var(--spacing-md)}.loading.svelte-cgl1zj i:where(.svelte-cgl1zj),.error.svelte-cgl1zj i:where(.svelte-cgl1zj){font-size:2em}.error.svelte-cgl1zj button:where(.svelte-cgl1zj){display:flex;align-items:center;justify-content:center;padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md);background:var(--color-primary);color:#fff}.error.svelte-cgl1zj button:where(.svelte-cgl1zj):hover{transform:translateY(-1px);filter:brightness(1.1)}.error.svelte-cgl1zj button:where(.svelte-cgl1zj):hover{background:var(--color-primary-dark)}.gallery-tab.svelte-cgl1zj .image-grid:where(.svelte-cgl1zj){display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:var(--spacing-md);width:70%;margin:0}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj){position:relative;width:100%;padding-top:150%;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface)}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj){position:absolute;top:0;left:0;width:100%;height:100%}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) img:where(.svelte-cgl1zj){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) img:where(.svelte-cgl1zj):hover{transform:scale(1.05)}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) .zoom-overlay:where(.svelte-cgl1zj){position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;cursor:pointer}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj) .zoom-overlay:where(.svelte-cgl1zj) i:where(.svelte-cgl1zj){color:#fff;font-size:1.5em}.gallery-tab.svelte-cgl1zj .gallery-image:where(.svelte-cgl1zj) .image-container:where(.svelte-cgl1zj):hover .zoom-overlay:where(.svelte-cgl1zj){opacity:1}.title-row.svelte-cgl1zj{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:1em}.title-row.svelte-cgl1zj h1:where(.svelte-cgl1zj){margin:0;flex:1}@media (max-width: 768px){.title-row.svelte-cgl1zj{margin-bottom:.5em}}.like-button.svelte-cgl1zj{display:flex;align-items:center;gap:.5em;padding:.5em 1em;border:none;border-radius:20px;background:var(--color-background-light);color:var(--color-text);cursor:pointer;transition:all .2s ease}.like-button.svelte-cgl1zj:hover:not(:disabled){background:var(--color-background-lighter)}.like-button.liked.svelte-cgl1zj{color:#ff4b4b;background:#ff4b4b1a}.like-button.liked.svelte-cgl1zj:hover:not(:disabled){background:#ff4b4b33}.like-button.svelte-cgl1zj:disabled{opacity:.7;cursor:not-allowed}.like-button.svelte-cgl1zj i:where(.svelte-cgl1zj){font-size:1.2em}.like-button.svelte-cgl1zj .likes-count:where(.svelte-cgl1zj){font-weight:500;min-width:1em}.clickable.svelte-cgl1zj{cursor:pointer}.image-viewer.svelte-cgl1zj{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.image-viewer.svelte-cgl1zj .image-container:where(.svelte-cgl1zj){position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-viewer.svelte-cgl1zj .image-container:where(.svelte-cgl1zj) img:where(.svelte-cgl1zj){max-width:100%;max-height:90vh;object-fit:contain}.image-viewer.svelte-cgl1zj .close-button:where(.svelte-cgl1zj){position:absolute;top:1em;right:1em;background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:.5em;z-index:1001}.image-viewer.svelte-cgl1zj .close-button:where(.svelte-cgl1zj):hover{color:var(--color-primary)}.image-viewer.svelte-cgl1zj .nav-button:where(.svelte-cgl1zj){position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:1.5em;padding:1em;cursor:pointer;transition:all .2s ease}.image-viewer.svelte-cgl1zj .nav-button:where(.svelte-cgl1zj):hover{background:#000c}.image-viewer.svelte-cgl1zj .nav-button.prev:where(.svelte-cgl1zj){left:1em}.image-viewer.svelte-cgl1zj .nav-button.next:where(.svelte-cgl1zj){right:1em}