:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-elevated:#121821;--bg-card:#161e2a;--border:#243044;--border-strong:#334155;--text:#e8eef7;--text-muted:#94a3b8;--accent:#22c55e;--accent-dim:#16a34a;--accent-soft:#22c55e26;--warn:#f59e0b;--warn-soft:#f59e0b26;--danger:#f87171;--danger-soft:#f871711f;--info:#38bdf8;--info-soft:#38bdf824;--radius:12px;--radius-sm:8px;--shadow:0 8px 24px #00000059;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--max:480px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);background:var(--bg);color:var(--text);background-image:radial-gradient(80% 50% at 50% -20%,#22c55e1f,#0000),radial-gradient(60% 40% at 100% 0,#38bdf80f,#0000);margin:0;line-height:1.5}#root{min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.app-shell{min-height:100dvh;max-width:var(--max);flex-direction:column;margin:0 auto;padding:0 1rem 1.5rem;display:flex}.skip-link{background:var(--accent);color:#04140a;z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}.top-bar{background:linear-gradient(to bottom, var(--bg) 70%, transparent);z-index:10;align-items:center;gap:.75rem;padding:1rem 0 .75rem;display:flex;position:sticky;top:0}.logo{background:var(--accent);color:#04140a;letter-spacing:-.02em;border-radius:8px;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:800;display:grid}.top-title{color:var(--text-muted);font-size:.875rem;font-weight:600}.main{flex:1}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:2rem;padding-top:1rem;font-size:.75rem}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04140a}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-secondary{background:var(--bg-card);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-ghost{color:var(--text-muted);background:0 0;padding-left:.35rem;padding-right:.35rem}.btn-ghost:hover{color:var(--text)}.btn-lg{border-radius:var(--radius);padding:.85rem 1.35rem;font-size:1.05rem}.btn-sm{padding:.4rem .75rem;font-size:.8125rem}.btn-block{width:100%}.btn-icon{border:1px solid var(--border);color:var(--text-muted);background:0 0;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;font-size:1.25rem;line-height:1}.btn-icon:hover{border-color:var(--danger);color:var(--danger)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.muted{color:var(--text-muted)}.lede{color:var(--text-muted);margin:0 0 1.5rem;font-size:1.05rem}.landing-hero{padding:1.25rem 0 1.75rem}.landing-hero h1{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.65rem,6vw,2rem);line-height:1.2}.landing-hero h1 em{color:var(--accent);font-style:normal}.how-it-works{margin-bottom:1.75rem}.how-it-works h2{margin:0 0 1rem;font-size:1rem}.steps{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.steps li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.85rem;padding:.9rem 1rem;display:flex}.steps strong{margin-bottom:.15rem;display:block}.steps p{color:var(--text-muted);margin:0;font-size:.875rem}.step-num{background:var(--accent-soft);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--warn);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.preview-card h2{margin:0 0 1rem;font-size:1.05rem}.preview-list{flex-direction:column;gap:.75rem;margin:0 0 .85rem;padding:0;list-style:none;display:flex}.preview-list li{align-items:flex-start;gap:.65rem;font-size:.9rem;display:flex}.preview-note{color:var(--text-muted);margin:0;font-size:.75rem}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.25rem .45rem;font-size:.65rem;font-weight:800;display:inline-block}.badge-start{background:var(--accent-soft);color:var(--accent)}.badge-flex{background:var(--warn-soft);color:var(--warn)}.badge-bench{background:var(--danger-soft);color:var(--danger)}.badge-waiver{background:var(--info-soft);color:var(--info)}.form-header{padding:.25rem 0 1rem}.form-header h1{margin:.5rem 0 .35rem;font-size:1.5rem}.form-header .muted{margin:0 0 .75rem;font-size:.9rem}.form-actions-top{flex-wrap:wrap;gap:.5rem;display:flex}.roster-form{flex-direction:column;gap:1.25rem;padding-bottom:2rem;display:flex}.field-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin:0;padding:1rem}.field-group legend{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 .35rem;font-size:.8rem;font-weight:700}.row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.field select,.field input,.player-row input,.player-row select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.55rem .65rem}.field select:focus,.player-row input:focus,.player-row select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.player-list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.player-row{grid-template-columns:1fr minmax(4.5rem,5.5rem) auto;align-items:center;gap:.4rem;display:grid}.empty-hint{margin:0 0 .75rem;font-size:.875rem}.radio-row{flex-wrap:wrap;gap:.5rem;display:flex}.radio-chip{border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.875rem;font-weight:600;display:inline-flex}.radio-chip input{accent-color:var(--accent)}.radio-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.prototype-banner{background:var(--warn-soft);color:#fcd34d;border-radius:var(--radius-sm);border:1px solid #f59e0b73;margin-bottom:1.25rem;padding:.75rem .9rem;font-size:.8rem;line-height:1.4}.prototype-banner strong{color:var(--warn)}.prototype-banner-bottom{margin-top:1.5rem;margin-bottom:0}.results-header{margin-bottom:1.5rem}.results-header h1{margin:0 0 .75rem;font-size:1.5rem}.results-nav{flex-wrap:wrap;gap:.5rem;display:flex}.result-section{margin-bottom:1.75rem}.result-section h2{margin:0 0 .85rem;font-size:1rem}.rec-list,.toss-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.rec-card,.toss-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.rec-top{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.pos-tag{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;font-weight:700}.rec-name{margin-bottom:.25rem;font-size:1.05rem;display:block}.rec-reason{color:var(--text-muted);margin:0;font-size:.875rem}.toss-vs{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:1rem;display:flex}.toss-vs .vs{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-size:.7rem;font-weight:800}.confidence-note{background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:1rem}.confidence-note h2{margin:0 0 .5rem;font-size:.9rem}.confidence-note p{color:var(--text-muted);margin:0;font-size:.875rem}@media (width>=520px){.app-shell{padding-left:1.25rem;padding-right:1.25rem}}.cta-row{flex-wrap:wrap;gap:.65rem;margin-bottom:.75rem;display:flex}.cta-note{margin:0;font-size:.8rem}.field-hint{margin:.65rem 0 0;font-size:.75rem}.connect-status{color:var(--info);margin:1rem 0 0;font-size:.875rem}.connect-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #f8717159;margin:1rem 0 0;padding:.75rem .9rem;font-size:.875rem}.league-picker{margin-top:1.5rem}.league-picker h2{margin:0 0 .75rem;font-size:1rem}.league-choice-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.league-choice{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.league-choice:hover:not(:disabled){border-color:var(--accent)}.league-choice strong{font-size:.95rem}.league-panel{margin-bottom:1.75rem}.league-panel-header h2{margin:0 0 .25rem;font-size:1.25rem}.league-id{margin:0 0 1rem;font-size:.75rem}.league-grid{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.league-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:.9rem 1rem}.league-card h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.85rem}.plain-list{color:var(--text-muted);flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.team-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.team-chip{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);flex-direction:column;gap:.1rem;padding:.55rem .7rem;font-size:.85rem;display:flex}.team-chip:disabled{cursor:default;opacity:1}.team-chip.active{border-color:var(--accent);background:var(--accent-soft)}.team-chip-name{font-weight:700}.roster-line{color:var(--text-muted);margin:0 0 .45rem;font-size:.8125rem;line-height:1.45}.roster-line:last-child{margin-bottom:0}.matchup-list,.txn-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.matchup-row{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.txn-summary{color:var(--text-muted);margin:.35rem 0 0;font-size:.8125rem}.data-banner{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem .9rem;font-size:.8rem;line-height:1.4}.data-banner-demo{background:var(--warn-soft);color:#fcd34d;border:1px solid #f59e0b73}.data-banner-demo strong{color:var(--warn)}.data-banner-live{background:var(--info-soft);color:#7dd3fc;border:1px solid #38bdf866}.data-banner-live strong{color:var(--info)}.field input[type=text]{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.55rem .65rem}.field input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.saved-connection{background:var(--surface-2,#22c55e14);border-radius:var(--radius-sm);border:1px solid #22c55e59;margin-bottom:1.25rem;padding:.85rem 1rem}.saved-connection-label{margin:0;font-size:.9rem}