:root{--color-bg: #F2F2F7;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #1C1C1E;--color-text-secondary: #8E8E93;--color-text-tertiary: #AEAEB2;--color-text-inverse: #FFFFFF;--color-border: rgba(0, 0, 0, .08);--color-divider: rgba(0, 0, 0, .06);--color-positive: #34C759;--color-active: #007AFF;--color-attention: #FF9500;--color-negative: #FF3B30;--color-neutral: #8E8E93;--color-price-very-cheap: #34C759;--color-price-cheap: #30D158;--color-price-normal: #FF9500;--color-price-expensive: #FF3B30;--color-price-very-expensive:#AF52DE;--gradient-power: linear-gradient( 135deg, rgba(0, 122, 255, .12) 0%, transparent 60% );--gradient-price: linear-gradient( 135deg, rgba(52, 199, 89, .12) 0%, transparent 60% );--gradient-cost: linear-gradient( 135deg, rgba(255, 149, 0, .12) 0%, transparent 60% );--gradient-vehicles: linear-gradient( 135deg, rgba(175, 82, 222, .12) 0%, transparent 60% );--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--ring-size: 180px;--ring-stroke-width: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-card: 20px;--radius-xl: 24px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 34px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-caps: .5px;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--color-positive-bg: rgba(52, 199, 89, .12);--color-active-bg: rgba(0, 122, 255, .12);--color-attention-bg: rgba(255, 149, 0, .12);--color-negative-bg: rgba(255, 59, 48, .12);--fill-primary: #E5E5EA;--fill-secondary: #F2F2F7;--ring-size-lg: 280px;--ring-size-sm: 180px;--ring-stroke-width: 6;--device-bg: linear-gradient(145deg, #FFFFFF, #F2F2F7);--device-inner: #FFFFFF;--scrollbar-thumb: rgba(0,0,0,.15);--touch-target-min: 44px;--content-max-width: 600px}[data-theme=dark]{--color-bg: #000000;--color-surface: #1C1C1E;--color-surface-elevated: #2C2C2E;--color-text-primary: #F2F2F7;--color-text-secondary: #8E8E93;--color-text-tertiary: #636366;--color-text-inverse: #1C1C1E;--color-border: rgba(255, 255, 255, .1);--color-divider: rgba(255, 255, 255, .08);--gradient-power: linear-gradient( 135deg, rgba(0, 122, 255, .16) 0%, transparent 60% );--gradient-price: linear-gradient( 135deg, rgba(52, 199, 89, .16) 0%, transparent 60% );--gradient-cost: linear-gradient( 135deg, rgba(255, 149, 0, .16) 0%, transparent 60% );--gradient-vehicles: linear-gradient( 135deg, rgba(175, 82, 222, .16) 0%, transparent 60% );--color-positive-bg: rgba(50, 215, 75, .16);--color-active-bg: rgba(10, 132, 255, .16);--color-attention-bg: rgba(255, 159, 10, .16);--color-negative-bg: rgba(255, 69, 58, .16);--fill-primary: #3A3A3C;--fill-secondary: #2C2C2E;--device-bg: linear-gradient(145deg, #2C2C2E, #1C1C1E);--device-inner: #2C2C2E;--scrollbar-thumb: rgba(255,255,255,.15);--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}ul[role=list],ol[role=list]{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}a{color:var(--color-active);text-decoration:none}.sheet-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.sheet-content::-webkit-scrollbar{width:4px}.sheet-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUpCards{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-divider) 0%,rgba(0,0,0,.03) 40%,var(--color-divider) 80%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f 80%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}