:root{--color-bg:#080b0f;--color-bg-secondary:#0f1318;--color-bg-card:#141920;--color-bg-hover:#1a2028;--color-border:#ffffff12;--color-border-hover:#ffffff1f;--color-border-active:#fff3;--color-text-primary:#fff;--color-text-secondary:#c8d8e8;--color-text-muted:#8fa4b8;--color-accent:#00d4aa;--color-accent-dim:#00d4aa1a;--color-accent-border:#00d4aa40;--color-success:#00d4aa;--color-success-dim:#00d4aa1a;--color-danger:#ff5252;--color-danger-dim:#ff52521a;--color-warning:#ffb547;--color-warning-dim:#ffb5471a;--color-info:#4d9fff;--color-info-dim:#4d9fff1a;--color-prob-high:#00d4aa;--color-prob-mid:#ffb547;--color-prob-low:#2a3540;--color-edge-strong:#00d4aa;--color-edge-moderate:#ffb547;--color-edge-fair:#3d4d5c;--color-edge-weak:#ff5252;--color-edge-avoid:#c00;--color-agree:#00d4aa;--color-diverge:#ffb547;--color-conflict:#ff5252;--font-display:"SF Pro Display", "Helvetica Neue", Arial, 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:188px 1fr;align-items:start;gap:24px;max-width:980px;padding:24px 24px 0;display:grid}}.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%}