*{margin:0;padding:0;box-sizing:border-box}:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--keyboard-height: 0px;--surface-base: #fcfcfc;--surface-l1: #f7f7f7;--surface-l2: #f2f2f2;--surface-l3: #f2f2f2;--surface-invert: #050505;--fg-primary: #050505;--fg-secondary: #636363;--fg-tertiary: #6e6e6e;--fg-invert: #fcfcfc;--border-l1: rgba(0, 0, 0, .06);--border-l2: rgba(0, 0, 0, .1);--border-l3: rgba(0, 0, 0, .15);--button-filled: #050505;--button-filled-hover: #282828;--button-ghost-hover: rgba(0, 0, 0, .04);--button-ghost-active: rgba(0, 0, 0, .08);--ring: #848484;--fg-danger: hsl(355, 63%, 44%);--fg-positive: hsl(180, 98%, 23%);--fg-link: #2D7AB8;--overlay: rgba(0, 0, 0, .2);--popover: #f2f2f2;--input-background: #fff;--input-border: #e3e3e3;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-dimmed: rgba(0, 0, 0, .05);--header-height: 56px;--content-max-width: 48rem;--sidebar-width: 260px;--grok-bg-primary: var(--surface-base);--grok-bg-secondary: var(--surface-l1);--grok-bg-hover: var(--button-ghost-hover);--grok-bg-active: var(--button-ghost-active);--grok-text-primary: var(--fg-primary);--grok-text-secondary: var(--fg-secondary);--grok-text-tertiary: var(--fg-tertiary);--grok-border: var(--border-l1);--grok-border-focus: var(--ring);--grok-shadow: 0 2px 8px rgba(0, 0, 0, .06);--grok-shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--theme-bg-primary: var(--surface-base);--theme-bg-secondary: var(--surface-l1);--theme-bg-tertiary: var(--surface-l2);--theme-bg-elevated: var(--surface-base);--theme-bg-hover: var(--button-ghost-hover);--theme-bg-active: var(--button-ghost-active);--theme-text-primary: var(--fg-primary);--theme-text-secondary: var(--fg-secondary);--theme-text-tertiary: var(--fg-tertiary);--theme-text-inverse: var(--fg-invert);--theme-border: var(--border-l1);--theme-border-subtle: var(--border-l1);--theme-border-focus: var(--ring);--theme-accent: var(--fg-primary);--theme-accent-hover: var(--fg-secondary);--theme-accent-light: rgba(0, 0, 0, .06);--theme-accent-pressed: var(--fg-primary);--theme-success: hsl(180, 98%, 23%);--theme-success-light: hsla(180, 98%, 23%, 15%);--theme-warning: hsl(42, 96%, 25%);--theme-warning-light: hsla(42, 96%, 25%, 15%);--theme-error: hsl(355, 63%, 44%);--theme-error-light: hsla(355, 63%, 44%, 15%);--theme-info: #2D7AB8;--theme-info-light: rgba(45, 122, 184, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04), 0 4px 6px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .06), 0 8px 10px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--theme-bg-color: #ffffff;--theme-text-color: #050505;--theme-hint-color: #636363;--theme-link-color: #2D7AB8;--theme-button-color: #050505;--theme-button-text-color: #fcfcfc;--theme-secondary-bg-color: #f7f7f7;--theme-section-bg-color: #ffffff;--theme-section-header-text-color: #636363;--theme-subtitle-text-color: #636363;--theme-destructive-text-color: hsl(355, 63%, 44%);--app-viewport-height: 100dvh;--app-viewport-stable-height: 100dvh;--brand-primary: #050505;--brand-gradient: linear-gradient(135deg, #050505, #333);--brand-light: #F5F7FA;--brand-subtle: #F0F7FC;--accent: #2D7AB8}[data-theme=dark]{--surface-base: #050505;--surface-l1: #141414;--surface-l2: #212121;--surface-l3: #212121;--surface-invert: #fcfcfc;--fg-primary: #fcfcfc;--fg-secondary: #9e9e9e;--fg-tertiary: #949494;--fg-invert: #050505;--border-l1: rgba(255, 255, 255, .08);--border-l2: rgba(255, 255, 255, .12);--border-l3: rgba(255, 255, 255, .18);--button-filled: #fcfcfc;--button-filled-hover: #e0e0e0;--button-ghost-hover: rgba(255, 255, 255, .06);--button-ghost-active: rgba(255, 255, 255, .12);--ring: #636363;--fg-danger: hsl(357, 82%, 71%);--fg-positive: hsl(180, 67%, 47%);--fg-link: #60a5fa;--overlay: rgba(0, 0, 0, .5);--popover: #212121;--input-background: #141414;--input-border: #3b3b3b;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-dimmed: rgba(255, 255, 255, .05);--grok-shadow: 0 2px 8px rgba(0, 0, 0, .4);--grok-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 8px 10px rgba(0, 0, 0, .6);--theme-accent: var(--fg-primary);--theme-accent-hover: var(--fg-secondary);--theme-accent-light: rgba(255, 255, 255, .08);--theme-success: hsl(180, 67%, 47%);--theme-success-light: hsla(180, 67%, 47%, 15%);--theme-warning: hsl(39, 100%, 90%);--theme-warning-light: hsla(39, 100%, 90%, 15%);--theme-error: hsl(357, 82%, 71%);--theme-error-light: hsla(357, 82%, 71%, 15%);--theme-info: #60a5fa;--theme-info-light: rgba(96, 165, 250, .15);--theme-bg-color: #050505;--theme-text-color: #fcfcfc;--theme-hint-color: #9e9e9e;--theme-secondary-bg-color: #141414;--theme-section-bg-color: #050505;--theme-section-header-text-color: #9e9e9e;--theme-subtitle-text-color: #9e9e9e;--brand-primary: #fcfcfc;--brand-light: #0c1015;--brand-subtle: #0d1520;--accent: #60a5fa}html.brand-xshopper{--brand-primary: #E2662B;--brand-gradient: linear-gradient(135deg, #E2662B, #F59E0B);--brand-subtle: #FFF4E8;--accent: #E2662B;--fg-link: #E2662B}html.brand-xshopper[data-theme=dark]{--brand-primary: #F59E0B;--brand-subtle: #1F1609;--accent: #F59E0B;--fg-link: #FBBF24}@media(min-width:861px)and (max-width:1024px){:root{--sidebar-width: 200px}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--surface-base);color:var(--fg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.1px;overflow-x:hidden;min-height:var(--app-viewport-stable-height);transition:background var(--transition-normal),color var(--transition-normal)}a{color:var(--fg-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--fg-secondary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dimmed);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb)}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:10000;padding:var(--spacing-sm) var(--spacing-md);background:var(--fg-primary);color:var(--fg-invert);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:0 0 var(--radius-md) 0}.skip-to-content:focus{left:0}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--fg-primary);background:var(--surface-l1);border:1px solid var(--border-l1);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--fg-tertiary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-l3)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--fg-primary)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--fg-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn--primary{background:var(--button-filled);color:var(--fg-invert)}.btn--primary:hover{background:var(--button-filled-hover)}.btn--secondary{background:transparent;color:var(--fg-primary);border:1px solid var(--border-l2)}.btn--secondary:hover{background:var(--button-ghost-hover)}.btn--ghost{background:transparent;color:var(--fg-primary)}.btn--ghost:hover{background:var(--button-ghost-hover)}.btn--danger{background:var(--theme-error);color:var(--fg-invert)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}[dir=rtl] .back-link{direction:rtl}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-l1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}