:root{--bg: #F3F5F7;--card: #FFFFFF;--ink: #0F1720;--muted: #4B5563;--line: #DDE2E8;--line-strong: #B4BEC9;--green: #0B5D3B;--green-dark: #08462C;--green-soft: #E3F1EA;--green-text: #33503F;--grey-bar: #C9D1D9;--slate: #5B7083;--warn-bg: #FCEBD5;--warn-ink: #5C2D00;--chip-bg: #E6EAEE;--chip-ink: #37424F;--won: #0B5D3B;--lost: #8A1C1C;--font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Space Grotesk", Inter, system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4}a{color:var(--green)}a:hover{color:var(--green-dark)}button{font-family:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-family:var(--display);font-size:17px;font-weight:700}ul{margin:0;padding-left:20px}.app{min-height:100vh;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.header{position:sticky;top:0;z-index:2;height:56px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line)}.header .brand{display:flex;align-items:center;height:44px;font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.header .back{display:flex;align-items:center;gap:4px;height:44px;margin-left:-12px;padding:0 12px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}.badge-18{font-size:12px;font-weight:700;padding:4px 8px;border:1px solid var(--ink);border-radius:999px}main{padding:20px 16px 24px;display:flex;flex-direction:column;gap:16px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.stack{display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.num{font-family:var(--display);font-weight:700}.strong{font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.card-tight{padding:4px 16px;gap:0}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 16px;background:var(--green-soft);border-radius:12px;text-decoration:none;color:var(--ink)}.banner .sub{font-size:13px;color:var(--green-text)}.notice{display:flex;gap:12px;padding:14px 16px;background:var(--warn-bg);border-radius:12px;color:var(--warn-ink);font-size:13px;line-height:1.45}.notice svg{flex-shrink:0;margin-top:1px}.dark{background:var(--ink);color:#fff;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.dark .muted{color:var(--grey-bar)}.dark .risk .bars span{background:#4b5563}.dark .risk .bars span.on{background:#fff}.btn{display:flex;align-items:center;justify-content:center;height:48px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid var(--ink);background:var(--card);color:var(--ink)}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark);color:#fff}.btn-big{height:56px;border-radius:12px;font-size:16px;font-weight:700}.btn-link{height:44px;border:0;background:none;color:var(--green);font-size:14px;font-weight:600;text-decoration:underline}.btn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn:focus-visible,.chip:focus-visible,input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #2F6FE4;outline-offset:2px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font-size:13px;font-weight:600}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.option{height:48px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font-size:14px;font-weight:600}.option[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.option-grid{display:grid;gap:8px}.quick{height:44px;font-size:15px}.target-input{height:64px;width:100%;padding:0 16px;border:2px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);font:700 32px var(--display)}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:48px;height:48px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font-size:22px;font-weight:600}.stepper button:disabled{color:var(--line-strong);cursor:default}.stepper .value{width:40px;text-align:center;font:700 20px var(--display)}.check{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px;border-bottom:1px solid var(--line)}.check:last-child{border-bottom:0}.check input{width:22px;height:22px;accent-color:var(--green);margin:0;flex-shrink:0}.check.off{color:var(--muted)}.check .grow{flex-grow:1}.coming{font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--chip-bg);color:var(--chip-ink)}fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column}legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:600}label.field{font-size:14px;font-weight:600}.match{display:flex;flex-direction:column;gap:10px}.prob-bar{display:flex;gap:2px;height:8px}.prob-bar span{display:block}.prob-bar .h{background:var(--green);border-radius:4px 0 0 4px}.prob-bar .d{background:var(--grey-bar)}.prob-bar .a{background:var(--slate);border-radius:0 4px 4px 0}.prob-text{display:flex;justify-content:space-between;font-size:13px}.match-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}.risk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}.risk .bars{display:inline-flex;gap:2px}.risk .bars span{width:6px;height:12px;border-radius:2px;background:var(--grey-bar)}.risk .bars span.on{background:var(--ink)}.pick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0;border-top:1px solid var(--line)}.pick-row .num{font-size:15px;font-weight:600}.pick-grid{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px;gap:8px;align-items:center;min-height:64px;border-top:1px solid var(--line)}.pick-grid .r{text-align:right;font:600 15px var(--display)}.pick-head{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px;gap:8px;align-items:center;height:36px;font-size:12px;font-weight:600;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.stats .num{font-size:22px}.stats .lab{font-size:12px;color:var(--muted)}.outcome{font-size:13px;font-weight:700;min-width:44px;text-align:right}.outcome.won{color:var(--won)}.outcome.lost{color:var(--lost)}.outcome.pending,.outcome.void,.outcome.skipped{color:var(--muted)}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:56px;padding:8px 0;border-top:1px solid var(--line)}.list-row.two{grid-template-columns:minmax(0,1fr) auto}.list-row .num{font-size:15px;font-weight:600}.table-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 56px;gap:8px;align-items:center;min-height:44px;border-top:1px solid var(--line);font-size:14px}.table-row.head{font-size:12px;font-weight:600;color:var(--muted);min-height:36px;border-top:0}.table-row .r{text-align:right}.meter{height:8px;border-radius:4px;background:var(--grey-bar);overflow:hidden}.meter>div{height:100%;background:var(--green);border-radius:4px}.tabbar{position:sticky;bottom:0;margin-top:auto;height:calc(72px + env(safe-area-inset-bottom));flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;color:var(--muted)}.tabbar a[aria-current=page]{color:var(--green);font-weight:700;box-shadow:inset 0 3px 0 var(--green)}.footer{padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}.hint{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink);font-size:13px}.hint button{margin-left:auto;flex-shrink:0;height:36px;padding:0 10px;border:1px solid var(--line-strong);background:var(--card);border-radius:8px;font-size:13px;font-weight:600;color:var(--ink)}.status{font-size:13px;font-weight:600;color:var(--green);text-align:center}.status:empty{display:none}.empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.why{display:flex;flex-direction:column;gap:6px}.why-toggle{display:flex;align-items:flex-start;gap:6px;min-height:44px;padding:10px 0;border:0;background:none;color:var(--green);font-size:13px;font-weight:700;text-align:left;line-height:1.35}.why-toggle svg{flex-shrink:0;margin-top:1px}.why-body{display:flex;flex-direction:column;gap:8px;padding:2px 0 6px}.facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fact{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}.fact-mark{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;margin-top:1px}.fact.for .fact-mark{background:var(--green-soft);color:var(--green)}.fact.against .fact-mark{background:#f8e1e1;color:var(--lost)}.fact.note .fact-mark{background:var(--chip-bg);color:var(--chip-ink)}.fact.note{color:var(--muted)}.reason-line{font-size:13px;color:var(--muted)}.xg{font-size:12px;color:var(--muted)}.kick-group{display:flex;flex-direction:column;gap:10px}.kick-head{display:flex;align-items:baseline;gap:8px;padding:4px 0 0}.kick-head .num{font-size:15px}.kick-head .tiny{color:var(--muted)}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);min-height:92px}.option-card .lab{font-size:12px;font-weight:700;color:var(--green)}.option-card .num{font-size:22px;line-height:1.1}.option-card .small,.option-card.none{color:var(--muted)}.yesterday{display:flex;gap:8px;align-items:center;font-size:13px;padding-top:10px;border-top:1px solid var(--line)}.market-row{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--line)}
