:root{--gmail-red-primary: #dd4b39;--gmail-red-dark: #d14836;--gmail-red-hover: #c53727;--gmail-yellow-select: #ffc;--gmail-yellow-hover: #f9edbe;--gmail-gray-bg: #f1f1f1;--gmail-gray-light: #f5f5f5;--gmail-gray-dark: #e8e8e8;--gmail-gray-darker: #dbdbdb;--gmail-blue-link: #1155cc;--gmail-blue-hover: #0d3a8c;--gmail-text-primary: #222;--gmail-text-secondary: #666;--gmail-text-tertiary: #999;--gmail-text-white: #ffffff;--gmail-border-color: #e5e5e5;--gmail-border-subtle: rgba(0, 0, 0, .06);--gmail-border-medium: rgba(0, 0, 0, .1);--gmail-border-strong: rgba(0, 0, 0, .2);--gmail-font-family: Arial, Helvetica, sans-serif;--gmail-font-size-base: 12.8px;--gmail-font-size-button: 11px;--gmail-font-size-nav: 13px;--gmail-font-size-subject: 15px;--gmail-font-size-heading: 18px;--gmail-font-weight-normal: 400;--gmail-font-weight-medium: 500;--gmail-font-weight-bold: 700;--gmail-font-smoothing: auto;--gmail-letter-spacing: 0;--gmail-row-padding-top: 6px;--gmail-row-padding-bottom: 7px;--gmail-row-padding-horizontal: 8px;--gmail-border-radius-small: 2px;--gmail-border-radius-medium: 3px;--gmail-folder-border-width: 4px;--gmail-button-height: 26px;--gmail-button-padding-horizontal: 12px;--gmail-gradient-red: linear-gradient(to bottom, #dd4b39, #d14836);--gmail-gradient-red-hover: linear-gradient(to bottom, #ea6153, #dd4b39);--gmail-gradient-gray: linear-gradient(to bottom, #f5f5f5, #f1f1f1);--gmail-gradient-gray-hover: linear-gradient(to bottom, #e8e8e8, #dbdbdb);--gmail-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .05);--gmail-shadow-medium: 0 1px 3px rgba(0, 0, 0, .1);--gmail-shadow-text: 0 1px rgba(0, 0, 0, .1);--gmail-shadow-search-hover: 0 2px 4px rgba(0, 0, 0, .1);--gmail-bg-white: #ffffff;--gmail-bg-light: #f9f9f9;--gmail-bg-hover: rgba(242, 245, 245, .8);--gmail-bg-selected: #ffc;--gmail-bg-focus: rgba(221, 75, 57, .1)}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;overflow:hidden;line-height:1.4;font-family:var(--gmail-font-family);font-size:var(--gmail-font-size-base);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;letter-spacing:0;color:var(--gmail-text-primary);background:var(--gmail-bg-white)}#app{height:100vh;overflow:hidden}input,textarea,select,button{font-family:inherit;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}:root{--sol-base03: #002b36;--sol-base02: #073642;--sol-base01: #586e75;--sol-base00: #657b83;--sol-base0: #839496;--sol-base1: #93a1a1;--sol-base2: #eee8d5;--sol-base3: #fdf6e3;--sol-yellow: #b58900;--sol-orange: #cb4b16;--sol-red: #dc322f;--sol-magenta: #d33682;--sol-violet: #6c71c4;--sol-blue: #268bd2;--sol-cyan: #2aa198;--sol-green: #859900;--app-bg: var(--gmail-bg-white);--app-bg-highlight: var(--gmail-gray-light);--app-text-primary: var(--gmail-text-primary);--app-text-secondary: var(--gmail-text-secondary);--app-text-emphasized: var(--gmail-text-primary);--app-text-deemphasized: var(--gmail-text-tertiary);--app-border: var(--gmail-border-color);--app-border-subtle: var(--gmail-border-subtle);--app-hover: var(--gmail-bg-hover);--app-active: var(--gmail-gray-dark);--app-accent: var(--gmail-red-primary);--app-success: var(--sol-green);--app-warning: var(--sol-yellow);--app-error: var(--gmail-red-primary);--app-link: var(--gmail-blue-link)}:root{--primitive-gray-50: #fafafa;--primitive-gray-100: #f5f5f5;--primitive-gray-200: #eeeeee;--primitive-gray-300: #e0e0e0;--primitive-gray-400: #bdbdbd;--primitive-gray-500: #767676;--primitive-gray-600: #757575;--primitive-gray-700: #616161;--primitive-gray-800: #424242;--primitive-gray-900: #212121;--primitive-gray-dark-50: #121212;--primitive-gray-dark-100: #1e1e1e;--primitive-gray-dark-200: #2d2d2d;--primitive-gray-dark-300: #3a3a3a;--primitive-gray-dark-400: #4a4a4a;--primitive-gray-dark-500: #6a6a6a;--primitive-gray-dark-600: #9e9e9e;--primitive-gray-dark-700: #b0b0b0;--primitive-gray-dark-800: #e0e0e0;--primitive-gray-dark-900: #ffffff;--primitive-red-500: #c53929;--primitive-red-600: #b93221;--primitive-red-700: #a52c1a;--primitive-blue-500: #1a73e8;--primitive-blue-600: #1765cc;--primitive-blue-dark-500: #8ab4f8;--primitive-green-500: #188038;--primitive-green-dark-500: #81c995;--primitive-yellow-500: #f9ab00;--primitive-yellow-dark-500: #fdd663;--primitive-orange-500: #ea8600;--primitive-orange-dark-500: #fcad70}:root{--color-background-primary: #ffffff;--color-background-secondary: var(--primitive-gray-100);--color-background-tertiary: var(--primitive-gray-200);--color-background-elevated: #ffffff;--color-background-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--primitive-gray-900);--color-text-secondary: var(--primitive-gray-600);--color-text-tertiary: var(--primitive-gray-500);--color-text-inverse: #ffffff;--color-text-link: var(--primitive-blue-500);--color-text-link-hover: var(--primitive-blue-600);--color-border-primary: var(--primitive-gray-300);--color-border-secondary: var(--primitive-gray-200);--color-border-focus: var(--primitive-blue-500);--color-interactive-primary: var(--primitive-blue-500);--color-interactive-primary-hover: var(--primitive-blue-600);--color-interactive-danger: var(--primitive-red-500);--color-interactive-danger-hover: var(--primitive-red-600);--color-status-success: var(--primitive-green-500);--color-status-warning: var(--primitive-yellow-500);--color-status-error: var(--primitive-red-500);--color-status-info: var(--primitive-blue-500);--color-brand-primary: var(--primitive-red-500);--color-brand-secondary: var(--primitive-blue-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}[data-theme=light]{--color-background-primary: #ffffff;--color-background-secondary: var(--primitive-gray-100);--color-background-tertiary: var(--primitive-gray-200);--color-background-elevated: #ffffff;--color-background-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--primitive-gray-900);--color-text-secondary: var(--primitive-gray-600);--color-text-tertiary: var(--primitive-gray-500);--color-text-inverse: #ffffff;--color-text-link: var(--primitive-blue-500);--color-text-link-hover: var(--primitive-blue-600);--color-border-primary: var(--primitive-gray-300);--color-border-secondary: var(--primitive-gray-200);--color-border-focus: var(--primitive-blue-500);--color-interactive-primary: var(--primitive-blue-500);--color-interactive-primary-hover: var(--primitive-blue-600);--color-interactive-danger: var(--primitive-red-500);--color-interactive-danger-hover: var(--primitive-red-600);--color-status-success: var(--primitive-green-500);--color-status-warning: var(--primitive-yellow-500);--color-status-error: var(--primitive-red-500);--color-status-info: var(--primitive-blue-500);--color-brand-primary: var(--primitive-red-500);--color-brand-secondary: var(--primitive-blue-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: light){[data-theme=auto]{--color-background-primary: #ffffff;--color-background-secondary: var(--primitive-gray-100);--color-text-primary: var(--primitive-gray-900);--color-text-secondary: var(--primitive-gray-600)}}[data-theme=dark]{--color-background-primary: var(--primitive-gray-dark-50);--color-background-secondary: var(--primitive-gray-dark-100);--color-background-tertiary: var(--primitive-gray-dark-200);--color-background-elevated: var(--primitive-gray-dark-100);--color-background-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--primitive-gray-dark-800);--color-text-secondary: var(--primitive-gray-dark-700);--color-text-tertiary: var(--primitive-gray-dark-600);--color-text-inverse: var(--primitive-gray-900);--color-text-link: var(--primitive-blue-dark-500);--color-text-link-hover: var(--primitive-blue-600);--color-border-primary: var(--primitive-gray-dark-400);--color-border-secondary: var(--primitive-gray-dark-300);--color-border-focus: var(--primitive-blue-dark-500);--color-interactive-primary: var(--primitive-blue-dark-500);--color-interactive-primary-hover: var(--primitive-blue-600);--color-interactive-danger: var(--primitive-red-500);--color-interactive-danger-hover: var(--primitive-red-600);--color-status-success: var(--primitive-green-dark-500);--color-status-warning: var(--primitive-yellow-dark-500);--color-status-error: var(--primitive-red-500);--color-status-info: var(--primitive-blue-dark-500);--color-brand-primary: var(--primitive-red-500);--color-brand-secondary: var(--primitive-blue-dark-500);--button-primary-background: #1976d2;--button-primary-background-hover: #1565c0;--button-primary-text: var(--color-text-inverse);--button-primary-border: #1976d2;--button-secondary-background: var(--color-background-tertiary);--button-secondary-background-hover: var(--color-background-elevated);--button-secondary-text: var(--color-text-primary);--button-secondary-border: var(--color-border-primary);--button-danger-background: var(--primitive-red-500);--button-danger-background-hover: var(--primitive-red-600);--button-danger-text: var(--color-text-inverse);--button-danger-border: var(--primitive-red-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--gmail-text-primary: var(--primitive-gray-dark-800);--gmail-text-secondary: var(--primitive-gray-dark-700);--gmail-text-tertiary: var(--primitive-gray-dark-600);--gmail-text-white: var(--primitive-gray-dark-900);--gmail-bg-white: var(--primitive-gray-dark-50);--gmail-bg-light: var(--primitive-gray-dark-100);--gmail-gray-bg: var(--primitive-gray-dark-100);--gmail-gray-light: var(--primitive-gray-dark-200);--gmail-gray-dark: var(--primitive-gray-dark-300);--gmail-gray-darker: var(--primitive-gray-dark-400);--gmail-border-color: var(--primitive-gray-dark-400);--gmail-border-subtle: rgba(255, 255, 255, .06);--gmail-border-medium: rgba(255, 255, 255, .1);--gmail-border-strong: rgba(255, 255, 255, .2);--gmail-bg-hover: rgba(255, 255, 255, .05);--gmail-bg-selected: rgba(221, 75, 57, .15);--app-text-primary: var(--primitive-gray-dark-800);--app-text-secondary: var(--primitive-gray-dark-700);--app-text-emphasized: var(--primitive-gray-dark-900);--app-text-deemphasized: var(--primitive-gray-dark-600);--app-bg: var(--primitive-gray-dark-50);--app-bg-highlight: var(--primitive-gray-dark-200);--app-hover: rgba(255, 255, 255, .05);--app-active: var(--primitive-gray-dark-300);--app-border: var(--primitive-gray-dark-400);--app-border-subtle: rgba(255, 255, 255, .06)}@media (prefers-reduced-motion: reduce){[data-theme=dark]{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}:root{--email-list-background: var(--color-background-primary);--email-list-border: var(--color-border-secondary);--email-list-item-background: var(--color-background-primary);--email-list-item-background-hover: var(--color-background-secondary);--email-list-item-background-selected: var(--color-background-tertiary);--email-list-item-border: var(--color-border-secondary);--email-list-text-primary: var(--color-text-primary);--email-list-text-secondary: var(--color-text-secondary);--email-list-text-tertiary: var(--color-text-tertiary);--email-list-text-unread: var(--color-text-primary);--email-list-unread-indicator: var(--color-brand-primary);--email-list-flagged: var(--color-status-warning);--email-list-draft: var(--color-text-tertiary)}:root{--sidebar-background: var(--color-background-secondary);--sidebar-border: var(--color-border-secondary);--sidebar-text-primary: var(--color-text-primary);--sidebar-text-secondary: var(--color-text-secondary);--sidebar-item-background: transparent;--sidebar-item-background-hover: var(--color-background-tertiary);--sidebar-item-background-active: var(--color-background-elevated);--sidebar-item-text-active: var(--color-interactive-primary);--sidebar-count-text: var(--color-text-tertiary);--sidebar-count-text-active: var(--color-interactive-primary)}:root{--toolbar-background: var(--color-background-elevated);--toolbar-border: var(--color-border-primary);--toolbar-text: var(--color-text-primary);--toolbar-text-secondary: var(--color-text-secondary);--toolbar-button-background: transparent;--toolbar-button-background-hover: var(--color-background-secondary);--toolbar-button-background-active: var(--color-background-tertiary);--toolbar-button-text: var(--color-text-primary);--toolbar-divider: var(--color-border-secondary)}:root{--email-detail-background: var(--color-background-primary);--email-detail-border: var(--color-border-secondary);--email-detail-header-background: var(--color-background-secondary);--email-detail-header-border: var(--color-border-secondary);--email-detail-text-primary: var(--color-text-primary);--email-detail-text-secondary: var(--color-text-secondary);--email-detail-subject: var(--color-text-primary);--email-detail-sender: var(--color-text-primary);--email-detail-date: var(--color-text-secondary);--email-content-background: #ffffff;--email-content-text: #000000}:root{--compose-background: var(--color-background-primary);--compose-border: var(--color-border-primary);--compose-header-background: var(--color-background-secondary);--compose-header-border: var(--color-border-secondary);--compose-text-primary: var(--color-text-primary);--compose-text-secondary: var(--color-text-secondary);--compose-input-background: var(--color-background-elevated);--compose-input-border: var(--color-border-secondary);--compose-input-border-focus: var(--color-border-focus);--compose-input-text: var(--color-text-primary);--compose-input-placeholder: var(--color-text-tertiary);--compose-toolbar-background: var(--color-background-secondary);--compose-toolbar-border: var(--color-border-secondary)}:root{--button-primary-background: var(--color-interactive-primary);--button-primary-background-hover: var(--color-interactive-primary-hover);--button-primary-text: var(--color-text-inverse);--button-primary-border: var(--color-interactive-primary);--button-secondary-background: transparent;--button-secondary-background-hover: var(--color-background-secondary);--button-secondary-text: var(--color-text-primary);--button-secondary-border: var(--color-border-primary);--button-danger-background: var(--color-interactive-danger);--button-danger-background-hover: var(--color-interactive-danger-hover);--button-danger-text: var(--color-text-inverse);--button-danger-border: var(--color-interactive-danger);--input-background: var(--color-background-elevated);--input-background-focus: var(--color-background-primary);--input-border: var(--color-border-secondary);--input-border-focus: var(--color-border-focus);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-tertiary);--checkbox-background: var(--color-background-elevated);--checkbox-background-checked: var(--color-interactive-primary);--checkbox-border: var(--color-border-primary);--checkbox-border-checked: var(--color-interactive-primary);--checkbox-check: var(--color-text-inverse);--select-background: var(--color-background-elevated);--select-border: var(--color-border-secondary);--select-text: var(--color-text-primary);--select-arrow: var(--color-text-secondary);--textarea-background: var(--color-background-elevated);--textarea-border: var(--color-border-secondary);--textarea-border-focus: var(--color-border-focus);--textarea-text: var(--color-text-primary);--textarea-placeholder: var(--color-text-tertiary)}:root{--theme-transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base)}@media (prefers-reduced-motion: reduce){:root{--theme-transition: none}}