:root{--carbon: #0e0f12;--surface: #1a1c21;--surface-soft: rgba(255, 255, 255, .06);--chrome: #9297a0;--paper: #f4f5f7;--lime: #9b5cff;--lime-soft: rgba(155, 92, 255, .14);--violet: #c6ff3d;--violet-soft: rgba(198, 255, 61, .14);--font-display: "Dela Gothic One", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--carbon);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;padding-bottom:96px}.screen-title{font-family:var(--font-display);font-size:26px;padding:16px 20px 12px}.surface{background:var(--surface);border-radius:26px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:7px 13px;border-radius:999px}.pill-lime{color:var(--lime);background:var(--lime-soft)}.pill-violet{color:var(--violet);background:var(--violet-soft)}.pill-neutral{color:var(--chrome);background:var(--surface-soft)}.pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.btn{width:100%;font-family:var(--font-body);font-weight:700;font-size:14px;padding:16px;border-radius:999px;border:none;cursor:pointer}.btn-primary{background:var(--lime);color:var(--carbon)}.btn-secondary{background:var(--surface-soft);color:var(--paper)}.btn-violet{background:var(--violet);color:#111}.btn-ghost{background:transparent;color:var(--chrome)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--chrome);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.field input,.field select{width:100%;background:var(--surface);border:none;border-radius:999px;padding:14px 20px;color:var(--paper);font-family:var(--font-mono);font-size:14px}.field input:focus{outline:2px solid var(--lime);outline-offset:2px}.tabbar{position:fixed;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-around;align-items:center;padding:14px 8px;z-index:20}.tab{display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--chrome);text-decoration:none}.tab.active{color:var(--lime)}.tab-icon{width:20px;height:20px;border-radius:6px;background:currentColor;opacity:.18}.tab.active .tab-icon{opacity:1;background:var(--lime)}.match-card{padding:16px;display:flex;gap:16px;margin:0 16px 14px}.match-thumb-col{display:flex;flex-direction:column;align-items:center;width:112px;flex-shrink:0}.match-thumb{width:112px;height:84px;border-radius:18px;background-size:cover;background-position:center;background-color:var(--surface-soft);margin-bottom:8px}.match-score{font-family:var(--font-display);font-size:19px;color:var(--lime)}.match-score-label{font-size:8px;color:var(--chrome);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}.match-title{font-weight:800;font-size:14px;margin-bottom:6px}.match-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--chrome);margin-bottom:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{padding:10px 14px;border-radius:999px;background:var(--surface);color:var(--chrome);font-size:13px;font-weight:600;border:none;cursor:pointer}.chip.on{background:var(--lime);color:var(--carbon)}.pad{padding:0 20px 24px}.loading{padding:40px 20px;color:var(--chrome);text-align:center}