@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";.app-toast[data-v-ce610c5f]{position:fixed;left:50%;bottom:16px;transform:translate(-50%);min-width:min(92vw,320px);max-width:min(92vw,560px);padding:11px 14px;border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:var(--z-toast);pointer-events:none}.app-toast.is-success[data-v-ce610c5f]{background:var(--toast-success-bg);border-color:var(--toast-success-border);color:var(--color-white)}.app-toast.is-error[data-v-ce610c5f]{background:var(--toast-error-bg);border-color:var(--toast-error-border);color:var(--color-white)}.toast-fade-enter-active[data-v-ce610c5f],.toast-fade-leave-active[data-v-ce610c5f]{transition:opacity var(--transition-fast),transform var(--transition-fast)}.toast-fade-enter-from[data-v-ce610c5f],.toast-fade-leave-to[data-v-ce610c5f]{opacity:0;transform:translate(-50%,8px)}.cookie-banner[data-v-7a083652]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(92vw,560px);background:var(--surface-panel-glass-strong);border:1px solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));padding:14px 18px;display:flex;align-items:center;gap:var(--space-4);z-index:var(--z-banner);flex-wrap:wrap}.cookie-text[data-v-7a083652]{flex:1;font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5;min-width:200px}.cookie-link[data-v-7a083652]{color:var(--button-link-text);text-decoration:underline;white-space:nowrap}.cookie-dismiss[data-v-7a083652]{flex-shrink:0;min-height:var(--button-height-sm);padding:0 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text);white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.cookie-dismiss[data-v-7a083652]:hover{border-color:var(--border-emphasis);background:var(--button-secondary-bg-hover);color:var(--text-primary);transform:translateY(-1px)}.cookie-slide-enter-active[data-v-7a083652],.cookie-slide-leave-active[data-v-7a083652]{transition:opacity .2s ease,transform .2s ease}.cookie-slide-enter-from[data-v-7a083652],.cookie-slide-leave-to[data-v-7a083652]{opacity:0;transform:translate(-50%) translateY(16px)}:root{--font-body: "Inter", system-ui, sans-serif;--font-heading: "Poppins", system-ui, sans-serif;--line-height-body: 1.5;--line-height-heading: 1.2;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-hero: 3.5rem;--overlay-backdrop: rgba(0, 0, 0, .75);--bg-black: #000000;--color-facebook: #166fe5;--color-success: #10b981;--color-success-hover: #34d399;--color-warning: #facc15;--color-danger: #fb7185;--color-danger-hover: #fda4af;--color-danger-strong: #e11d48;--color-danger-strong-hover: #be123c;--color-danger-soft: rgba(244, 63, 94, .1);--color-white: #ffffff;--color-black: #000000;--color-slate: #334155;--color-slate-muted: #64748b;--color-premium: #fbbf24;--space-1: 4px;--space-2: 8px;--space-3: clamp(10px, 1.5vw, 12px);--space-4: clamp(12px, 2vw, 16px);--space-5: clamp(14px, 2.5vw, 20px);--space-6: clamp(16px, 3vw, 24px);--space-8: clamp(20px, 4vw, 32px);--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--blur-xs: 2px;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--blur-xl: 16px;--blur-2xl: 24px;--duration-fast: .12s;--duration-base: .22s;--duration-slow: .26s;--ease: ease;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: var(--duration-fast) var(--ease);--transition-base: var(--duration-base) var(--ease);--z-base: 1;--z-raised: 10;--z-modal: 500;--z-dropdown: 1000;--z-banner: 9000;--z-toast: 9999;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--container-max: 1200px;--app-shell-max: 960px;--page-card-min-height: min(760px, calc(100dvh - 124px) );--page-gutter: clamp(16px, 4vw, 24px);--surface-page: var(--bg-primary);--surface-page-alt: var(--bg-secondary);--surface-panel: var(--bg-panel);--surface-panel-alt: var(--bg-elevated);--surface-panel-glass: var(--panel-glass);--surface-panel-glass-strong: var(--panel-glass-strong);--surface-float: var(--surface-panel-glass);--surface-float-strong: var(--surface-panel-glass-strong);--surface-float-hover: color-mix(in srgb, var(--surface-panel-glass) 82%, white);--text-primary: var(--text-title);--text-secondary: var(--text-normal);--text-tertiary: var(--text-muted);--text-accent: var(--color-accent);--text-placeholder: color-mix(in srgb, var(--text-tertiary) 82%, transparent);--control-height-sm: 38px;--control-height-md: 44px;--control-height-lg: 52px;--control-padding-x: 14px;--control-radius: 12px;--control-border: var(--border-default);--control-border-strong: var(--border-emphasis);--control-text: var(--text-primary);--field-label: var(--text-tertiary);--field-label-active: var(--text-secondary);--field-hint: var(--text-tertiary);--field-message-error: var(--status-danger-text);--field-message-warning: var(--status-warning-text);--field-message-success: var(--status-success-text);--input-bg: var(--control-bg);--input-border: var(--border-default);--control-state-error-bg: color-mix(in srgb, var(--status-danger-bg) 72%, var(--control-bg));--control-state-error-bg-hover: color-mix(in srgb, var(--status-danger-bg) 92%, var(--control-bg-hover));--control-state-error-border: var(--status-danger-border);--control-state-error-border-hover: color-mix(in srgb, var(--status-danger-border) 84%, white 10%);--control-state-error-ring: 0 0 0 2px rgba(244, 63, 94, .22);--control-state-warning-bg: color-mix(in srgb, var(--status-warning-bg) 70%, var(--control-bg));--control-state-warning-bg-hover: color-mix(in srgb, var(--status-warning-bg) 92%, var(--control-bg-hover));--control-state-warning-border: var(--status-warning-border);--control-state-warning-border-hover: color-mix(in srgb, var(--status-warning-border) 82%, white 10%);--control-state-warning-ring: 0 0 0 2px rgba(250, 204, 21, .2);--control-state-success-bg: color-mix(in srgb, var(--status-success-bg) 72%, var(--control-bg));--control-state-success-bg-hover: color-mix(in srgb, var(--status-success-bg) 92%, var(--control-bg-hover));--control-state-success-border: var(--status-success-border);--control-state-success-border-hover: color-mix(in srgb, var(--status-success-border) 84%, white 10%);--control-state-success-ring: 0 0 0 2px rgba(16, 185, 129, .2);--control-state-locked-bg: color-mix(in srgb, var(--surface-panel-alt) 86%, transparent);--control-state-locked-bg-hover: color-mix(in srgb, var(--surface-panel-alt) 78%, white 8%);--control-state-locked-border: color-mix(in srgb, var(--border-default) 88%, white 4%);--control-state-locked-border-hover: color-mix(in srgb, var(--border-emphasis) 82%, white 8%);--control-state-locked-text: color-mix(in srgb, var(--text-tertiary) 88%, white 6%);--button-height-sm: 36px;--button-height-md: 44px;--button-height-lg: 52px;--button-radius: 14px;--btn-font-weight: 600;--btn-letter-spacing: .05em;--btn-padding-y: 12px;--btn-padding-x: 28px;--button-primary-bg: var(--color-accent-strong);--button-primary-bg-hover: var(--color-accent-strong-hover);--button-primary-text: var(--text-primary);--button-primary-border: transparent;--button-accent-bg: var(--color-brand-blue-strong);--button-accent-bg-hover: var(--color-brand-blue-strong-hover);--button-accent-text: var(--text-primary);--button-accent-border: transparent;--button-secondary-border: var(--border-default);--button-secondary-text: var(--text-primary);--button-success-bg: var(--color-success);--button-success-bg-hover: var(--color-success-hover);--button-success-text: var(--text-inverse);--button-success-border: transparent;--button-danger-bg: var(--color-danger-soft);--button-danger-bg-hover: var(--color-danger-strong);--button-danger-text: var(--color-danger);--button-danger-text-hover: var(--text-primary);--button-danger-border: var(--color-danger);--button-ghost-text: var(--text-secondary);--button-link-text: var(--color-accent);--button-link-text-hover: var(--color-accent-hover);--status-neutral-bg: rgba(148, 163, 184, .16);--status-neutral-border: rgba(148, 163, 184, .28);--status-neutral-text: var(--text-secondary);--status-neutral-dot: var(--color-slate-muted);--status-neutral-glow: none;--status-success-bg: rgba(16, 185, 129, .2);--status-success-border: rgba(16, 185, 129, .36);--status-success-text: var(--color-success-hover);--status-success-dot: var(--color-success-hover);--status-success-glow: 0 0 10px rgba(16, 185, 129, .45);--status-warning-bg: rgba(250, 204, 21, .2);--status-warning-border: rgba(250, 204, 21, .38);--status-warning-text: var(--color-warning);--status-warning-dot: var(--color-warning);--status-warning-glow: 0 0 10px rgba(250, 204, 21, .4);--status-danger-bg: rgba(244, 63, 94, .18);--status-danger-border: rgba(244, 63, 94, .34);--status-danger-text: var(--color-danger);--status-danger-dot: var(--color-danger);--status-danger-glow: 0 0 10px rgba(244, 63, 94, .45);--badge-radius: var(--radius-full);--badge-height-sm: 18px;--badge-height-md: 24px;--badge-padding-x-sm: 6px;--badge-padding-x-md: 10px;--badge-font-size-sm: 10px;--badge-font-size-md: 11px;--badge-gap-sm: 4px;--badge-gap-md: 6px;--badge-dot-size: 7px;--badge-neutral-bg: var(--surface-panel-soft);--badge-neutral-border: var(--border-muted);--badge-neutral-text: var(--text-secondary);--badge-accent-bg: var(--button-primary-bg);--badge-accent-border: color-mix(in srgb, var(--button-primary-bg) 55%, white 10%);--badge-accent-text: var(--button-primary-text);--badge-info-bg: var(--status-info-bg);--badge-info-border: var(--status-info-border);--badge-info-text: var(--status-info-text);--badge-success-bg: var(--status-success-bg);--badge-success-border: var(--status-success-border);--badge-success-text: var(--status-success-text);--badge-warning-bg: var(--status-warning-bg);--badge-warning-border: var(--status-warning-border);--badge-warning-text: var(--status-warning-text);--badge-danger-bg: var(--status-danger-bg);--badge-danger-border: var(--status-danger-border);--badge-danger-text: var(--status-danger-text);--badge-premium-bg: rgba(251, 191, 36, .18);--badge-premium-border: rgba(251, 191, 36, .35);--badge-premium-text: var(--color-premium);--switch-track-w: 44px;--switch-track-h: 24px;--switch-thumb-size: 18px;--switch-track-bg: var(--surface-panel-alt);--switch-track-border: var(--border-default);--switch-thumb-bg: var(--text-tertiary);--switch-track-checked-bg: rgba(16, 185, 129, .22);--switch-track-checked-border: rgba(16, 185, 129, .42);--switch-thumb-checked-bg: var(--color-success);--tab-gap: 8px;--tab-padding: 10px 14px;--tab-font-size: var(--text-xs);--tab-font-weight: 600;--tab-color: var(--text-tertiary);--tab-color-active: var(--text-primary);--tab-bg-active: var(--surface-page-alt);--tab-border-active: var(--border-default);--seg-gap: 6px;--seg-padding: 6px 10px;--seg-font-size: var(--text-xs);--seg-font-weight: 600;--seg-color: var(--text-tertiary);--seg-color-active: var(--button-accent-text);--seg-bg-active: var(--button-accent-bg);--icon-button-size-sm: 36px;--icon-button-size-md: 38px;--icon-button-size-lg: 52px;--icon-button-radius-soft: var(--radius-md);--icon-button-radius-round: var(--radius-full);--icon-button-secondary-bg: var(--surface-page-alt);--icon-button-secondary-bg-hover: var(--surface-panel-soft);--icon-button-secondary-border: var(--border-default);--icon-button-secondary-border-hover: var(--border-accent);--icon-button-secondary-text: var(--text-primary);--icon-button-floating-bg: var(--surface-float-strong);--icon-button-floating-bg-hover: var(--surface-float-hover);--icon-button-floating-border: var(--border-emphasis);--icon-button-floating-border-hover: var(--border-accent);--icon-button-floating-text: var(--text-secondary);--icon-button-accent-bg: var(--button-accent-bg);--icon-button-accent-bg-hover: var(--button-accent-bg-hover);--icon-button-accent-border: transparent;--icon-button-accent-text: var(--button-accent-text);--icon-button-success-bg: color-mix(in srgb, var(--button-success-bg) 20%, transparent);--icon-button-success-bg-hover: var(--button-success-bg);--icon-button-success-border: var(--button-success-bg);--icon-button-success-text: var(--button-success-bg);--icon-button-success-text-hover: var(--button-success-text);--icon-button-danger-bg: var(--button-danger-bg);--icon-button-danger-bg-hover: var(--button-danger-bg-hover);--icon-button-danger-border: var(--button-danger-border);--icon-button-danger-text: var(--button-danger-text);--icon-button-danger-text-hover: var(--button-danger-text-hover);--icon-button-badge-size: var(--badge-height-sm);--icon-button-badge-bg: var(--badge-accent-bg);--icon-button-badge-text: var(--badge-accent-text);--icon-button-badge-border: var(--surface-page-alt);--card-radius: 18px;--card-padding-sm: var(--space-4);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--card-border: var(--border-default);--card-shadow: var(--shadow-lg);--empty-state-bg: var(--surface-panel-soft);--empty-state-border: var(--border-default);--empty-state-border-dashed: var(--border-muted);--empty-state-icon: var(--text-tertiary);--empty-state-title: var(--text-primary);--empty-state-copy: var(--text-tertiary);--empty-state-padding-md: var(--space-5);--empty-state-padding-lg: var(--space-8);--modal-panel-bg: var(--surface-panel);--modal-panel-padding: var(--space-6);--toast-success-bg: rgba(5, 150, 105, .88);--toast-success-border: rgba(4, 120, 87, .96);--toast-error-bg: rgba(220, 38, 38, .88);--toast-error-border: rgba(185, 28, 28, .96);--dropdown-width: 220px;--dropdown-max-height: 260px;--color-message-other-bg: var(--surface-panel-alt);--color-message-other-text: var(--text-primary);--color-chart-amber: #f59e0b;--color-chart-green: #16a34a;--color-chart-blue: #3b82f6;--color-chart-cyan: #06b6d4;--color-chart-emerald: #10b981;--color-chart-rose: #f43f5e;--color-chart-green-soft: #6ee7b7;--color-chart-rose-soft: #fca5a5;--color-chart-amber-soft: #fcd34d;--color-premium-focus-ring: 0 0 0 2px rgba(251, 191, 36, .3);--color-premium-border: var(--color-premium);--overlay-photo: rgba(0, 0, 0, .7);--overlay-photo-soft: rgba(0, 0, 0, .55);--video-watermark-bg: rgba(0, 0, 0, .12);--video-watermark-color: rgba(255, 255, 255, .52);--color-mac-dot-red: #ff5f57;--color-mac-dot-yellow: #ffbd2f;--color-mac-dot-green: #28c840}[data-theme=brown]{--bg-primary: #1a1816;--bg-secondary: #1e1c18;--bg-panel: #272522;--bg-elevated: #302e2b;--panel-glass: rgba(26, 24, 22, .85);--panel-glass-strong: rgba(26, 24, 22, .95);--text-title: #e8e6e3;--text-normal: #d4d2ce;--text-muted: #8a8784;--text-inverse: #1a1816;--text-soft: #f0ede8;--color-accent: #81b64c;--color-accent-hover: #99cc5e;--color-accent-strong: #5c9934;--color-accent-strong-hover: #4d8029;--color-accent-soft: rgba(129, 182, 76, .15);--color-brand-blue: #81b64c;--color-brand-blue-hover: #99cc5e;--color-brand-blue-strong: #5c9934;--color-brand-blue-strong-hover: #4d8029;--border-accent: rgba(129, 182, 76, .42);--focus-ring: 0 0 0 2px rgba(129, 182, 76, .4);--focus-ring-blue: 0 0 0 3px rgba(129, 182, 76, .15);--focus-ring-blue-strong: 0 0 0 3px rgba(129, 182, 76, .18);--status-info-bg: rgba(129, 182, 76, .15);--status-info-border: rgba(129, 182, 76, .32);--status-info-text: #81b64c;--status-info-dot: #81b64c;--status-info-glow: 0 0 10px rgba(129, 182, 76, .35);--card-bg: linear-gradient(180deg, rgba(39, 37, 34, .95), rgba(26, 24, 22, .98));--color-message-own-bg: #5c9934;--color-message-own-bg-hover: #4d8029;--color-message-own-text: #ffffff;--color-message-own-meta: #e8f5d0;--landing-bg: radial-gradient(circle at top, rgba(129, 182, 76, .08), transparent 30%), linear-gradient(180deg, #1a1816 0%, #1e1c18 34%, #272522 100%);--landing-highlight: #99cc5e;--landing-cta-bg: linear-gradient(135deg, #5c9934, #81b64c);--landing-cta-bg-hover: linear-gradient(135deg, #4d8029, #5c9934);--landing-cta-ready-border: rgba(129, 182, 76, .4);--landing-cta-ready-shadow: 0 0 0 3px rgba(129, 182, 76, .12);--landing-chat-outgoing: linear-gradient(135deg, #5c9934, #81b64c);--landing-hero-self-glow: rgba(129, 182, 76, .2);--landing-hero-self-bg: linear-gradient(160deg, #1e2a14 0%, #1a2310 46%, #161d0d 100%);--landing-hero-stranger-glow: rgba(92, 153, 52, .2);--landing-hero-stranger-bg: linear-gradient(160deg, #1e2a14 0%, #191f10 50%, #141a0c 100%);--navbar-glass-bg: rgba(26, 24, 22, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--btn-shadow-hover: 0 6px 20px rgba(0, 0, 0, .35);--overlay-soft: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-strong: rgba(255, 255, 255, .15);--surface-panel-soft: rgba(255, 255, 255, .03);--border-muted: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .15);--hover-overlay: rgba(255, 255, 255, .05);--active-overlay: rgba(255, 255, 255, .1);--control-bg: rgba(255, 255, 255, .04);--control-bg-hover: rgba(255, 255, 255, .06);--control-bg-disabled: rgba(255, 255, 255, .025);--button-secondary-bg: rgba(255, 255, 255, .045);--button-secondary-bg-hover: rgba(255, 255, 255, .08);--card-bg-soft: rgba(255, 255, 255, .02);--modal-backdrop: rgba(8, 10, 18, .72);--scrollbar-thumb: rgba(255, 255, 255, .15)}[data-theme=blue]{--bg-primary: #0a0c14;--bg-secondary: #0f172a;--bg-panel: #111827;--bg-elevated: #1f2937;--panel-glass: rgba(15, 23, 42, .8);--panel-glass-strong: rgba(15, 23, 42, .9);--text-title: #f9fafb;--text-normal: #e5e7eb;--text-muted: #94a3b8;--text-inverse: #000000;--text-soft: #f1f5f9;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-strong: #4f46e5;--color-accent-strong-hover: #4338ca;--color-accent-soft: rgba(99, 102, 241, .15);--color-brand-blue: #60a5fa;--color-brand-blue-hover: #93c5fd;--color-brand-blue-strong: #2563eb;--color-brand-blue-strong-hover: #1d4ed8;--border-accent: rgba(99, 102, 241, .42);--focus-ring: 0 0 0 2px rgba(99, 102, 241, .4);--focus-ring-blue: 0 0 0 3px rgba(30, 136, 229, .15);--focus-ring-blue-strong: 0 0 0 3px rgba(30, 136, 229, .18);--status-info-bg: rgba(59, 130, 246, .2);--status-info-border: rgba(59, 130, 246, .36);--status-info-text: #60a5fa;--status-info-dot: #60a5fa;--status-info-glow: 0 0 10px rgba(59, 130, 246, .4);--card-bg: linear-gradient(180deg, rgba(17, 24, 39, .92), rgba(10, 16, 26, .96));--color-message-own-bg: #2563eb;--color-message-own-bg-hover: #1d4ed8;--color-message-own-text: #ffffff;--color-message-own-meta: #eff6ff;--landing-bg: radial-gradient(circle at top, rgba(40, 115, 255, .16), transparent 30%), linear-gradient(180deg, #0a0f18 0%, #0d1320 34%, #111827 100%);--landing-highlight: #6eb4ff;--landing-cta-bg: linear-gradient(135deg, #3b82f6, #60a5fa);--landing-cta-bg-hover: linear-gradient(135deg, #2563eb, #3b82f6);--landing-cta-ready-border: rgba(96, 165, 250, .4);--landing-cta-ready-shadow: 0 0 0 3px rgba(59, 130, 246, .12);--landing-chat-outgoing: linear-gradient(135deg, #3b82f6, #60a5fa);--landing-hero-self-glow: rgba(96, 165, 250, .28);--landing-hero-self-bg: linear-gradient(160deg, #14263d 0%, #0f1728 46%, #0b1220 100%);--landing-hero-stranger-glow: rgba(34, 197, 94, .2);--landing-hero-stranger-bg: linear-gradient(160deg, #12231a 0%, #101824 50%, #0b1220 100%);--navbar-glass-bg: rgba(10, 12, 20, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--btn-shadow-hover: 0 6px 20px rgba(0, 0, 0, .35);--overlay-soft: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-strong: rgba(255, 255, 255, .15);--surface-panel-soft: rgba(255, 255, 255, .03);--border-muted: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .15);--hover-overlay: rgba(255, 255, 255, .05);--active-overlay: rgba(255, 255, 255, .1);--control-bg: rgba(255, 255, 255, .04);--control-bg-hover: rgba(255, 255, 255, .06);--control-bg-disabled: rgba(255, 255, 255, .025);--button-secondary-bg: rgba(255, 255, 255, .045);--button-secondary-bg-hover: rgba(255, 255, 255, .08);--card-bg-soft: rgba(255, 255, 255, .02);--modal-backdrop: rgba(8, 10, 18, .72);--scrollbar-thumb: rgba(255, 255, 255, .15)}[data-theme=white]{--bg-primary: #ffffff;--bg-secondary: #f7f7f6;--bg-panel: #efefed;--bg-elevated: #e8e8e6;--panel-glass: rgba(255, 255, 255, .82);--panel-glass-strong: rgba(255, 255, 255, .96);--text-title: #111827;--text-normal: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--text-soft: #1f2937;--color-accent: #2563eb;--color-accent-hover: #3b82f6;--color-accent-strong: #1d4ed8;--color-accent-strong-hover: #1e40af;--color-accent-soft: rgba(37, 99, 235, .1);--color-brand-blue: #2563eb;--color-brand-blue-hover: #3b82f6;--color-brand-blue-strong: #1d4ed8;--color-brand-blue-strong-hover: #1e40af;--border-accent: rgba(37, 99, 235, .42);--focus-ring: 0 0 0 2px rgba(37, 99, 235, .4);--focus-ring-blue: 0 0 0 3px rgba(37, 99, 235, .15);--focus-ring-blue-strong: 0 0 0 3px rgba(37, 99, 235, .18);--status-info-bg: rgba(37, 99, 235, .12);--status-info-border: rgba(37, 99, 235, .28);--status-info-text: #2563eb;--status-info-dot: #2563eb;--status-info-glow: 0 0 10px rgba(37, 99, 235, .3);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 240, 238, .99));--color-message-own-bg: #2563eb;--color-message-own-bg-hover: #1d4ed8;--color-message-own-text: #ffffff;--color-message-own-meta: #dbeafe;--landing-bg: radial-gradient(circle at top, rgba(37, 99, 235, .06), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f7f7f6 34%, #efefed 100%);--landing-highlight: #2563eb;--landing-cta-bg: linear-gradient(135deg, #1d4ed8, #2563eb);--landing-cta-bg-hover: linear-gradient(135deg, #1e40af, #1d4ed8);--landing-cta-ready-border: rgba(37, 99, 235, .4);--landing-cta-ready-shadow: 0 0 0 3px rgba(37, 99, 235, .12);--landing-chat-outgoing: linear-gradient(135deg, #1d4ed8, #2563eb);--landing-hero-self-glow: rgba(37, 99, 235, .18);--landing-hero-self-bg: linear-gradient(160deg, #dbeafe 0%, #eff4ff 46%, #f5f8ff 100%);--landing-hero-stranger-glow: rgba(16, 185, 129, .18);--landing-hero-stranger-bg: linear-gradient(160deg, #d1fae5 0%, #ecfdf5 50%, #f5fffb 100%);--navbar-glass-bg: rgba(255, 255, 255, .82);--button-primary-text: var(--text-inverse);--button-accent-text: var(--text-inverse);--color-danger: var(--color-danger-strong);--color-danger-hover: var(--color-danger-strong-hover);--video-watermark-bg: rgba(0, 0, 0, .06);--video-watermark-color: rgba(0, 0, 0, .38);--color-warning: #ca8a04;--color-premium: #d97706;--color-premium-border: #d97706;--status-warning-bg: rgba(202, 138, 4, .1);--status-warning-border: rgba(202, 138, 4, .28);--badge-warning-bg: rgba(202, 138, 4, .1);--badge-warning-border: rgba(202, 138, 4, .28);--badge-premium-bg: rgba(217, 119, 6, .1);--badge-premium-border: rgba(217, 119, 6, .28);--button-danger-bg: rgba(225, 29, 72, .08);--button-danger-bg-hover: var(--color-danger-strong);--icon-button-danger-bg: rgba(225, 29, 72, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--shadow-md: 0 2px 6px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--btn-shadow-hover: 0 2px 6px rgba(0, 0, 0, .1);--shadow-mockup: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .05);--shadow-online-card: 0 4px 12px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-scene-center: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--shadow-orb-hover: 0 6px 16px rgba(0, 0, 0, .1);--overlay-soft: rgba(0, 0, 0, .04);--overlay-medium: rgba(0, 0, 0, .08);--overlay-strong: rgba(0, 0, 0, .12);--surface-panel-soft: rgba(0, 0, 0, .02);--border-muted: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-emphasis: rgba(0, 0, 0, .18);--hover-overlay: rgba(0, 0, 0, .04);--active-overlay: rgba(0, 0, 0, .08);--control-bg: rgba(0, 0, 0, .03);--control-bg-hover: rgba(0, 0, 0, .05);--control-bg-disabled: rgba(0, 0, 0, .02);--button-secondary-bg: rgba(0, 0, 0, .04);--button-secondary-bg-hover: rgba(0, 0, 0, .07);--card-bg-soft: rgba(0, 0, 0, .02);--modal-backdrop: rgba(0, 0, 0, .5);--scrollbar-thumb: rgba(0, 0, 0, .18)}.ds-page-shell{width:min(var(--container-max),calc(100% - (var(--page-gutter) * 2)));margin:0 auto}.ds-app-main{flex:1;padding:var(--space-6);display:flex;justify-content:center;align-items:stretch}.ds-app-shell{width:100%;max-width:var(--app-shell-max);display:flex;flex-direction:column;gap:10px}.ds-page-card{width:100%;min-height:var(--page-card-min-height);display:flex;flex-direction:column;gap:var(--space-4)}.ds-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ds-page-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.ds-page-subtitle{margin:0;color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.4}.ds-stack-sm,.ds-stack-md,.ds-stack-lg{display:flex;flex-direction:column}.ds-stack-sm{gap:var(--space-2)}.ds-stack-md{gap:var(--space-4)}.ds-stack-lg{gap:var(--space-6)}.ds-row{display:flex;align-items:center;gap:var(--space-3)}.ds-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ds-section{display:flex;flex-direction:column;gap:var(--space-3)}.ds-control,.ds-textarea,.ds-select-native{--ds-control-bg: var(--control-bg);--ds-control-bg-hover: var(--control-bg-hover);--ds-control-border: var(--control-border);--ds-control-border-hover: var(--control-border-strong);--ds-control-border-focus: var(--border-accent);--ds-control-shadow-focus: var(--focus-ring);width:100%;border:1px solid var(--ds-control-border);border-radius:var(--control-radius);background:var(--ds-control-bg);color:var(--control-text);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.ds-control,.ds-select-native{min-height:var(--control-height-md);padding:0 var(--control-padding-x)}.ds-textarea{min-height:120px;padding:12px var(--control-padding-x);resize:vertical}.ds-control:hover:not(:disabled):not(:focus-visible),.ds-textarea:hover:not(:disabled):not(:focus-visible),.ds-select-native:hover:not(:disabled):not(:focus-visible){background:var(--ds-control-bg-hover);border-color:var(--ds-control-border-hover)}.ds-control:focus-visible,.ds-textarea:focus-visible,.ds-select-native:focus-visible{outline:none;border-color:var(--ds-control-border-focus);box-shadow:var(--ds-control-shadow-focus)}.ds-control::placeholder,.ds-textarea::placeholder{color:var(--text-placeholder)}.ds-control:disabled,.ds-textarea:disabled,.ds-select-native:disabled{background:var(--control-bg-disabled);color:var(--text-tertiary);cursor:not-allowed;opacity:.8}.ds-select-native{appearance:none}.ds-control.is-error,.ds-textarea.is-error,.ds-select-native.is-error{--ds-control-bg: var(--control-state-error-bg);--ds-control-bg-hover: var(--control-state-error-bg-hover);--ds-control-border: var(--control-state-error-border);--ds-control-border-hover: var(--control-state-error-border-hover);--ds-control-border-focus: var(--control-state-error-border);--ds-control-shadow-focus: var(--control-state-error-ring)}.ds-control.is-warning,.ds-textarea.is-warning,.ds-select-native.is-warning{--ds-control-bg: var(--control-state-warning-bg);--ds-control-bg-hover: var(--control-state-warning-bg-hover);--ds-control-border: var(--control-state-warning-border);--ds-control-border-hover: var(--control-state-warning-border-hover);--ds-control-border-focus: var(--control-state-warning-border);--ds-control-shadow-focus: var(--control-state-warning-ring)}.ds-control.is-success,.ds-textarea.is-success,.ds-select-native.is-success{--ds-control-bg: var(--control-state-success-bg);--ds-control-bg-hover: var(--control-state-success-bg-hover);--ds-control-border: var(--control-state-success-border);--ds-control-border-hover: var(--control-state-success-border-hover);--ds-control-border-focus: var(--control-state-success-border);--ds-control-shadow-focus: var(--control-state-success-ring)}.ds-form-feedback{display:block;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel-soft);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.ds-form-feedback.is-error{border-color:var(--status-danger-border);background:var(--status-danger-bg);color:var(--status-danger-text)}.ds-form-feedback.is-warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.ds-form-feedback.is-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.ds-checkbox{width:16px;height:16px;accent-color:var(--color-accent)}.ds-link-button{padding:0;border:0;background:none;color:var(--button-link-text);font:inherit;cursor:pointer;transition:color var(--transition-fast)}.ds-link-button:hover:not(:disabled),.ds-link-button:focus-visible{color:var(--button-link-text-hover)}.ds-copy-muted{color:var(--text-tertiary)}.ds-empty-fill{flex:1}.ds-skeleton-list{display:flex;flex-direction:column;gap:10px}.ds-skeleton-row{display:flex;align-items:center;gap:var(--space-3)}.ds-skeleton-copy{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ds-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-accent)}.ds-title-lg{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.05;color:var(--text-primary)}.ds-page-title{margin:0 0 8px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.05;color:var(--text-primary)}.ds-back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-panel-alt);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.ds-back-button:hover:not(:disabled){background:color-mix(in srgb,var(--surface-panel-alt) 85%,white);border-color:var(--border-emphasis);transform:translateY(-1px)}.ds-back-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tooltip-anchor,.icon-tooltip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.ds-tooltip,.control-tooltip{position:absolute;left:50%;min-width:max-content;max-width:220px;padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-panel);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--text-xs);line-height:1.2;white-space:nowrap;pointer-events:none;z-index:25;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast)}.ds-tooltip-anchor:hover .ds-tooltip,.ds-tooltip-anchor:focus-within .ds-tooltip,.icon-tooltip-wrap:hover .control-tooltip,.icon-tooltip-wrap:focus-within .control-tooltip{opacity:1;visibility:visible}.ds-floating-group{display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-float);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:var(--shadow-sm)}.ds-overlay-tag{display:inline-flex;align-items:center;padding:var(--space-1) 10px;border-radius:var(--radius-sm);border:1px solid var(--border-muted);background:var(--surface-float);color:var(--text-primary);font-size:var(--text-xs);font-weight:600;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.ds-info-page{min-height:100vh;background:var(--surface-page);color:var(--text-primary)}.ds-info-main{padding:28px 20px 56px;display:flex;justify-content:center}.ds-info-shell{width:100%;max-width:860px;display:flex;flex-direction:column;gap:14px}.ds-info-card{padding:28px;border-radius:var(--card-radius);border:1px solid var(--card-border);background:var(--surface-panel);box-shadow:var(--shadow-lg)}.ds-info-intro{margin:0 0 22px;color:var(--text-tertiary);line-height:1.65}.ds-info-section+.ds-info-section{margin-top:20px}.ds-info-section h2{margin:0 0 8px;font-size:var(--text-lg)}.ds-info-section p{margin:0;color:var(--text-tertiary);line-height:1.7}.ds-info-meta{margin-top:28px;font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:640px){.ds-actions{width:100%}.ds-app-main{padding:14px}.ds-page-header{flex-direction:column;align-items:stretch}.ds-page-card{--card-padding-md: 14px;min-height:0}.ds-info-main{padding:16px 14px 40px}.ds-info-card{padding:18px}}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-body);line-height:var(--line-height-body);background:var(--surface-page);color:var(--text-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-heading);line-height:var(--line-height-heading);color:var(--text-primary)}p{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}::selection{background:var(--color-accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-page-alt)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}