:root{--bg:#f6f7f9;--card:#fff;--text:#1b1f24;--muted:#5d6670;--border:#d9dde2;--accent:#1f6feb;--accent-text:#fff;--picked:#e3eefd;--right:#e2f4e6;--wrong:#fbe5e5;--warn:#ffc4002e;--error:#c62828;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#15181c;--card:#1e2227;--text:#e6e8eb;--muted:#9aa3ad;--border:#353b42;--accent:#4c8dff;--picked:#1f3355;--right:#1d3a25;--wrong:#45201f;--error:#ff7b72}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:1120px;margin:0 auto;padding:16px}h1{margin:0 0 8px;font-size:1.5rem}h2{margin-top:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 14px}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}button.wide{width:100%}input,select{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px}label{gap:4px;font-size:.9rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.narrow{max-width:380px;margin:24px auto}.stack{gap:12px;display:grid}.divider{text-align:center;color:var(--muted);margin:12px 0}.muted{color:var(--muted)}.notice{background:var(--warn);border-radius:8px;padding:10px 14px}.error{color:var(--error)}.account{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.week-nav{align-items:center;gap:8px;margin-bottom:12px;display:flex}.week-nav select{flex:1}.weight-board{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.weight{text-align:center;border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:6px;min-width:30px;padding:2px 4px;font-size:.85rem}.weight.used{background:var(--picked);color:var(--muted);text-decoration:line-through}.weight.duplicate{background:var(--wrong);border-color:var(--error);color:var(--error);font-weight:700}.games{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game{background:var(--card);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr 64px 92px;align-items:center;gap:6px;padding:6px;display:grid}.game.right{background:var(--right)}.game.wrong{background:var(--wrong)}.team{align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.team.picked{background:var(--picked);border-color:var(--accent);font-weight:700}.team:disabled{opacity:1}.game.locked .team:not(.picked){opacity:.6}.team img{flex:none}.team .abbr{text-align:left;flex:1}.team .at{color:var(--muted);font-weight:400}.team .score{font-variant-numeric:tabular-nums}.weight-pick{text-align:center;padding:6px 4px}.when{color:var(--muted);text-align:right;font-size:.8rem}.save-bar{background:var(--bg);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 0;display:flex;position:sticky;bottom:0}.save-bar p{margin:0}@media (width<=480px){.game{grid-template-columns:1fr 1fr 56px}.when{text-align:left;grid-column:1/-1}.team img{width:22px;height:22px}}.small{font-size:.8rem}.layout{gap:16px;display:grid}@media (width>=900px){.layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.sidebar{gap:16px;display:grid}.league-pick{width:100%;margin-bottom:8px}.standings,.viewer-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.standings th,.standings td,.viewer-table td{border-bottom:1px solid var(--border);text-align:right;padding:6px 4px}.standings th:nth-child(2),.standings td:nth-child(2),.viewer-table td:first-child{text-align:left}.standings tr.me{font-weight:700}.viewer{border:1px solid var(--border);background:var(--card);width:min(560px,100vw - 32px);color:var(--text);border-radius:12px;padding:16px}.viewer::backdrop{background:#00000073}.viewer-head{gap:8px;display:flex}.viewer-head select{flex:1}.viewer-table .pick{font-weight:700}.viewer-table tr.same td{background:var(--picked)}.viewer-table tr.right td.pick{color:#1b7f3b}.viewer-table tr.wrong td.pick{color:var(--error)}.comment-form textarea{width:100%;font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:8px 10px}.comment-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.comments{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.comments p{overflow-wrap:anywhere;margin:2px 0 0}.comment-meta{align-items:baseline;gap:8px;display:flex}.comment-meta .link{margin-left:auto}