:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#0ea5e91f,#0000 28%),linear-gradient(#020617 0%,#0f172a 100%);min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit}.app-shell{gap:20px;padding:24px;display:grid}.panel{background:#121826;border:1px solid #253047;border-radius:18px;padding:24px;box-shadow:0 12px 30px #00000038}.panel--error{color:#fecaca;border-color:#7f1d1d}.panel--empty{color:#cbd5e1;text-align:center}.hero-panel{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;display:grid}.hero-metrics{gap:12px;display:grid}.hero-metrics div,.probability-grid div{background:#0b1120;border:1px solid #1f2937;border-radius:14px;padding:14px}.hero-metrics span,.probability-grid span,.feature-chip span{color:#94a3b8;font-size:14px;display:block}.hero-metrics strong,.probability-grid strong,.pick-pill strong,.feature-chip strong{color:#f8fafc;margin-top:6px;display:block}.eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px}.lead,.muted{color:#cbd5e1}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.note-list,.reason-list{color:#e2e8f0;margin:12px 0 0;padding-left:18px}.filter-panel{gap:18px;display:grid}.competition-switches{flex-wrap:wrap;gap:12px;display:flex}.competition-switch{color:#e2e8f0;cursor:pointer;background:#0b1120;border:1px solid #334155;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:10px 16px;transition:border-color .15s,transform .15s,background .15s;display:flex}.competition-switch:hover{border-color:#60a5fa;transform:translateY(-1px)}.competition-switch--active{background:#0ea5e929;border-color:#38bdf8}.competition-switch strong{background:#94a3b82e;border-radius:999px;min-width:28px;padding:2px 8px}.filter-control{color:#cbd5e1;gap:8px;max-width:280px;display:grid}.filter-control select{color:#f8fafc;background:#0b1120;border:1px solid #334155;border-radius:12px;width:100%;padding:12px 14px}.prediction-list{gap:16px;display:grid}.prediction-card{background:#121826;border:1px solid #253047;border-radius:18px;padding:24px}.prediction-card__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-actions{justify-content:flex-end;margin-top:18px;display:flex}.secondary-button{color:#e2e8f0;cursor:pointer;background:#0b1120;border:1px solid #334155;border-radius:12px;min-height:44px;padding:10px 16px;transition:border-color .15s,transform .15s,background .15s}.secondary-button:hover{border-color:#60a5fa;transform:translateY(-1px)}.pick-pill{background:linear-gradient(#1d4ed8,#1e3a8a);border-radius:16px;min-width:140px;padding:14px 16px}.pick-pill--large{min-width:180px}.pick-pill span,.pick-pill small{color:#dbeafe}.detail-header{gap:20px;display:grid}.detail-header__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-header__body{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.detail-summary-grid,.detail-body-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-side-card{background:#0b1120;border:1px solid #1f2937;border-radius:16px;padding:18px}.note-list--compact{margin-top:16px}.detail-not-found{justify-items:flex-start;gap:16px;display:grid}.probability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.feature-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.feature-chip{border:1px solid #0000;border-radius:999px;min-width:110px;padding:10px 14px}.feature-chip.home{background:#22c55e1f;border-color:#22c55e59}.feature-chip.away{background:#f871711f;border-color:#f8717159}.feature-chip.neutral{background:#94a3b81f;border-color:#94a3b859}h1,h2,h3{color:#f8fafc;margin:0}h1{margin-bottom:12px;font-size:42px}h2{margin-bottom:8px;font-size:24px}h3{margin-bottom:10px;font-size:18px}p{margin:0}@media (width<=900px){.hero-panel,.meta-grid,.probability-grid{grid-template-columns:1fr}.prediction-card__header{flex-direction:column}}