:root{color-scheme:light dark;--color-primary:#1B6B4A;--color-primary-light:#E8F5EE;--color-primary-rgb:27, 107, 74;--color-accent:#D4A017;--color-accent-light:#FDF6E3;--color-accent-rgb:212, 160, 23;--color-logo-bar:#1A1A2E;--color-background:#F8F9FA;--color-surface:#FFFFFF;--color-surface-raised:#FFFFFF;--color-surface-sunken:#F1F3F5;--color-surface-overlay:rgba(255, 255, 255, 0.8);--color-surface-elevated:#FFFFFF;--color-surface-hover:rgba(26, 26, 46, 0.05);--color-text-primary:#1A1A2E;--color-text-secondary:#5A6474;--color-text-tertiary:#5F6877;--color-text-on-primary:#FFFFFF;--color-text:var(--color-text-primary);--color-error:#D32F2F;--color-success:#2E7D32;--color-warning:#E8833A;--color-success-light:#e6f9ed;--color-error-light:#fde8e8;--color-warning-light:#fff3e8;--color-text-on-danger:#FFFFFF;--color-rank-gold:#ffd700;--color-rank-silver:#c0c0c0;--color-rank-bronze:#cd7f32;--overlay-bg:rgba(0, 0, 0, 0.5);--color-divider:#E0E4E8;--color-border:var(--color-divider);--gradient-primary:linear-gradient(135deg, #1B6B4A 0%, #2D9F6F 100%);--gradient-accent:linear-gradient(135deg, #D4A017 0%, #FBBF24 100%);--gradient-hero:linear-gradient(160deg, #E8F5EE 0%, #F0F7F4 40%, #F8F9FA 100%);--gradient-surface:linear-gradient(180deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), 0.02) 100%);--gradient-r-score:linear-gradient(135deg, #1B6B4A 0%, #4ADE80 50%, #D4A017 100%);--glass-bg:rgba(255, 255, 255, 0.6);--glass-border:rgba(255, 255, 255, 0.3);--glass-blur:blur(20px);--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-hero:56px;--font-size-metric:48px;--font-size-display:32px;--font-size-h1:24px;--font-size-h2:20px;--font-size-h3:18px;--font-size-body-lg:18px;--font-size-body:16px;--font-size-body-sm:14px;--font-size-sm:var(--font-size-body-sm);--font-size-label:14px;--font-size-caption:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-display:1.2;--line-height-h1:1.3;--line-height-h2:1.3;--line-height-body:1.5;--line-height-body-sm:1.4;--line-height-label:1.2;--line-height-caption:1.3;--letter-spacing-tight:-0.025em;--letter-spacing-display:-0.04em;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.04), 0 10px 20px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.06), 0 20px 48px rgba(0, 0, 0, 0.08);--shadow-xl:0 16px 40px rgba(0, 0, 0, 0.08), 0 32px 64px rgba(0, 0, 0, 0.1);--shadow-glow-primary:0 0 20px rgba(var(--color-primary-rgb), 0.15), 0 0 60px rgba(var(--color-primary-rgb), 0.05);--shadow-glow-accent:0 0 20px rgba(var(--color-accent-rgb), 0.15), 0 0 60px rgba(var(--color-accent-rgb), 0.05);--transition-fast:150ms cubic-bezier(0.25, 0.1, 0.25, 1);--transition-normal:300ms cubic-bezier(0.25, 0.1, 0.25, 1);--transition-spring:500ms cubic-bezier(0.34, 1.56, 0.64, 1);--transition-slow:600ms cubic-bezier(0.25, 0.1, 0.25, 1);--tab-bar-height:56px;--safe-area-bottom:env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--color-primary:#4ADE80;--color-primary-light:rgba(74, 222, 128, 0.12);--color-primary-rgb:74, 222, 128;--color-logo-bar:#4ADE80;--color-accent:#FBBF24;--color-accent-light:rgba(251, 191, 36, 0.12);--color-accent-rgb:251, 191, 36;--color-background:#0F1117;--color-surface:#1A1D27;--color-surface-raised:#1E2130;--color-surface-sunken:#13151D;--color-surface-overlay:rgba(15, 17, 23, 0.8);--color-surface-elevated:#232734;--color-surface-hover:rgba(232, 236, 241, 0.07);--color-text-primary:#E8ECF1;--color-text-secondary:#8B95A5;--color-text-tertiary:#7E899B;--color-text-on-primary:#0F1117;--color-error:#EF5350;--color-success:#66BB6A;--color-warning:#F5A623;--color-success-light:rgba(102, 187, 106, 0.12);--color-error-light:rgba(239, 83, 80, 0.12);--color-warning-light:rgba(245, 166, 35, 0.12);--overlay-bg:rgba(0, 0, 0, 0.7);--color-divider:#2A2E38;--gradient-hero:linear-gradient(160deg, #050A08 0%, #0F1117 40%, #1A2B22 100%);--glass-bg:rgba(26, 29, 39, 0.6);--glass-border:rgba(74, 222, 128, 0.1);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.15);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.25), 0 20px 48px rgba(0, 0, 0, 0.2);--shadow-xl:0 16px 40px rgba(0, 0, 0, 0.35), 0 32px 64px rgba(0, 0, 0, 0.3)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}fieldset{border:0;min-width:0}legend{float:left;width:100%;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0ms !important;animation-iteration-count:1 !important;transition-duration:0ms !important}}button,a,input,select,textarea,[role="button"]{min-height:44px;min-width:44px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:3px}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.1)}50%{box-shadow:0 0 30px rgba(var(--color-primary-rgb), 0.25)}}@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.segment-control{display:flex;background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-lg);position:relative}.segment-control__item{flex:1;padding:10px var(--space-md);border:none;background:none;border-radius:calc(var(--radius-lg) - 4px);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);min-height:44px;position:relative;z-index:1}.segment-control__item--active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.segment-control__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}