:root{--color-primary-blue: #128de7;--color-primary-pink: #ff166a;--color-primary-green: #03e71a;--color-text-primary: #1a1a1a;--color-text-secondary: rgba(0, 0, 0, .7);--color-text-tertiary: rgba(0, 0, 0, .5);--color-text-placeholder: rgba(0, 0, 0, .3);--color-text-white: #ffffff;--color-text-premium: #1a1a1a;--color-text-premium-muted: rgba(0, 0, 0, .5);--color-bg-default: #f8f8f8;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-input: rgba(255, 255, 255, .05);--color-bg-keyboard: #ccced3;--color-border-subtle: rgba(18, 18, 29, .1);--color-border-very-subtle: rgba(18, 18, 29, .05);--color-status-error: #E8503A;--color-status-dark: #121212;--color-status-link: #259cd5;--glass-bg: rgba(0, 0, 0, .85);--glass-bg-hover: rgba(0, 0, 0, .92);--glass-border: rgba(255, 255, 255, .2);--glass-border-bright: rgba(255, 255, 255, .3);--glass-blur: blur(20px);--gradient-premium: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--gradient-glow: radial-gradient(circle at 50% 50%, var(--primary-glow), transparent 70%);--gradient-button: linear-gradient(90deg, var(--primary), var(--primary-hover));--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 20px var(--primary-glow);--frame-color: #111111;--outer-bg: radial-gradient(circle at center, #1a1a1a 0%, #000 100%);--nav-bg: rgba(10, 10, 20, .98);--screen-bg: var(--gradient-premium);--color-border-default: rgba(255, 255, 255, .1);--rim-color: var(--primary);--primary: #128de7;--primary-glow: rgba(18, 141, 231, .3);--primary-light: rgba(18, 141, 231, .1);--primary-hover: #0f7cc9;--color-bg-dark: #020617;--color-text-premium: #f8fafc;--color-text-muted: #94a3b8;--font-family-primary: Roboto, sans-serif;--font-family-secondary: Gilroy, sans-serif;--font-family-accent: Poppins, sans-serif;--font-family-data: Inter, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 14.479px;--line-height-normal: 16px;--line-height-relaxed: 24px;--line-height-loose: 32px;--letter-spacing-tight: -.39px;--letter-spacing-normal: 0px;--letter-spacing-wide: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 32px;--size-screen-width: 375px;--size-screen-height: 812px;--size-status-bar-height: 44px;--size-home-indicator-height: 34px;--size-home-indicator-width: 134px;--size-input-height: 55px;--size-button-small: 36px;--size-button-medium: 45px;--size-button-large: 50px;--size-button-primary: 56px;--size-icon-xs: 16px;--size-icon-sm: 20px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-icon-xl: 36px;--size-icon-2xl: 56px;--size-icon-circular: 72px;--radius-none: 0px;--radius-xs: 5px;--radius-sm: 7.412px;--radius-md: 8px;--radius-base: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 30px;--radius-full: 60px;--radius-circle: 100px;--shadow-sm: 0px 5px 30px 0px rgba(51, 58, 66, .1);--shadow-md: 0px 14.785px 30.802px 0px rgba(0, 0, 0, .05);--shadow-lg: 0px 44px 34px 0px rgba(37, 156, 213, .05);--blur-background: 54.366px;--opacity-transparent: 0;--opacity-subtle: .05;--opacity-light: .1;--opacity-medium: .3;--opacity-strong: .6;--opacity-opaque: 1}:root[data-theme=blue]{--primary: #7dd3fc;--primary-glow: rgba(125, 211, 252, .3);--primary-light: rgba(125, 211, 252, .1);--primary-hover: #38bdf8;--color-text-primary: #0f172a;--color-text-secondary: rgba(15, 23, 42, .7);--color-border-subtle: rgba(15, 23, 42, .1);--gradient-premium: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);--frame-color: #7dd3fc;--outer-bg: #f8fafc;--nav-bg: rgba(255, 255, 255, .9)}:root[data-theme=pink]{--primary: #fda4af;--primary-glow: rgba(253, 164, 175, .3);--primary-light: rgba(253, 164, 175, .1);--primary-hover: #fb7185;--color-text-primary: #1e1b4b;--color-text-secondary: rgba(30, 27, 75, .7);--color-border-subtle: rgba(30, 27, 75, .1);--gradient-premium: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);--frame-color: #fda4af;--outer-bg: #fffafb;--nav-bg: rgba(255, 255, 255, .9)}:root[data-theme=purple]{--primary: #d8b4fe;--primary-glow: rgba(216, 180, 254, .3);--primary-light: rgba(216, 180, 254, .1);--primary-hover: #c084fc;--color-text-primary: #1e1b4b;--color-text-secondary: rgba(30, 27, 75, .7);--color-border-subtle: rgba(30, 27, 75, .1);--gradient-premium: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);--frame-color: #d8b4fe;--outer-bg: #fbfaff;--nav-bg: rgba(255, 255, 255, .9)}:root[data-theme=green]{--primary: #86efac;--primary-glow: rgba(134, 239, 172, .3);--primary-light: rgba(134, 239, 172, .1);--primary-hover: #4ade80;--color-text-primary: #064e3b;--color-text-secondary: rgba(6, 78, 59, .7);--color-border-subtle: rgba(6, 78, 59, .1);--gradient-premium: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);--frame-color: #86efac;--outer-bg: #f9fffb;--nav-bg: rgba(255, 255, 255, .9)}:root[data-theme=light]{--primary: #94a3b8;--primary-glow: rgba(148, 163, 184, .2);--primary-light: rgba(148, 163, 184, .05);--primary-hover: #64748b;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-border-subtle: rgba(0, 0, 0, .1);--color-border-default: #e2e8f0;--gradient-premium: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--frame-color: #cbd5e1;--outer-bg: #f8fafc;--nav-bg: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--color-bg-card: #ffffff;--color-bg-input: #f1f5f9}:root[data-theme-mode=rim-only]{--gradient-premium: #ffffff;--outer-bg: #f8fafc;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--nav-bg: rgba(255, 255, 255, .95);--color-bg-card: #ffffff}.text-h1{font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-loose);color:var(--color-text-primary)}.text-h2{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.text-body{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.text-body-small{font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-label{font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-location{font-family:var(--font-family-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.text-order-id{font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--color-text-secondary)}.btn-primary{height:var(--size-button-primary);border-radius:var(--radius-full);background-color:var(--color-primary-blue);color:var(--color-text-white);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed);padding:0 var(--spacing-xl);border:none;cursor:pointer}.btn-secondary{height:var(--size-button-small);border-radius:var(--radius-full);background-color:transparent;border:1px solid var(--color-primary-pink);color:var(--color-primary-pink);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);padding:0 var(--spacing-base);cursor:pointer}.input-field{height:var(--size-input-height);border-radius:var(--radius-base);background-color:var(--color-bg-input);padding:0 var(--spacing-base);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-placeholder);border:none}.card{background-color:var(--color-bg-card);border-radius:var(--radius-base);padding:var(--spacing-base) var(--spacing-2xl);box-shadow:var(--shadow-lg)}