:root{--bg:#0b0b0d;--panel:#141418;--panel-2:#1b1b21;--line:#26262e;--text:#f2f2f4;--muted:#8d8d99;--accent:#ff6b2c;--accent-soft:#ff6b2c1f;--good:#3ddc84;--bad:#ff5c5c}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}button,textarea{font:inherit;color:inherit}.app{flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 16px 12px;display:flex}.logo{border:2.5px solid var(--accent);border-radius:50%;width:28px;height:28px;position:relative}.logo:after{content:"";border:2.5px solid var(--accent);border-left-color:#0000;border-right-color:#0000;border-radius:50%;position:absolute;inset:5px}.header h1{letter-spacing:.02em;margin:0;font-size:17px}.header h1 span{color:var(--accent)}.header .sub{color:var(--muted);margin-left:auto;font-size:12px}.thread{flex-direction:column;flex:1;gap:18px;padding:20px 16px;display:flex;overflow-y:auto}.empty{text-align:center;margin:auto 0;padding:20px 0}.empty h2{letter-spacing:-.01em;margin:0 0 8px;font-size:26px}.empty p{color:var(--muted);margin:0 0 22px;line-height:1.5}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:999px;padding:8px 14px;font-size:13px}.chip:hover{border-color:var(--accent)}.msg-user{background:var(--accent);color:#111;white-space:pre-wrap;border-radius:16px 16px 4px;align-self:flex-end;max-width:85%;padding:10px 14px;font-weight:500}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card.error{color:var(--bad);padding:14px 16px}.loading{color:var(--muted);align-items:center;gap:8px;padding:14px 16px;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.best{background:linear-gradient(135deg, var(--accent-soft), transparent 70%);border-bottom:1px solid var(--line);padding:18px 16px}.best .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.best .row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:6px;display:flex}.best .book{font-size:22px;font-weight:700}.best .odds{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:30px;font-weight:800}.best .payout{color:var(--muted);margin-top:4px;font-size:13px}.legs{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.leg{align-items:flex-start;gap:10px;display:flex}.leg .n{background:var(--panel-2);width:20px;height:20px;color:var(--muted);border-radius:6px;flex:none;place-items:center;margin-top:1px;font-size:11px;display:grid}.leg .label{font-size:14px;font-weight:600}.leg .game{color:var(--muted);margin-top:2px;font-size:12px}.leg .note{color:#e5b567;margin-top:3px;font-size:12px}.leg .err{color:var(--bad);margin-top:3px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th{text-align:right;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:500}th:first-child,td:first-child{text-align:left;padding-left:16px}td{text-align:right;border-top:1px solid var(--line);white-space:nowrap;padding:9px 12px}tr.top td{background:var(--accent-soft)}tr.incomplete td{color:var(--muted)}.parlay{font-weight:700}tr.top .parlay{color:var(--accent)}.diff{color:var(--muted);font-size:12px}.tag{background:var(--panel-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.tag.ex{color:#9db7ff;background:#7896ff1f}.leg-best{color:var(--good)}.missing{color:#55555f}.notes{color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 16px;font-size:12px;line-height:1.45;display:flex}.composer{border-top:1px solid var(--line);padding:12px 16px 18px}.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex}.box:focus-within{border-color:var(--accent)}.box textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:140px;padding:6px 0;font-size:15px;line-height:1.4}.send{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:11px;flex:none;height:36px;padding:0 16px;font-weight:700}.send:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);text-align:center;margin-top:8px;font-size:11px}@media (max-width:520px){.header .sub{display:none}.best .odds{margin-left:0}}.quick{border-top:1px solid var(--line);padding:14px 16px 16px}.quick-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.qb{background:var(--panel-2);border:1px solid var(--line);color:inherit;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.qb:hover{border-color:var(--accent);transform:translateY(-1px)}.qb.is-best{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-soft), var(--panel-2) 80%)}.qb.disabled{opacity:.55}.qb-top{align-items:center;gap:6px;display:flex}.qb-name{font-size:14px;font-weight:700}.qb-best{color:#111;background:var(--accent);text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.qb-odds{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.qb.is-best .qb-odds{color:var(--accent)}.qb-none{color:var(--muted);padding:4px 0 3px;font-size:13px}.qb-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.qb-open{color:var(--accent);font-weight:600}@media (max-width:520px){.quick-grid{grid-template-columns:repeat(2,1fr)}}.legal{color:#5d5d68;text-align:center;margin-top:6px;font-size:10.5px;line-height:1.5}.legal a{color:#7d7d89;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}.legal a:hover{color:var(--accent)}.doc{max-width:720px;margin:0 auto;padding:0 16px 64px;line-height:1.65}.doc .header{margin-bottom:28px;padding-left:0;padding-right:0}.doc .header a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.doc h1.title{letter-spacing:-.01em;margin:0 0 12px;font-size:34px;line-height:1.15}.doc .lede{color:var(--muted);margin:0 0 32px;font-size:17px}.doc h2{margin:36px 0 10px;font-size:20px}.doc p,.doc li{color:#c9c9d1;font-size:15px}.doc ul{padding-left:20px}.doc a{color:var(--accent)}.doc code{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:1px 6px;font-size:13px}.doc .cta{background:var(--accent);color:#111;border-radius:12px;margin-top:8px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.doc .callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;margin:20px 0;padding:14px 16px}.doc .callout strong{color:var(--text)}.doc .books{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;padding:0;list-style:none;display:grid}.doc .books li{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.doc footer{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding-top:16px;font-size:12px}
