@charset "UTF-8";@layer ghats.tokens,ghats.base,ghats.components,ghats.utilities;@layer ghats.tokens{:root{--ghats-color-green-100: #e8f8ef;--ghats-color-green-200: #b4e9c8;--ghats-color-green-500: #07c160;--ghats-color-green-600: #06ae56;--ghats-color-green-700: #059a4c;--ghats-color-red-100: #ffe8eb;--ghats-color-red-200: #ffb3bc;--ghats-color-red-500: #ff2442;--ghats-color-red-600: #e61f3b;--ghats-color-red-700: #cc1b34;--ghats-color-orange-100: #fef3e6;--ghats-color-orange-500: #fa9d3b;--ghats-color-orange-600: #e08e35;--ghats-color-blue-100: #e6f5ff;--ghats-color-blue-500: #10aeff;--ghats-color-blue-600: #0e9de5;--ghats-color-yellow-500: #ffc300;--ghats-color-white: #ffffff;--ghats-color-black: #000000;--ghats-color-grey-50: #fafafa;--ghats-color-grey-100: #f7f7f7;--ghats-color-grey-200: #ededed;--ghats-color-grey-300: #d6d6d6;--ghats-color-grey-400: #b2b2b2;--ghats-color-grey-500: #808080;--ghats-color-grey-600: #666666;--ghats-color-grey-700: #4d4d4d;--ghats-color-grey-800: #333333;--ghats-color-grey-900: #1a1a1a;--ghats-space-0: 0;--ghats-space-0-5: .125rem;--ghats-space-1: .25rem;--ghats-space-1-5: .375rem;--ghats-space-2: .5rem;--ghats-space-2-5: .625rem;--ghats-space-3: .75rem;--ghats-space-4: 1rem;--ghats-space-5: 1.25rem;--ghats-space-6: 1.5rem;--ghats-space-8: 2rem;--ghats-space-10: 2.5rem;--ghats-space-12: 3rem;--ghats-space-16: 4rem;--ghats-space-20: 5rem;--ghats-radius-none: 0;--ghats-radius-sm: .25rem;--ghats-radius-md: .5rem;--ghats-radius-lg: .75rem;--ghats-radius-xl: 1rem;--ghats-radius-2xl: 1.5rem;--ghats-radius-full: 9999px;--ghats-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ghats-font-size-2xs: .625rem;--ghats-font-size-xs: .6875rem;--ghats-font-size-sm: .75rem;--ghats-font-size-md: .875rem;--ghats-font-size-base: 1rem;--ghats-font-size-lg: 1.0625rem;--ghats-font-size-xl: 1.25rem;--ghats-font-size-2xl: 1.375rem;--ghats-font-size-3xl: 1.625rem;--ghats-font-weight-normal: 400;--ghats-font-weight-medium: 500;--ghats-font-weight-semibold: 600;--ghats-font-weight-bold: 700;--ghats-line-height-tight: 1.25;--ghats-line-height-normal: 1.5;--ghats-line-height-relaxed: 1.75;--ghats-z-base: 0;--ghats-z-dropdown: 100;--ghats-z-sticky: 200;--ghats-z-fixed: 500;--ghats-z-overlay: 1000;--ghats-z-mask: 1000;--ghats-z-dialog: 5000;--ghats-z-toast: 9000;--ghats-z-tooltip: 9500;--ghats-duration-instant: .1s;--ghats-duration-fast: .2s;--ghats-duration-normal: .3s;--ghats-duration-slow: .5s;--ghats-easing-standard: cubic-bezier(.4, 0, .2, 1);--ghats-easing-decelerate: cubic-bezier(0, 0, .2, 1);--ghats-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--ghats-easing-spring: cubic-bezier(.175, .885, .32, 1.275);--ghats-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ghats-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ghats-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ghats-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ghats-breakpoint-sm: 640px;--ghats-breakpoint-md: 768px;--ghats-breakpoint-lg: 1024px;--ghats-breakpoint-xl: 1280px}}@layer ghats.tokens{[data-ghats-theme=light],:root:not([data-ghats-theme]){color-scheme:light;--ghats-color-primary: var(--ghats-color-red-500);--ghats-color-primary-hover: var(--ghats-color-red-600);--ghats-color-primary-active: var(--ghats-color-red-700);--ghats-color-on-primary: var(--ghats-color-white);--ghats-color-error: #ea4335;--ghats-color-error-hover: #d33426;--ghats-color-on-error: var(--ghats-color-white);--ghats-color-warning: var(--ghats-color-orange-500);--ghats-color-on-warning: var(--ghats-color-white);--ghats-color-info: var(--ghats-color-blue-500);--ghats-color-on-info: var(--ghats-color-white);--ghats-color-background: #f5f5f5;--ghats-color-surface: var(--ghats-color-white);--ghats-color-surface-container: var(--ghats-color-white);--ghats-color-surface-variant: var(--ghats-color-grey-100);--ghats-color-surface-elevated: var(--ghats-color-white);--ghats-color-on-surface: rgba(0, 0, 0, .9);--ghats-color-on-surface-secondary: rgba(0, 0, 0, .55);--ghats-color-on-surface-tertiary: rgba(0, 0, 0, .3);--ghats-color-on-surface-quaternary: rgba(0, 0, 0, .15);--ghats-color-border: rgba(0, 0, 0, .1);--ghats-color-divider: rgba(0, 0, 0, .06);--ghats-color-mask: rgba(0, 0, 0, .6);--ghats-color-focus-ring: var(--ghats-color-red-500);--ghats-color-link: var(--ghats-color-red-500);--ghats-color-link-hover: var(--ghats-color-red-600);--ghats-color-input-bg: var(--ghats-color-white);--ghats-color-input-border: var(--ghats-color-border);--ghats-color-input-placeholder: var(--ghats-color-on-surface-tertiary);--ghats-color-tips-bg: #fcf0d3;--ghats-color-tips-color: #f67c01;--ghats-color-active-mask: rgba(0, 0, 0, .1)}}@layer ghats.tokens{[data-ghats-theme=dark]{color-scheme:dark;--ghats-color-primary: var(--ghats-color-red-500);--ghats-color-primary-hover: var(--ghats-color-red-600);--ghats-color-primary-active: var(--ghats-color-red-700);--ghats-color-on-primary: var(--ghats-color-white);--ghats-color-error: #ff6b6b;--ghats-color-error-hover: #e55f5f;--ghats-color-on-error: var(--ghats-color-white);--ghats-color-warning: var(--ghats-color-orange-500);--ghats-color-on-warning: var(--ghats-color-white);--ghats-color-info: var(--ghats-color-blue-500);--ghats-color-on-info: var(--ghats-color-white);--ghats-color-background: #111111;--ghats-color-surface: #191919;--ghats-color-surface-container: #1a1a1a;--ghats-color-surface-variant: #222222;--ghats-color-surface-elevated: #2a2a2a;--ghats-color-on-surface: rgba(255, 255, 255, .8);--ghats-color-on-surface-secondary: rgba(255, 255, 255, .5);--ghats-color-on-surface-tertiary: rgba(255, 255, 255, .3);--ghats-color-on-surface-quaternary: rgba(255, 255, 255, .15);--ghats-color-border: rgba(255, 255, 255, .1);--ghats-color-divider: rgba(255, 255, 255, .05);--ghats-color-mask: rgba(0, 0, 0, .8);--ghats-color-focus-ring: var(--ghats-color-red-500);--ghats-color-link: #ff6b7f;--ghats-color-link-hover: #ff8c9c;--ghats-color-input-bg: #191919;--ghats-color-input-border: var(--ghats-color-border);--ghats-color-input-placeholder: var(--ghats-color-on-surface-tertiary);--ghats-color-tips-bg: rgba(255, 255, 255, .05);--ghats-color-tips-color: var(--ghats-color-orange-500);--ghats-color-active-mask: rgba(255, 255, 255, .1);--ghats-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ghats-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--ghats-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--ghats-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5)}}@layer ghats.tokens{[data-ghats-theme=care-light]{color-scheme:light;--ghats-color-primary: #d91e36;--ghats-color-primary-hover: #c01a30;--ghats-color-primary-active: #a8172a;--ghats-color-on-primary: var(--ghats-color-white);--ghats-color-error: #d93636;--ghats-color-error-hover: #c13030;--ghats-color-on-error: var(--ghats-color-white);--ghats-color-warning: #d98a2e;--ghats-color-on-warning: var(--ghats-color-white);--ghats-color-info: #0b82cc;--ghats-color-on-info: var(--ghats-color-white);--ghats-color-background: var(--ghats-color-grey-200);--ghats-color-surface: var(--ghats-color-white);--ghats-color-surface-container: var(--ghats-color-white);--ghats-color-surface-variant: var(--ghats-color-grey-100);--ghats-color-surface-elevated: var(--ghats-color-white);--ghats-color-on-surface: rgba(0, 0, 0, .95);--ghats-color-on-surface-secondary: rgba(0, 0, 0, .7);--ghats-color-on-surface-tertiary: rgba(0, 0, 0, .5);--ghats-color-on-surface-quaternary: rgba(0, 0, 0, .3);--ghats-color-border: rgba(0, 0, 0, .2);--ghats-color-divider: rgba(0, 0, 0, .15);--ghats-color-mask: rgba(0, 0, 0, .7);--ghats-color-focus-ring: #0b82cc;--ghats-color-link: #c01a30;--ghats-color-link-hover: #a8172a;--ghats-color-input-bg: var(--ghats-color-white);--ghats-color-input-border: rgba(0, 0, 0, .3);--ghats-color-input-placeholder: var(--ghats-color-on-surface-tertiary);--ghats-color-tips-bg: #fcf0d3;--ghats-color-tips-color: #cc6600;--ghats-color-active-mask: rgba(0, 0, 0, .15);--ghats-font-size-2xs: .75rem;--ghats-font-size-xs: .8125rem;--ghats-font-size-sm: .875rem;--ghats-font-size-md: 1rem;--ghats-font-size-base: 1.125rem;--ghats-font-size-lg: 1.25rem;--ghats-font-size-xl: 1.5rem;--ghats-font-size-2xl: 1.75rem;--ghats-font-size-3xl: 2rem;--ghats-space-2: .625rem;--ghats-space-3: 1rem;--ghats-space-4: 1.25rem}}@layer ghats.tokens{[data-ghats-theme=care-dark]{color-scheme:dark;--ghats-color-primary: #ff4d66;--ghats-color-primary-hover: #e5455c;--ghats-color-primary-active: #cc3d52;--ghats-color-on-primary: var(--ghats-color-white);--ghats-color-error: #ff6b6b;--ghats-color-error-hover: #e55f5f;--ghats-color-on-error: var(--ghats-color-black);--ghats-color-warning: #ffb54c;--ghats-color-on-warning: var(--ghats-color-black);--ghats-color-info: #4dc4ff;--ghats-color-on-info: var(--ghats-color-black);--ghats-color-background: #0a0a0a;--ghats-color-surface: #141414;--ghats-color-surface-container: #1a1a1a;--ghats-color-surface-variant: #222222;--ghats-color-surface-elevated: #2a2a2a;--ghats-color-on-surface: rgba(255, 255, 255, .95);--ghats-color-on-surface-secondary: rgba(255, 255, 255, .7);--ghats-color-on-surface-tertiary: rgba(255, 255, 255, .5);--ghats-color-on-surface-quaternary: rgba(255, 255, 255, .3);--ghats-color-border: rgba(255, 255, 255, .2);--ghats-color-divider: rgba(255, 255, 255, .1);--ghats-color-mask: rgba(0, 0, 0, .85);--ghats-color-focus-ring: #4dc4ff;--ghats-color-link: #ff8c9c;--ghats-color-link-hover: #ffb0bb;--ghats-color-input-bg: #1a1a1a;--ghats-color-input-border: rgba(255, 255, 255, .25);--ghats-color-input-placeholder: var(--ghats-color-on-surface-tertiary);--ghats-color-tips-bg: rgba(255, 255, 255, .08);--ghats-color-tips-color: #ffb54c;--ghats-color-active-mask: rgba(255, 255, 255, .15);--ghats-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ghats-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--ghats-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--ghats-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 8px 10px -6px rgba(0, 0, 0, .6);--ghats-font-size-2xs: .75rem;--ghats-font-size-xs: .8125rem;--ghats-font-size-sm: .875rem;--ghats-font-size-md: 1rem;--ghats-font-size-base: 1.125rem;--ghats-font-size-lg: 1.25rem;--ghats-font-size-xl: 1.5rem;--ghats-font-size-2xl: 1.75rem;--ghats-font-size-3xl: 2rem;--ghats-space-2: .625rem;--ghats-space-3: 1rem;--ghats-space-4: 1.25rem}}@layer ghats.base{@keyframes ghats-spin{to{transform:rotate(360deg)}}@keyframes ghats-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ghats-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ghats-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}@layer ghats.base{[class^=ghats-],[class*=" ghats-"]{box-sizing:border-box}[class^=ghats-]:where(button,a,input,select,textarea,label,[tabindex]),[class*=" ghats-"]:where(button,a,input,select,textarea,label,[tabindex]){-webkit-tap-highlight-color:transparent}}:root,[data-theme=light]{color-scheme:light;--color-primary-rgb: 255 36 66;--color-surface-rgb: 255 255 255;--color-background-rgb: 245 245 245;--color-text-primary-rgb: 17 17 17;--color-text-rgb: 17 17 17;--color-border-rgb: 0 0 0;--color-background: #f5f5f5;--color-surface: #ffffff;--color-surface-container: #ffffff;--color-surface-variant: #f7f7f7;--color-surface-alt: #f7f7f7;--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(0, 0, 0, .04);--color-text-primary: rgba(0, 0, 0, .9);--color-text-secondary: rgba(0, 0, 0, .55);--color-text-tertiary: rgba(0, 0, 0, .3);--color-text-disabled: rgba(0, 0, 0, .15);--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--color-primary: #ff2442;--color-primary-hover: #e61f3b;--color-primary-active: #cc1b34;--color-primary-soft: #ffe8eb;--color-success: #07c160;--color-warning: #fa9d3b;--color-error: #ea4335;--color-info: #10aeff;--color-like: #ff2442;--color-success-soft: #e8f5e9;--color-warning-soft: #fff3e0;--color-error-soft: #fce8e6;--color-info-soft: #e8f0fe;--gradient-placeholder-text: linear-gradient(135deg, #f1f1f1 0%, #dedede 100%);--gradient-placeholder-link: linear-gradient(135deg, #f4f4f4 0%, #dfdfdf 100%);--gradient-placeholder-audio: linear-gradient(135deg, #eeeeee 0%, #d8d8d8 100%);--gradient-placeholder-video: linear-gradient(135deg, #efefef 0%, #d6d6d6 100%);--gradient-placeholder-photo: linear-gradient(135deg, #f2f2f2 0%, #dddddd 100%);--gradient-story-ring: conic-gradient(from 180deg, #ff2d55, #ff9500, #ffcc00, #ff2d55);--color-border: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .2);--color-divider: rgba(0, 0, 0, .06);--color-mask: rgba(0, 0, 0, .6);--color-scrim: rgba(0, 0, 0, .4);--color-active-mask: rgba(0, 0, 0, .08);--color-hover-mask: rgba(0, 0, 0, .04);--color-focus-ring: #ff2442;--color-input-bg: #ffffff;--color-input-border: rgba(0, 0, 0, .12);--color-input-placeholder: rgba(0, 0, 0, .3);--color-skeleton-base: #ededed;--color-skeleton-highlight: #f7f7f7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}[data-theme=dark]{color-scheme:dark;--color-primary-rgb: 255 77 99;--color-surface-rgb: 26 26 28;--color-background-rgb: 15 15 16;--color-text-primary-rgb: 245 245 245;--color-text-rgb: 245 245 245;--color-border-rgb: 255 255 255;--color-background: #0f0f10;--color-surface: #18181a;--color-surface-container: #1a1a1c;--color-surface-variant: #222225;--color-surface-alt: #222225;--color-surface-elevated: #2a2a2d;--color-surface-overlay: rgba(255, 255, 255, .04);--color-text-primary: rgba(255, 255, 255, .92);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .38);--color-text-disabled: rgba(255, 255, 255, .2);--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--color-primary: #ff4d63;--color-primary-hover: #ff6478;--color-primary-active: #e61f3b;--color-primary-soft: rgba(255, 77, 99, .16);--color-success: #22c55e;--color-warning: #fbbf24;--color-error: #ff6b6b;--color-info: #38bdf8;--color-like: #ff4d63;--color-success-soft: rgba(34, 197, 94, .18);--color-warning-soft: rgba(251, 191, 36, .18);--color-error-soft: rgba(255, 107, 107, .2);--color-info-soft: rgba(56, 189, 248, .18);--gradient-placeholder-text: linear-gradient(135deg, #242428 0%, #303036 100%);--gradient-placeholder-link: linear-gradient(135deg, #252529 0%, #333339 100%);--gradient-placeholder-audio: linear-gradient(135deg, #242428 0%, #323237 100%);--gradient-placeholder-video: linear-gradient(135deg, #252529 0%, #34343a 100%);--gradient-placeholder-photo: linear-gradient(135deg, #242428 0%, #303036 100%);--gradient-story-ring: conic-gradient(from 180deg, #ff4d6d, #ffaa3a, #ffdd55, #ff4d6d);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .22);--color-divider: rgba(255, 255, 255, .06);--color-mask: rgba(0, 0, 0, .8);--color-scrim: rgba(0, 0, 0, .6);--color-active-mask: rgba(255, 255, 255, .1);--color-hover-mask: rgba(255, 255, 255, .06);--color-focus-ring: #ff6478;--color-input-bg: #18181a;--color-input-border: rgba(255, 255, 255, .12);--color-input-placeholder: rgba(255, 255, 255, .38);--color-skeleton-base: #222225;--color-skeleton-highlight: #2d2d30;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-background: #0f0f10;--color-surface: #18181a;--color-surface-container: #1a1a1c;--color-surface-variant: #222225;--color-surface-alt: #222225;--color-surface-elevated: #2a2a2d;--color-surface-overlay: rgba(255, 255, 255, .04);--color-text-primary: rgba(255, 255, 255, .92);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .38);--color-text-disabled: rgba(255, 255, 255, .2);--color-primary: #ff4d63;--color-primary-hover: #ff6478;--color-primary-active: #e61f3b;--color-primary-soft: rgba(255, 77, 99, .16);--color-like: #ff4d63;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .22);--color-divider: rgba(255, 255, 255, .06);--color-mask: rgba(0, 0, 0, .8);--color-scrim: rgba(0, 0, 0, .6);--color-active-mask: rgba(255, 255, 255, .1);--color-hover-mask: rgba(255, 255, 255, .06);--color-input-bg: #18181a;--color-input-border: rgba(255, 255, 255, .12);--color-input-placeholder: rgba(255, 255, 255, .38);--color-skeleton-base: #222225;--color-skeleton-highlight: #2d2d30;--gradient-placeholder-text: linear-gradient(135deg, #242428 0%, #303036 100%);--gradient-placeholder-link: linear-gradient(135deg, #252529 0%, #333339 100%);--gradient-placeholder-audio: linear-gradient(135deg, #242428 0%, #323237 100%);--gradient-placeholder-video: linear-gradient(135deg, #252529 0%, #34343a 100%);--gradient-placeholder-photo: linear-gradient(135deg, #242428 0%, #303036 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5)}}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--motion-fast: .15s;--motion-normal: .25s;--motion-slow: .4s;--ease-standard: cubic-bezier(.25, .46, .45, .94);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 500;--z-overlay: 1000;--z-modal: 5000;--z-toast: 9000;--z-tooltip: 9500}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 1ms;--motion-normal: 1ms;--motion-slow: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root{--font-scale: 1;--font-size-base: calc(16px * var(--font-scale));--focus-ring-width: 2px}html{font-size:var(--font-size-base)}[data-contrast=high]{--focus-ring-width: 3px}[data-contrast=high]:not([data-theme=dark]),[data-contrast=high][data-theme=light]{--color-background: #ffffff;--color-surface: #ffffff;--color-surface-container: #ffffff;--color-surface-variant: #ffffff;--color-surface-alt: #ffffff;--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(0, 0, 0, .1);--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #222222;--color-text-disabled: #666666;--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--color-primary: #c5001a;--color-primary-hover: #a30015;--color-primary-active: #7a0010;--color-primary-soft: #ffe0e4;--color-success: #005c1f;--color-warning: #7a3a00;--color-error: #a30000;--color-info: #004f7a;--color-like: #c5001a;--color-success-soft: #d4f1d4;--color-warning-soft: #ffe5c2;--color-error-soft: #ffd4d4;--color-info-soft: #d4e8ff;--gradient-placeholder-text: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-placeholder-link: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-placeholder-audio: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-placeholder-video: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-placeholder-photo: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-story-ring: conic-gradient(from 180deg, #000000, #000000);--color-border: #000000;--color-border-strong: #000000;--color-divider: #000000;--color-input-border: #000000;--color-focus-ring: #0040a0;--color-primary-rgb: 197 0 26;--color-surface-rgb: 255 255 255;--color-text-primary-rgb: 0 0 0;--color-text-rgb: 0 0 0;--color-border-rgb: 0 0 0}[data-contrast=high][data-theme=dark]{--color-background: #000000;--color-surface: #000000;--color-surface-container: #000000;--color-surface-variant: #050505;--color-surface-elevated: #0a0a0a;--color-surface-overlay: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-text-tertiary: #dddddd;--color-text-disabled: #888888;--color-primary: #ff8898;--color-primary-hover: #ffa3b0;--color-primary-active: #ff6478;--color-primary-soft: rgba(255, 136, 152, .2);--color-success: #78ffa3;--color-warning: #ffce70;--color-error: #ff8a8a;--color-info: #85d8ff;--color-like: #ff8898;--color-success-soft: rgba(120, 255, 163, .22);--color-warning-soft: rgba(255, 206, 112, .22);--color-error-soft: rgba(255, 138, 138, .22);--color-info-soft: rgba(133, 216, 255, .22);--gradient-placeholder-text: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-placeholder-link: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-placeholder-audio: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-placeholder-video: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-placeholder-photo: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-story-ring: conic-gradient(from 180deg, #ffffff, #ffffff);--color-border: #ffffff;--color-border-strong: #ffffff;--color-divider: #ffffff;--color-input-border: #ffffff;--color-focus-ring: #ffd54f;--color-primary-rgb: 255 136 152;--color-surface-rgb: 0 0 0;--color-text-primary-rgb: 255 255 255;--color-text-rgb: 255 255 255;--color-border-rgb: 255 255 255}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}[dir=rtl]{direction:rtl}[dir=rtl] .flip-on-rtl{transform:scaleX(-1)}@layer ghats.base{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}body{font-family:var(--ghats-font-family);font-size:var(--ghats-font-size-base);line-height:var(--ghats-line-height-normal);color:var(--ghats-color-on-surface);background-color:var(--ghats-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;appearance:none}a{color:var(--ghats-color-link);text-decoration:none}a:hover{color:var(--ghats-color-link-hover)}ul,ol{list-style:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--ghats-color-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer ghats.base{.ghats-hairline--top,.ghats-hairline--bottom,.ghats-hairline--left,.ghats-hairline--right{position:relative}.ghats-hairline--bottom:after,.ghats-hairline--top:before{content:"";position:absolute;inset-inline:0;block-size:1px;background:var(--ghats-color-divider);transform:scaleY(.5);pointer-events:none}.ghats-hairline--bottom:after{inset-block-end:0}.ghats-hairline--top:before{inset-block-start:0}.ghats-hairline--left:before,.ghats-hairline--right:after{content:"";position:absolute;inset-block:0;inline-size:1px;background:var(--ghats-color-divider);transform:scaleX(.5);pointer-events:none}.ghats-hairline--left:before{inset-inline-start:0}.ghats-hairline--right:after{inset-inline-end:0}.ghats-safe-area-top{padding-block-start:env(safe-area-inset-top,0)}.ghats-safe-area-bottom{padding-block-end:env(safe-area-inset-bottom,0)}.ghats-safe-area-left{padding-inline-start:env(safe-area-inset-left,0)}.ghats-safe-area-right{padding-inline-end:env(safe-area-inset-right,0)}.ghats-container{container-type:inline-size;container-name:ghats}.ghats-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ghats-active-state{position:relative}.ghats-active-state:after{content:"";position:absolute;inset:0;background:var(--ghats-color-active-mask);opacity:0;transition:opacity var(--ghats-duration-instant) var(--ghats-easing-standard);pointer-events:none}.ghats-active-state:active:after{opacity:1}}:root{--color-primary: var(--ghats-color-primary);--color-primary-dark: var(--ghats-color-primary-hover);--color-primary-light: var(--ghats-color-red-100);--color-success: var(--ghats-color-green-500);--color-warning: var(--ghats-color-orange-500);--color-error: var(--ghats-color-error);--color-bg: var(--ghats-color-background);--color-surface: var(--ghats-color-surface);--color-text-primary: var(--ghats-color-on-surface);--color-text-secondary: var(--ghats-color-on-surface-secondary);--color-text-hint: var(--ghats-color-on-surface-tertiary);--color-text-tertiary: var(--ghats-color-on-surface-tertiary);--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--color-border: var(--ghats-color-border);--color-border-strong: color-mix(in srgb, var(--ghats-color-border) 70%, currentColor 30%);--color-divider: var(--ghats-color-divider);--color-bg-elevated: var(--ghats-color-surface-elevated);--color-surface-rgb: 255 255 255;--color-background-rgb: 245 244 241;--color-primary-soft: color-mix(in srgb, var(--color-primary) 16%, transparent);--color-success-soft: color-mix(in srgb, var(--color-success) 16%, transparent);--color-warning-soft: color-mix(in srgb, var(--color-warning) 18%, transparent);--color-error-soft: color-mix(in srgb, var(--color-error) 16%, transparent);--color-info: #0b82cc;--color-info-soft: color-mix(in srgb, var(--color-info) 14%, transparent);--ui-primary: var(--color-primary);--font-family: var(--ghats-font-family);--navbar-height: 2.75rem;--tabbar-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--ghats-color-background: #11100f;--ghats-color-surface: #1b1918;--ghats-color-surface-container: #201d1b;--ghats-color-surface-variant: #28231f;--ghats-color-surface-elevated: #312b27;--ghats-color-on-surface: rgba(255, 250, 243, .94);--ghats-color-on-surface-secondary: rgba(255, 250, 243, .72);--ghats-color-on-surface-tertiary: rgba(255, 250, 243, .52);--ghats-color-on-surface-quaternary: rgba(255, 250, 243, .28);--ghats-color-border: rgba(255, 232, 208, .14);--ghats-color-divider: rgba(255, 232, 208, .08);--ghats-color-mask: rgba(0, 0, 0, .8);--ghats-color-primary: #ff4d63;--ghats-color-primary-hover: #ff6478;--color-primary-light: rgba(255, 77, 99, .16);--color-bg-elevated: #312b27;--color-info: #5fc7ff;--color-surface-rgb: 27 25 24;--color-background-rgb: 17 16 15;color-scheme:dark}[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--ghats-color-background: #11100f;--ghats-color-surface: #1b1918;--ghats-color-surface-container: #201d1b;--ghats-color-surface-variant: #28231f;--ghats-color-surface-elevated: #312b27;--ghats-color-on-surface: rgba(255, 250, 243, .94);--ghats-color-on-surface-secondary: rgba(255, 250, 243, .72);--ghats-color-on-surface-tertiary: rgba(255, 250, 243, .52);--ghats-color-on-surface-quaternary: rgba(255, 250, 243, .28);--ghats-color-border: rgba(255, 232, 208, .14);--ghats-color-divider: rgba(255, 232, 208, .08);--ghats-color-mask: rgba(0, 0, 0, .8);--ghats-color-primary: #ff4d63;--ghats-color-primary-hover: #ff6478;--color-primary-light: rgba(255, 77, 99, .16);--color-bg-elevated: #312b27;--color-info: #5fc7ff;--color-surface-rgb: 27 25 24;--color-background-rgb: 17 16 15;color-scheme:dark}}html,body{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text-primary)}html.gray-mode body{filter:grayscale(1)}html.gray-mode .account-alert,html.gray-mode .gray-mode-banner{filter:grayscale(0)}body:before{display:none}body[data-theme=light]:before{background-image:linear-gradient(rgb(80 52 34 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(80 52 34 / .025) 1px,transparent 1px)}:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--color-primary, #ff2442);outline-offset:2px;border-radius:4px}.skip-to-content{position:fixed;top:8px;left:8px;padding:10px 16px;background:var(--color-primary, #ff2442);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;z-index:11000;transform:translateY(-200%);transition:transform .15s ease}.skip-to-content:focus,.skip-to-content:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}.cv-auto{content-visibility:auto;contain-intrinsic-size:1px 300px}.feed-item-active{box-shadow:inset 3px 0 0 0 var(--color-primary, #ff2442);scroll-margin-block:88px}.ptr-indicator.is-refreshing{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{0%{transform:translate(-50%) scale(1) rotate(0)}to{transform:translate(-50%) scale(1) rotate(360deg)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}app-packed-masonry app-feed-card,.notes-grid app-feed-card{animation:card-enter .24s ease backwards}app-packed-masonry app-feed-card:nth-child(2),.notes-grid app-feed-card:nth-child(2){animation-delay:30ms}app-packed-masonry app-feed-card:nth-child(3),.notes-grid app-feed-card:nth-child(3){animation-delay:60ms}app-packed-masonry app-feed-card:nth-child(4),.notes-grid app-feed-card:nth-child(4){animation-delay:90ms}app-packed-masonry app-feed-card:nth-child(5),.notes-grid app-feed-card:nth-child(5){animation-delay:.12s}app-packed-masonry app-feed-card:nth-child(6),.notes-grid app-feed-card:nth-child(6){animation-delay:.15s}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(display-mode:window-controls-overlay){body{padding-top:env(titlebar-area-height,0px)}.app-titlebar{position:fixed;top:0;left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,32px);-webkit-app-region:drag;app-region:drag;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;color:var(--color-text-secondary, #555);background:var(--color-surface, #fff);border-bottom:1px solid var(--color-divider, #e5e5e5);z-index:10999}.app-titlebar button,.app-titlebar a{-webkit-app-region:no-drag;app-region:no-drag}}router-outlet+*{display:block!important;min-height:0}.container{max-width:600px;margin:0 auto;padding:0 16px}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}