:root{color-scheme:dark;--bg:#090f1c;--sidebar:#0c1323;--panel:#111b2e;--panel2:#162238;--stroke:#273348;--stroke2:#1d2940;--text:#f2f5fb;--muted:#8996ac;--sub:#aab6cb;--accent:#66dfbf;--blue:#8aaaff;--green:#67e5b5;--red:#ff8e98;--amber:#f0bf6d;--radius:15px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:grid;grid-template-columns:251px minmax(0,1fr)}.sidebar{background:var(--sidebar);border-right:1px solid var(--stroke2);padding:27px 14px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:1px 8px 44px}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;color:#0d1e20;background:var(--accent);border-radius:11px}.brand-symbol svg{width:31px}.brand b{font-size:15px;letter-spacing:.06em}.brand em{color:var(--accent);font-style:normal}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em;margin-top:2px}.sidebar-section{font-size:10px;color:#64758d;letter-spacing:.15em;padding:0 14px;margin-bottom:16px;font-weight:700}.side-nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-radius:10px;background:none;color:#a1acc0;padding:14px 13px;font-size:12.5px;font-weight:650}.nav-button>span{font-size:23px;line-height:15px;font-weight:300}.nav-button.active{background:linear-gradient(90deg,#20443870,#172b3c);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.nav-button:hover:not(.active){background:#172034;color:#fff}.nav-button i{font-style:normal;font-size:9px;letter-spacing:.05em;color:var(--accent);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:15px 9px 0;color:#9cafc0;font-size:10px;letter-spacing:.06em;border-top:1px solid var(--stroke2)}.sidebar-bottom p{font-size:11px;line-height:1.6;color:#71829c;letter-spacing:0}.online-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px}.work-area{min-width:0;display:flex;flex-direction:column}.topbar{min-height:66px;border-bottom:1px solid var(--stroke2);display:flex;justify-content:space-between;align-items:center;padding:0 35px;background:#0b1221}.crumb{font-size:10px;color:#718099;font-weight:750;letter-spacing:.10em}.crumb b{color:#b7c5d7}.crumb span{margin:0 10px;color:#4b5e7a}.topbar-right{display:flex;align-items:center;gap:20px}.header-date{font-size:11px;color:#94a2b7;font-weight:600}.live-pill{display:flex;align-items:center;gap:7px;background:#173029;color:#baf2d8;border:1px solid #295344;border-radius:100px;padding:7px 11px;font-size:10px;font-weight:800}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.main{flex:1;width:100%;max-width:1510px;margin:auto;padding:34px 38px 58px}.view{display:none;animation:fade .2s ease}.view.active{display:block}@keyframes fade{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.14em}.eyebrow-dash{width:16px;height:2px;background:var(--accent)}h1{font-size:clamp(28px,3vw,41px);line-height:1.17;letter-spacing:-.035em;margin:13px 0 9px}h1 span{color:var(--accent)}.heading-row p,.section-head p{color:var(--muted);font-size:12.5px;line-height:1.6;margin:0}.version-tag{font-size:10px;letter-spacing:.06em;color:#b0c2d8;border:1px solid #243348;background:#101b2d;padding:13px 15px;border-radius:10px;white-space:nowrap}.version-tag span{color:var(--accent);margin:0 5px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:36px}.metric{background:linear-gradient(145deg,#172238,#111b2c);border:1px solid var(--stroke);border-radius:13px;min-height:109px;padding:17px 18px}.metric span{display:block;letter-spacing:.075em;font-weight:800;font-size:9px;color:#93a1b6;white-space:nowrap}.metric b{display:block;margin-top:11px;font-size:29px;line-height:1.1;letter-spacing:-.04em}.metric small{display:block;color:#687992;font-size:10px;margin-top:5px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px}.section-head h2{font-size:18px;letter-spacing:-.015em;margin:0 0 6px}.label-soft{font-size:10px;letter-spacing:.09em;font-weight:700;color:#72819a}.control-panel{display:grid;grid-template-columns:1.1fr 1.4fr .65fr auto;align-items:end;gap:13px;background:var(--panel);border:1px solid var(--stroke);padding:18px;border-radius:14px}.field label{display:block;color:#94a1b7;font-size:10px;letter-spacing:.11em;font-weight:800;margin-bottom:10px}.segmented{display:flex;gap:4px;border:1px solid #334159;border-radius:9px;padding:4px;background:#0b1425;min-height:42px}.segmented button{flex:1;background:none;border:0;border-radius:6px;padding:7px 10px;color:#8190a7;font-size:12px;font-weight:750;white-space:nowrap}.segmented button.selected{background:#243b49;color:var(--accent)}.game-field select{width:100%;height:42px;background:#0b1425;color:#dfe9f6;border:1px solid #334159;border-radius:9px;padding:0 12px;font-size:12px;outline:none;text-overflow:ellipsis}.game-field select:focus{border-color:var(--accent)}.primary-button{border:0;border-radius:9px;background:var(--accent);height:44px;padding:0 17px;color:#0b1b20;font-size:12px;font-weight:850;white-space:nowrap;transition:filter .2s}.primary-button:hover{filter:brightness(1.1)}.button-icon{font-size:17px;margin-right:4px}.notice{font-size:12px;line-height:1.55;border:1px solid #3f5368;background:#142338;padding:12px 14px;border-radius:9px;color:#cedbe7;margin-top:14px}.notice.error{border-color:#794751;color:#ffafba;background:#35202b}.notice.success{border-color:#3c6a59;color:#b2f6d8;background:#163128}.results-head{margin:31px 0 15px}.subcount{color:var(--accent);font-size:13px}.legend{font-size:11px;color:#77869e}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--accent);margin-right:4px}.picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pick-card{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;overflow:hidden}.pick-card:hover{border-color:#466b70}.pick-card .pick-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px}.pick-card .pick-header h3{font-size:14px;margin:0 0 5px;letter-spacing:-.015em}.pick-card .pick-header small{font-size:11px;color:#7e91a8}.pill{font-size:9px;font-weight:800;letter-spacing:.035em;white-space:nowrap;padding:6px 8px;border:1px solid #385e54;border-radius:6px;color:var(--accent);background:#17362d}.pill.muted{border-color:#43516a;color:#aab7ca;background:#1e2b3e}.pick-legs{display:grid;gap:0;padding:0 18px}.pick-leg{border-top:1px solid var(--stroke2);display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0}.pick-leg strong{display:block;font-size:12.5px;font-weight:690}.pick-leg small{display:block;font-size:10px;color:#778aa2;margin-top:3px}.prob-pill{background:#18352f;color:var(--green);font-size:11px;font-weight:820;padding:6px 9px;border-radius:6px}.prob-pill.gray{color:#a1b4c8;background:#243346}.pick-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--stroke);padding:12px 18px 15px;background:#132034}.value-card{display:grid;gap:3px}.value-card small{font-size:9px;color:#7d91aa;font-weight:700;letter-spacing:.06em}.value-card b{font-size:21px;color:var(--accent);letter-spacing:-.025em}.value-card.right{text-align:right}.value-card.right b{color:#e6ecf7;font-size:14px;margin-top:3px}.pick-footnote{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8394ac;margin-top:7px}.empty-state{grid-column:1/-1;padding:55px 20px;display:grid;place-items:center;text-align:center;background:var(--panel);border:1px dashed #2e3b53;border-radius:14px}.empty-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#193a35;color:var(--accent);font-size:32px;margin-bottom:13px}.empty-state h3{font-size:15px;margin:4px 0}.empty-state p{max-width:450px;color:#8999af;line-height:1.6;font-size:12px;margin:5px 0}.empty-state.short{padding:32px}.disclaimer{display:flex;gap:13px;margin-top:24px;padding:15px 19px;background:#111a2b;border-left:3px solid #537b8f;border-radius:6px;color:#8394a9}.disclaimer>span{font-size:17px;color:#8dafc1}.disclaimer p{margin:0;font-size:11px;line-height:1.8}.disclaimer b{color:#c4d2e4}.footer{display:flex;align-items:center;justify-content:space-between;padding:16px 35px;color:#677790;font-size:9px;font-weight:700;letter-spacing:.06em;border-top:1px solid var(--stroke2)}.ghost-button{border:1px solid #385165;color:#b6d0dd;background:#18263a;border-radius:9px;padding:12px 14px;font-size:11px;font-weight:800;white-space:nowrap}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.history-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 18px}.filter-row{display:flex;gap:5px;flex-wrap:wrap}.filter-row button{border:1px solid var(--stroke);background:var(--panel);color:#8ca0b8;padding:9px 12px;font-size:11px;font-weight:750;border-radius:8px}.filter-row button.active{border-color:#3d7462;background:#1a382f;color:var(--accent)}.history-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px}.history-list{display:grid;gap:11px}.history-card{background:var(--panel);border:1px solid var(--stroke);border-radius:13px;padding:17px 19px}.history-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.history-title h3{font-size:13px;margin:0 0 6px}.history-title small{color:var(--muted);font-size:11px}.status-chip{display:inline-flex;align-items:center;border:1px solid;padding:5px 8px;font-size:9px;font-weight:850;border-radius:6px;white-space:nowrap}.status-chip.win{background:#153b2e;border-color:#38614e;color:#67e5b5}.status-chip.loss{background:#38212f;border-color:#7c4758;color:#ffa0a6}.status-chip.pending{background:#3a3424;border-color:#69583c;color:#edc57b}.status-chip.review{background:#2d2e41;border-color:#5c5b80;color:#c4befb}.status-chip.gray{background:#253047;border-color:#42506a;color:#b9c8d9}.h-legs{display:grid;gap:7px;margin:14px 0}.h-leg{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;color:#c4d0e1}.h-leg .outcome{font-size:10px;font-weight:800;white-space:nowrap;color:#8e9db2}.h-leg .outcome.yes{color:var(--green)}.h-leg .outcome.no{color:var(--red)}.h-foot{font-size:10px;color:#8295ae;padding-top:12px;border-top:1px solid var(--stroke2);line-height:1.6}.side-panel{padding:21px;background:var(--panel);border:1px solid var(--stroke);border-radius:13px}.side-panel h3{font-size:14px;margin:0 0 18px}.side-panel p{font-size:11px;color:#94a3b6;line-height:1.75;margin:0}.side-panel hr{margin:21px 0;border:0;border-top:1px solid var(--stroke)}.info-line{display:flex;align-items:center;gap:9px;font-size:11px;color:#afbfd1;margin:16px 0}.small-status{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#244235}.small-status.win{color:var(--green)}.small-status.loss{background:#3a2431;color:var(--red)}.small-status.pending{background:#463924;color:var(--amber)}.small-status.review{background:#33314b;color:#b7b0ff}.learning-hero{display:flex;align-items:center;gap:20px;border:1px solid #286855;background:linear-gradient(110deg,#12352e,#142438);border-radius:15px;padding:23px;margin-bottom:28px}.learning-glyph{font-size:33px;color:var(--accent);width:64px;height:64px;background:#204a40;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.learning-hero h2{font-size:18px;margin:0 0 9px}.learning-hero p{font-size:12px;line-height:1.7;color:#a6c7bb;margin:0}.badge-outline{border:1px solid #43806c;border-radius:7px;padding:7px 10px;color:var(--accent);font-size:9px;font-weight:850;white-space:nowrap;align-self:start}.table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:13px;background:var(--panel)}.learning-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.learning-table th{font-size:9px;letter-spacing:.07em;color:#8b9ab0;background:#17243a;padding:16px}.learning-table td{font-size:12px;padding:17px 16px;border-top:1px solid var(--stroke2);color:#ccd6e3}.table-empty{text-align:center;color:#7c8ca4!important;padding:32px!important}.learning-notes{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.learning-notes .side-panel h3{margin-bottom:8px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.source-card{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:21px}.source-top{display:flex;align-items:flex-start;justify-content:space-between}.source-logo{display:grid;place-items:center;width:45px;height:45px;background:#de4646;color:white;border-radius:10px;font-size:23px;font-style:italic;font-weight:900}.kalshi-logo{background:#50ba83;color:#091d19}.source-card h3{font-size:17px;margin:22px 0 8px}.source-card p{font-size:12px;color:#9cacbf;line-height:1.7;min-height:60px}.source-card a{display:inline-block;font-size:11px;font-weight:750;margin-top:6px}.source-foot{padding:23px;background:#121e31;border:1px solid var(--stroke);border-radius:13px;margin:16px 0}.source-foot h3{font-size:14px;margin:0 0 7px}.source-foot p{color:#8fa0b9;font-size:12px;line-height:1.7;margin:0}.mobile-nav,.mobile-brand{display:none}@media(max-width:1200px){.main{padding:30px 23px 48px}.metrics{gap:8px}.metric{padding:15px 12px}.metric span{font-size:8px}.control-panel{grid-template-columns:1.15fr 1.5fr .55fr}.control-panel .primary-button{grid-column:1/-1}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.045em}.mobile-brand span:not(.mini-mark){color:var(--accent)}.mini-mark{display:inline-grid;place-items:center;color:#071e1a;background:var(--accent);width:30px;height:30px;border-radius:9px;font-size:20px;font-weight:900}.crumb{display:none}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;background:#0c1424ee;backdrop-filter:blur(15px);border-top:1px solid #2b3c50;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{flex:1;background:none;border:0;color:#7689a2;display:grid;place-items:center;gap:3px;padding:4px 2px}.mobile-nav button>span{font-size:23px;line-height:22px}.mobile-nav button small{font-size:9px;font-weight:800}.mobile-nav button.active{color:var(--accent)}.topbar{padding:0 20px;min-height:62px}.main{padding:27px 18px 110px}.heading-row{align-items:start}.version-tag{display:none}.footer{display:none}.history-layout{grid-template-columns:minmax(0,1fr)}.side-panel{order:2}.picks-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar-right{gap:8px}.header-date{display:none}.live-pill{font-size:9px;padding:6px 8px}.heading-row{margin-bottom:21px;flex-wrap:wrap}.heading-row h1{font-size:32px}.heading-row p{font-size:12px}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:26px}.metric{min-width:0;min-height:86px;border-radius:8px;padding:11px 5px}.metric span{text-align:center;font-size:7px;line-height:1.3;letter-spacing:.012em;min-height:19px;white-space:normal;overflow-wrap:anywhere}.metric b{text-align:center;font-size:21px;margin-top:8px}.metric small{display:none}.section-head{gap:6px}.section-head h2{font-size:16px}.section-head p{font-size:11px}.control-panel{grid-template-columns:1fr 1fr;padding:13px;gap:13px}.date-field{grid-column:1/-1}.game-field{grid-column:1/-1}.leg-field{grid-column:1/-1}.primary-button{grid-column:1/-1}.control-panel .primary-button{grid-column:1/-1}.legend{display:none}.pick-card .pick-header{padding:15px}.pick-legs{padding:0 15px}.pick-footer{padding:12px 15px}.history-tools{align-items:start;flex-direction:column}.source-grid,.learning-notes{grid-template-columns:1fr}.learning-hero{padding:15px;flex-wrap:wrap;gap:12px}.learning-glyph{width:44px;height:44px;font-size:26px}.learning-hero h2{font-size:15px}.badge-outline{margin-left:auto}.source-card p{min-height:auto}.ghost-button{padding:10px}.disclaimer{padding:13px}.results-head{margin-top:27px}}@media(max-width:365px){.main{padding-left:11px;padding-right:11px}.metric b{font-size:18px}.mobile-nav button small{font-size:8px}.control-panel{padding:10px}}
