:root{--color-bg:#fafaf8;--color-bg-secondary:#f4f2ed;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-bg-hover:#eeecea;--color-border:#e2ddd6;--color-border-light:#eeecea;--color-border-hover:#d6cfc5;--color-border-active:#c9a84c;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4540;--color-text-muted:#8a8078;--color-accent:#c9a84c;--color-accent-dim:#c9a84c1a;--color-accent-border:#c9a84c4d;--color-green:#2d7a4f;--color-green-dim:#2d7a4f1a;--color-green-border:#2d7a4f40;--color-blue:#1a3a6c;--color-blue-dim:#1a3a6c14;--color-success:#2d7a4f;--color-success-dim:#2d7a4f1a;--color-danger:#c0392b;--color-danger-dim:#c0392b1a;--color-warning:#d4860a;--color-warning-dim:#d4860a1a;--color-info:#1a5a8c;--color-info-dim:#1a5a8c1a;--color-prob-high:#2d7a4f;--color-prob-mid:#d4860a;--color-prob-low:#eeecea;--color-edge-strong:#2d7a4f;--color-edge-moderate:#d4860a;--color-edge-fair:#c9c2b8;--color-edge-weak:#c0392b;--color-edge-avoid:#a02718;--color-edge-green:#2d7a4f;--color-edge-amber:#d4860a;--color-edge-red:#c0392b;--color-agree:#2d7a4f;--color-diverge:#d4860a;--color-conflict:#c0392b;--font-display:-apple-system, "SF Pro Display", "Inter", sans-serif;--font-ui:"SF Pro Text", "Helvetica Neue", Arial, sans-serif;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:36px;--text-4xl:52px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--touch-target:44px;--nav-height-top:56px;--nav-height-bottom:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);min-height:100vh;font-size:16px;line-height:1.6}.navbar-desktop{display:none!important}.navbar-mobile{display:flex!important}@media (width>=768px){.navbar-desktop{display:flex!important}.navbar-mobile{display:none!important}}.app-content{padding-bottom:80px}@media (width>=768px){.app-content{padding-top:56px;padding-bottom:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-bg-hover) 50%, var(--color-bg-card) 75%);border-radius:var(--radius-md);background-size:200%;animation:1.5s linear infinite shimmer}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.45}}.badge-live{animation:1.5s ease-in-out infinite pulse-badge}.matches-page{max-width:720px;margin:0 auto;padding:0 16px;display:block}@media (width>=768px){.matches-page{grid-template-columns:220px 1fr;align-items:start;gap:32px;max-width:1400px;padding:24px 32px 0;display:grid}}.analysis-page{max-width:720px;margin:0 auto;padding:0 16px}@media (width>=1024px){.analysis-page{grid-template-columns:240px minmax(0,1fr) 320px;align-items:start;gap:32px;max-width:1400px;padding:24px 32px;display:grid}.analysis-side,.analysis-right{top:calc(var(--nav-height-top) + 24px);position:sticky}}.analysis-side,.analysis-right{display:none}@media (width>=1024px){.analysis-side,.analysis-right{display:block}}.only-desktop{display:none}@media (width>=1024px){.only-desktop{display:block}.only-mobile{display:none}}.matches-sidebar{display:none}@media (width>=768px){.matches-sidebar{top:calc(var(--nav-height-top) + 16px);max-height:calc(100vh - var(--nav-height-top) - 32px);display:block;position:sticky;overflow-y:auto}}.matches-sticky-header{background:var(--color-bg);z-index:9;margin-bottom:8px;padding:20px 0 12px;position:sticky;top:0}@media (width>=768px){.matches-sticky-header{top:var(--nav-height-top)}}::-webkit-scrollbar{display:none}@media (width<=767px){:root{--text-xs:12px;--text-sm:14px;--text-base:16px}.app-content{padding-left:4px;padding-right:4px}button{min-height:44px}.tab-label{font-size:13px!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}p,span,div{-webkit-text-size-adjust:100%}