:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Space Grotesk", "DM Sans", system-ui, sans-serif;--accent-green:#2dd46a;--accent-cyan:#3ec7d6;--accent-red:#e45757;--radius:14px;--header-height:auto;--content-max:720px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--bg:#070b14;--bg-elevated:#101827;--bg-soft:#0b1220;--border:#ffffff14;--text:#f4f7fb;--text-muted:#9aa8bc;--shadow:0 10px 30px #00000059;--nav-active:#2dd46a29;--skeleton:#ffffff0f;--atmosphere:radial-gradient(1200px 500px at 10% -10%, #3ec7d61f, transparent 55%), radial-gradient(900px 400px at 100% 0%, #2dd46a1a, transparent 50%), linear-gradient(180deg, #070b14 0%, #0b1220 100%)}html[data-theme=light]{--bg:#f4f7fb;--bg-elevated:#fff;--bg-soft:#eef3f8;--border:#0f172a14;--text:#0f172a;--text-muted:#5b6b7f;--shadow:0 8px 24px #0f172a14;--nav-active:#2dd46a24;--skeleton:#0f172a0f;--atmosphere:radial-gradient(1000px 420px at 0% -10%, #3ec7d61f, transparent 55%), radial-gradient(800px 360px at 100% 0%, #2dd46a1a, transparent 50%), linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--atmosphere);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{font:inherit;color:inherit;cursor:pointer}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 86%, transparent);border-bottom:1px solid var(--border);padding:calc(var(--space-3) + env(safe-area-inset-top,0px)) var(--space-4) var(--space-2);position:sticky;top:0}.app-header__brand{max-width:var(--content-max);margin:0 auto}.app-header__title-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-header__brand-button{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;margin:0;padding:0}.app-header__brand-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.app-header__subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.78rem;line-height:1.3}.app-header__controls{gap:.4rem;display:flex}.chip-toggle{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:600;transition:color .16s,border-color .16s,background .16s}.chip-toggle:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent-cyan) 45%, var(--border))}.chip-toggle--notify{justify-content:center;align-items:center;min-width:2rem;padding-inline:.45rem;display:inline-flex}.chip-toggle--notify.is-active{color:var(--text);border-color:color-mix(in srgb, var(--accent-green) 55%, var(--border));background:var(--nav-active)}.chip-toggle--notify:disabled{opacity:.55;cursor:not-allowed}.locale-select{align-items:center;max-width:7.5rem;display:inline-flex}.locale-select__control{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - .85rem) 55%,calc(100% - .55rem) 55%;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;max-width:7.5rem;padding-right:1.35rem}.notify-icon{display:block}.app-nav{max-width:var(--content-max);margin:var(--space-3) auto 0;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;display:grid}.app-nav__item{color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:.55rem .75rem;font-size:.88rem;font-weight:600;transition:background .18s,color .18s}.app-nav__item.is-active{background:var(--nav-active);color:var(--text)}.app-main{width:min(100%, var(--content-max));padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pull-refresh-host{overscroll-behavior-y:contain;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pull-refresh{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + .35rem);z-index:25;pointer-events:none;opacity:0;transform:translateY(calc(var(--pull-distance,0px) * .35));justify-content:center;transition:opacity .16s;display:flex;position:fixed}.pull-refresh-host[data-pull-phase=pulling] .pull-refresh,.pull-refresh-host[data-pull-phase=ready] .pull-refresh,.pull-refresh-host[data-pull-phase=refreshing] .pull-refresh,.pull-refresh-host[data-pull-phase=settling] .pull-refresh{opacity:1}.pull-refresh__badge{background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);border:1px solid var(--border);width:2rem;height:2rem;box-shadow:var(--shadow);color:var(--text-muted);border-radius:999px;place-items:center;display:grid}.pull-refresh__badge--ready{color:var(--accent-cyan)}.pull-refresh__badge--refreshing{color:var(--accent-green)}.pull-refresh__icon{opacity:.85;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9rem;height:.9rem;transform:rotate(0)}.pull-refresh__badge--pulling .pull-refresh__icon{transition:transform 80ms linear;transform:rotate(120deg)}.pull-refresh__badge--ready .pull-refresh__icon{transition:transform .12s;transform:rotate(180deg)}.pull-refresh__badge--refreshing .pull-refresh__icon{animation:.7s linear infinite pull-spin}.pull-refresh-content{transform:translateY(var(--pull-distance,0px));will-change:transform;flex-direction:column;flex:1;display:flex}.pull-refresh-host[data-pull-phase=settling] .pull-refresh-content,.pull-refresh-host[data-pull-phase=idle] .pull-refresh-content{transition:transform .18s}@media (prefers-reduced-motion:reduce){.pull-refresh,.pull-refresh-content,.pull-refresh__badge--pulling .pull-refresh__icon,.pull-refresh__badge--ready .pull-refresh__icon{transition:none}.pull-refresh__badge--refreshing .pull-refresh__icon{opacity:.7;border-right-color:currentColor;animation:none}}@keyframes pull-spin{to{transform:rotate(360deg)}}.page__intro{margin-bottom:var(--space-4);animation:.32s both rise}.page__heading{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.45rem}.page__supporting{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem}.period-bar{margin-bottom:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem;animation:.36s both rise;display:grid}.period-bar__item{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);white-space:normal;-webkit-hyphens:auto;hyphens:auto;border-radius:999px;min-width:0;padding:.42rem .15rem;font-size:.68rem;font-weight:600;line-height:1.15}.period-bar__item.is-active{border-color:color-mix(in srgb, var(--accent-green) 55%, var(--border));color:var(--text);background:var(--nav-active)}.stats-summary{margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);gap:.5rem;animation:.4s both rise;display:grid}.stats-summary__item{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:12px;padding:.65rem .45rem}.stats-summary__label{color:var(--text-muted);white-space:nowrap;margin-bottom:.25rem;font-size:.68rem;display:block}.stats-summary__label--full,.prediction-card__minute--full{display:none}.stats-summary__label--short,.prediction-card__minute--short{display:block}.prediction-card__minute--short{display:inline}.stats-summary__value{font-family:var(--font-display);font-size:1rem;font-weight:700}.stats-summary__value--won{color:var(--accent-green)}.stats-summary__value--lost{color:var(--accent-red)}.card-list{gap:var(--space-3);flex-direction:column;display:flex}.ad-slot{border:1px dashed color-mix(in srgb, var(--border) 85%, var(--text-muted));background:color-mix(in srgb, var(--bg-soft) 88%, transparent);width:100%;max-width:100%;box-shadow:none;box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;margin:0;padding:.45rem .55rem .55rem;display:flex}.ad-slot__label{text-align:center;width:100%;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:600;line-height:1.2;display:block}.ad-slot__frame{background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:5.5rem;display:flex}.ad-slot--placeholder .ad-slot__frame{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.ad-slot__preview-text{color:var(--text-muted);opacity:.85;font-size:.78rem;font-weight:600}.ad-slot--enabled .ad-slot__frame{min-height:5.5rem}.prediction-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);animation:.42s both rise}.prediction-card__meta{margin-bottom:var(--space-3);flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;display:flex}.prediction-card__meta--history{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.75rem;display:grid}.prediction-card__meta--live{flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;display:flex}.prediction-card__minute,.prediction-card__datetime{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700}.prediction-card__meta--history .prediction-card__datetime{text-align:left;flex-shrink:0;justify-self:start}.prediction-card__meta--history .prediction-card__league{text-align:left;justify-self:stretch;width:auto;min-width:0;max-width:100%}.prediction-card__meta--history .prediction-card__minute{text-align:right;flex-shrink:0;justify-self:end;margin-left:0}.prediction-card__meta--live .prediction-card__minute{text-align:right;flex-shrink:0;margin-left:auto}.prediction-card__league{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.85rem;overflow:hidden}.prediction-card__meta--live .prediction-card__league{flex:auto;min-width:0}.prediction-card__match{width:100%;margin-bottom:var(--space-4);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.12rem .65rem;display:grid}.prediction-card__match--history,.prediction-card__match--live{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center stretch;gap:.12rem .65rem;width:100%;display:grid}.prediction-card__team{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:.95rem;font-weight:600;line-height:1.25;overflow:hidden}.prediction-card__match--history .prediction-card__team--home,.prediction-card__match--live .prediction-card__team--home{text-align:right;grid-area:1/1;justify-self:stretch}.prediction-card__match--history .prediction-card__team--away,.prediction-card__match--live .prediction-card__team--away{text-align:left;grid-area:1/3;justify-self:stretch}.prediction-card__match--history .prediction-card__score,.prediction-card__match--live .prediction-card__score{text-align:center;grid-area:1/2;justify-self:center}.prediction-card__score{font-family:var(--font-display);color:var(--accent-cyan);white-space:nowrap;flex-shrink:0;font-size:1.05rem;font-weight:700}.prediction-card__match-state{color:var(--text);white-space:nowrap;text-align:center;grid-area:2/2;justify-self:center;font-size:.72rem;font-weight:600;line-height:1.1}.prediction-card__metrics{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.prediction-card__metrics--live{grid-template-columns:repeat(3,1fr);gap:.5rem}.prediction-card__metrics--live .metric,.prediction-card__metrics--history .metric{text-align:center;align-items:center}.prediction-card__metrics--history{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"prediction probability confidence result";gap:.35rem}.prediction-card__metrics--history .metric--prediction{grid-area:prediction}.prediction-card__metrics--history .metric--result{grid-area:result}.prediction-card__metrics--history .metric--probability{grid-area:probability}.prediction-card__metrics--history .metric--confidence{grid-area:confidence}.prediction-card__actions{margin-top:var(--space-3);justify-content:flex-end;align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.share-button{min-width:40px;min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .16s,background .16s;display:inline-flex}.share-button:hover{color:var(--text);background:color-mix(in srgb, var(--border) 55%, transparent)}.share-button:disabled{opacity:.55;cursor:not-allowed}.share-button__icon{display:block}.share-feedback{min-width:0;color:var(--text-muted);font-size:.78rem;font-weight:600;line-height:1.2}@media (width>=520px){.prediction-card__metrics--history{gap:.5rem}.stats-summary__label--full,.prediction-card__minute--full{display:block}.prediction-card__minute--full{display:inline}.stats-summary__label--short,.prediction-card__minute--short{display:none}.period-bar__item{padding:.45rem .25rem;font-size:.76rem}}.metric{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.metric__label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:normal;text-align:center;font-size:.68rem;font-weight:600;line-height:1.2}.metric__value{font-family:var(--font-display);font-size:1rem;font-weight:700}.metric__value--live,.metric__value--won{color:var(--accent-green)}.metric__value--lost{color:var(--accent-red)}.metric__value--pending{color:var(--text-muted);font-weight:600}.state-block{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-6) var(--space-4);text-align:center;background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);animation:.28s both rise}.state-block__title{margin:0;font-weight:600}.state-block__message{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem}.state-block--error{border-style:solid;border-color:color-mix(in srgb, var(--accent-red) 35%, var(--border))}.button-secondary{margin-top:var(--space-4);border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.55rem 1rem;font-weight:600}.skeleton-list{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-card{border-radius:var(--radius);background:linear-gradient(90deg, var(--skeleton) 0%, color-mix(in srgb, var(--skeleton) 40%, transparent) 50%, var(--skeleton) 100%);background-size:200% 100%;height:148px;animation:1.2s linear infinite shimmer}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width>=768px){.app-header{padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px))}.app-header__brand-name{font-size:1.35rem}.page__heading{font-size:1.7rem}}.app-footer{width:min(100%, var(--content-max));padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);text-align:center;margin:0 auto}.app-footer__links{flex-wrap:wrap;justify-content:center;gap:.35rem .85rem;margin-bottom:.45rem;display:flex}.app-footer__link{color:var(--text-muted);text-underline-offset:.15em;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.app-footer__link:hover{color:var(--text)}.app-footer__meta{color:var(--text-muted);margin:.15rem 0 0;font-size:.72rem}.legal-page{padding-bottom:var(--space-4);animation:.32s both rise}.legal-page__back{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);margin-bottom:var(--space-4);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.legal-page__back:hover{color:var(--text)}.legal-page__header{margin-bottom:var(--space-5)}.legal-page__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.45rem}.legal-page__updated{color:var(--text-muted);margin:.4rem 0 0;font-size:.82rem}.legal-page__section{margin-bottom:var(--space-5)}.legal-page__heading{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .55rem;font-size:1.05rem}.legal-page__paragraph{color:var(--text);margin:0 0 .7rem;font-size:.92rem;line-height:1.55}.how-it-works__tabs{margin-bottom:var(--space-5);border:1px solid var(--border);background:var(--bg-elevated);border-radius:1rem;grid-template-columns:1fr;gap:.35rem;padding:.25rem;display:grid}@media (width>=520px){.how-it-works__tabs{border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr))}}.how-it-works__tab{color:var(--text-muted);text-align:center;background:0 0;border:0;border-radius:999px;padding:.55rem .7rem;font-size:.78rem;font-weight:600;line-height:1.25;transition:background .18s,color .18s}.how-it-works__tab.is-active{background:var(--nav-active);color:var(--text)}.how-it-works__subheading{font-family:var(--font-display);letter-spacing:-.01em;margin:.85rem 0 .35rem;font-size:.98rem}.how-it-works__list,.how-it-works__steps{margin:0 0 .85rem;padding:0;list-style:none}.how-it-works__list li{margin:0 0 .45rem;padding-left:1rem;font-size:.92rem;line-height:1.5;position:relative}.how-it-works__list li:before{content:"";background:var(--accent,var(--text-muted));border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.55em;left:0}.how-it-works__step{border:1px solid var(--border);background:var(--bg-elevated);border-radius:.85rem;grid-template-columns:auto 1fr;gap:.7rem;margin:0 0 .75rem;padding:.75rem .85rem;display:grid}.how-it-works__step-index{background:var(--nav-active);width:1.55rem;height:1.55rem;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.how-it-works__step-title{margin:0 0 .25rem;font-size:.92rem;font-weight:650}.how-it-works__step-body{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.45}.how-it-works__example{border:1px solid var(--border);background:var(--bg-elevated);border-radius:.85rem;margin:0 0 .9rem;padding:.75rem .9rem}.how-it-works__example-line{font-variant-numeric:tabular-nums;margin:0;font-size:.9rem;line-height:1.45}.how-it-works__example-line+.how-it-works__example-line{margin-top:.2rem}@media (width>=768px){.legal-page__title{font-size:1.7rem}}