:root{--paper: #ffffff;--paper-2: #f5f6f8;--paper-3: #eaecef;--ink: #0b0d12;--ink-2: #1a1d24;--g1: #e3e6ea;--g2: #c4c9d1;--g3: #8b919b;--g4: #4f5560;--g5: #232730;--accent: #2c5cff;--accent-ink: #1a3fcf;--accent-soft: rgba(44, 92, 255, .1);--c-blue: #2c5cff;--c-pink: #f24e7c;--c-lime: #7cc419;--c-amber: #f5a524;--c-violet: #8b5cf6;--c-teal: #14b8a6;--serif: "Space Grotesk", "Inter Tight", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--ease: cubic-bezier(.2,.7,.2,1)}.t28{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.t28 *{box-sizing:border-box}.t28 .serif{font-family:var(--serif);font-weight:600;letter-spacing:-.025em}.t28 .mono{font-family:var(--mono);font-weight:400;font-size:.82em;letter-spacing:0}.t28 .micro{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--g3)}.t28 .muted{color:var(--g3)}.t28 a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--g2)}.t28 a:hover{text-decoration-color:var(--accent)}.t28 button{font:inherit;cursor:pointer}.t28-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:none;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.005em;transition:background .18s var(--ease),transform .18s var(--ease)}.t28-btn:hover{background:var(--ink-2)}.t28-btn.ghost{background:transparent;color:var(--ink);padding:13px 0}.t28-btn.ghost:hover{color:var(--accent)}.t28-btn.accent{background:var(--accent)}.t28-btn.accent:hover{background:var(--accent-ink)}.t28-chip{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);border:1.5px solid var(--g1);padding:12px 18px;border-radius:999px;font-size:15px;font-weight:500;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}.t28-chip:hover{border-color:var(--g3)}.t28-chip[aria-selected=true],.t28-chip.selected{border-color:var(--accent);background:var(--accent);color:var(--paper)}.t28-chip[aria-selected=true]:before,.t28-chip.selected:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--paper)}.t28-code{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;font-weight:500;background:var(--paper-2);color:var(--g5);padding:3px 7px;border-radius:4px;text-decoration:none}.t28-code:after{content:"↗";opacity:.5;font-size:10px}.t28-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--paper-3)}.t28-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--c-blue),var(--c-violet));transition:width .6s var(--ease)}.t28-topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;font-size:13px}.t28-wordmark{font-family:var(--serif);font-weight:700;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:8px;color:var(--ink);line-height:1}.t28-wordmark .t28-wordmark-word{display:inline-flex;align-items:baseline}.t28-wordmark .num{color:var(--accent);font-feature-settings:"tnum","ss01";letter-spacing:-.045em;margin-left:1px}.t28-card{background:var(--paper);border:1px solid var(--g1);border-radius:var(--r-md);padding:22px}.t28-card.dense{padding:16px}.t28-card.elevated{border-color:transparent;box-shadow:0 1px 0 var(--g1),0 24px 60px -30px #0b0d122e}.t28-placeholder{background-image:repeating-linear-gradient(135deg,var(--paper-2) 0 6px,var(--paper-3) 6px 7px);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--g3);text-transform:uppercase;letter-spacing:.08em}.t28-sport{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--g1)}.t28-sport:last-child{border-bottom:none}.t28-sport .glyph{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.t28-sport .title{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.1;letter-spacing:-.02em}.t28-sport .reason{color:var(--g4);font-size:14px;margin-top:4px;max-width:52ch}.t28-sport .meta{display:flex;gap:8px;align-items:center;margin-top:8px}.t28-sport .toggle{width:28px;height:28px;border-radius:999px;border:1px solid var(--g2);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--g3);font-size:16px;transition:background .15s,color .15s,border-color .15s}.t28-sport[data-added=true] .toggle{background:var(--accent);border-color:var(--accent);color:#fff}.t28-tmate{border:1px solid var(--g1);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--paper)}.t28-tmate .id{font-family:var(--mono);font-size:12px;color:var(--g3)}.t28-tmate .picks{display:grid;grid-template-columns:1fr;gap:8px}.t28-tmate .pick{display:flex;gap:10px;align-items:baseline}.t28-tmate .pick .l{font-family:var(--mono);font-size:10px;color:var(--g3);width:64px;flex-shrink:0;text-transform:uppercase;letter-spacing:.08em}.t28-tmate .pick .v{font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:-.015em}.t28-tmap circle.dot{fill:var(--g2);transition:r .4s var(--ease),fill .4s var(--ease)}.t28-tmap circle.dot.you{fill:var(--accent)}.t28-tmap .axis{stroke:var(--g1);stroke-width:1}.t28-tmap .axis-label{font-family:var(--mono);fill:var(--g3);text-transform:uppercase;letter-spacing:.1em}.t28-reveal{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.32;letter-spacing:-.015em;color:var(--ink);max-width:38ch}.t28-reveal .pre{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-weight:500}.t28-why{background:var(--paper-2);border-left:3px solid var(--accent);padding:14px 18px;font-size:13px;line-height:1.55;color:var(--g5);border-radius:0 var(--r-sm) var(--r-sm) 0}.t28-why .label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--g3);margin-bottom:6px;font-weight:500}.t28-swatch{width:100%;aspect-ratio:1.4 / 1;border-radius:var(--r-sm);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border:1px solid var(--g1)}.t28-swatch .name{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.t28-swatch .hex{font-family:var(--mono);font-size:11px}.t28-rule{border:none;border-top:1px solid var(--g1);margin:0}.t28 :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.t28 *,.t28 *:before,.t28 *:after{transition:none!important;animation:none!important}}