/* GOAL LIVE — Premium editorial redesign. Intentional, restrained football UI. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#171b21;background:#f7f8fa;color-scheme:light dark}
*{box-sizing:border-box}
body{background:#f7f8fa;color:#171b21;letter-spacing:-.12px}
.shell{max-width:590px;padding:23px 18px 110px}
.top{border:0;padding:0 0 18px;display:flex;align-items:center}
.brand{font-size:23px;line-height:1;font-weight:850;letter-spacing:-1.15px;color:#14181e}
.brand b{color:inherit;font-weight:850}
.top>div:last-child{display:none}
.sub{font-size:11px;color:#9199a4;letter-spacing:.15px;margin:0 0 23px}
.notice{border:0;background:#edf0f3;color:#78818d;border-radius:7px;font-size:10px;padding:9px 12px;letter-spacing:.12px}
.sectiontitle{font-size:17px;font-weight:750;letter-spacing:-.45px;margin:26px 0 14px;color:#171b21}
.days{margin:20px 0 9px;gap:5px;overflow:auto;scrollbar-width:none}
.days::-webkit-scrollbar{display:none}
.day{background:transparent;border:0;border-radius:8px;color:#7b8591;font-weight:600;font-size:12px;padding:10px 19px}
.day.active{background:#171b21!important;color:#fff!important;border:0}
.card{background:#fff;border:1px solid #e9edf0;border-radius:12px;padding:0;margin:11px 0;box-shadow:none;overflow:hidden}
.match-card .league{display:flex;align-items:center;justify-content:space-between;margin:0;padding:13px 16px 11px;border-bottom:1px solid #f0f2f4;color:#68727e;font-size:11px;font-weight:650}
.match-card .league strong{font-weight:650}
.favorite-toggle{font-size:23px;color:#b5bec7;padding:0 4px;line-height:1}
.favorite-toggle[aria-pressed="true"]{color:#202a37}
.score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:center;padding:20px 16px 10px}
.team{min-width:0;font-size:12px;font-weight:650;color:#343c46;line-height:1.35;display:flex;flex-direction:column;align-items:center;gap:8px}
.crest{display:grid;place-items:center;width:41px;height:41px;margin:0;background:#f0f2f4;border:1px solid #e8ebef;border-radius:50%;font-size:10px;letter-spacing:-.5px;font-weight:850;color:#525e6a}
.num{font-size:24px;letter-spacing:-1.25px;font-weight:800;color:#171b21;white-space:nowrap}
.status{font-size:10px;font-weight:700;letter-spacing:.25px;color:#8a939e;margin:8px 0 16px}
.match-card:first-of-type .status{color:#176c53}
.actions{padding:0 16px 15px}
.action{border:1px solid #e9edf0;border-radius:8px;background:#f7f8fa;color:#4e5965;font-size:11px;font-weight:650;padding:11px 12px;box-shadow:none}
.action.primary{background:#20262e;border-color:#20262e;color:#fff}
.nav{background:#fff;border-top:1px solid #e9edf0;box-shadow:none}
.navinner{max-width:590px}
.nav button{color:#929aa5;min-height:66px;gap:5px;padding:11px 3px}
.nav button span{font-size:10px;font-weight:600}
.nav button.sel{color:#20262e}
.nav button.sel:before{background:#20262e;height:2px;left:29%;right:29%}
.nav button svg{width:21px;height:21px;stroke-width:1.65}
.favcount{background:#20262e}
.searchbox{background:#fff;border:1px solid #e3e8ec;border-radius:10px;color:#939da7;min-height:52px;box-shadow:none}
.searchbox:focus-within{border-color:#7f8994;box-shadow:0 0 0 3px rgba(33,40,48,.04)}
.searchbox input{color:#222a32}
.counter{color:#606a76;background:#edf0f3}
.empty{color:#8d97a2;font-size:13px}
.empty-fav svg{color:#aab4bf}
.empty-fav strong{color:#343c46}
.profile-card{padding:18px;gap:14px}
.avatar{background:#f0f2f4;color:#596470;border-radius:12px}
.settings-card{padding:18px}
.settings-card>label{color:#68727e}
.settings-card>input{background:#f8f9fa;color:#252c34;border-color:#e7ebef}
.settings-line+.settings-line{border-color:#eef1f3}
.switch input:checked+span{background:#323c47}
.backbtn{margin-top:14px}
.metric{padding:0 16px}
.metric .middle{color:#7d8792}
.bar{height:5px;background:#e9edf0}
.fill{background:#566b7b}
.card>.sectiontitle{padding:18px 16px 0;margin:0}
.card>.muted{padding:0 16px}
.pitch{margin:12px 16px 18px}
@media(prefers-color-scheme:dark){
 :root{background:#101317;color:#e8ebef}
 body{background:#101317;color:#e8ebef}
 .brand,.sectiontitle,.num{color:#f0f2f5}
 .sub{color:#818b96}
 .notice{background:#1b2128;color:#9aa5af}
 .day{color:#9aa5af;background:transparent}
 .day.active{background:#f0f2f5!important;color:#171b21!important}
 .card{background:#1a1f26;border-color:#2b333d;box-shadow:none}
 .match-card .league{border-color:#29313b;color:#a2acb7}
 .team{color:#e0e5eb}
 .crest{background:#262d36;border-color:#35404b;color:#d4dce4}
 .favorite-toggle{color:#82909c}
 .favorite-toggle[aria-pressed="true"]{color:#f1f3f5}
 .status{color:#a0aab4}
 .match-card:first-of-type .status{color:#6cc5a2}
 .action{background:#252c35;border-color:#323b46;color:#d0d7df}
 .action.primary{background:#f0f2f5;color:#192028;border-color:#f0f2f5}
 .nav{background:#191e25;border-color:#303741;box-shadow:none}
 .nav button{color:#87939f}
 .nav button.sel{color:#f2f4f6}
 .nav button.sel:before,.favcount{background:#f2f4f6}
 .favcount{color:#1a2027}
 .searchbox{background:#1a1f26;border-color:#303943;color:#9aa5b1}
 .searchbox:focus-within{border-color:#8c9ba9;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
 .searchbox input{color:#eef2f5}
 .counter{background:#2b333c;color:#ccd5dd}
 .empty{color:#9aa5af}
 .empty-fav svg{color:#84929e}
 .empty-fav strong{color:#e4e9ed}
 .avatar{background:#2a323b;color:#d4dde4}
 .settings-card>label{color:#abb5c0}
 .settings-card>input{background:#252c35;color:#eef2f5;border-color:#353f49}
 .settings-line+.settings-line{border-color:#303943}
 .switch input:checked+span{background:#a7b3bf}
 .metric .middle{color:#a6b0bb}
 .bar{background:#36414b}
 .fill{background:#b1bfca}
}