@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f8fafc;--surface:#fff;--surface-raised:#f1f5f9;--surface-highest:#e2e8f0;--primary:#2563eb;--primary-glow:#3b82f6;--on-surface:#1e293b;--on-surface-variant:#64748b;--outline:#cbd5e166;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#7c3aed;--accent-bg:#7c3aed1a;--accent-border:#7c3aed4d;--radius:12px;--font-main:"Inter", system-ui, -apple-system, sans-serif;--glass:#fffc;--blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--on-surface);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{color:var(--primary);letter-spacing:-.02em}h1{margin-bottom:2rem;font-size:2.5rem;animation:.8s ease-out fadeIn}h2{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:1.5rem;animation:.8s ease-out .2s backwards fadeIn}h3{margin-bottom:1rem;font-size:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard{grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto;padding:2rem;display:grid}.column{animation:.8s ease-out backwards fadeIn}.column:first-child{animation-delay:.1s}.column:nth-child(2){animation-delay:.2s}.column:nth-child(3){animation-delay:.3s}@media (width<=1200px){.dashboard{grid-template-columns:1fr 1fr}}@media (width<=768px){.dashboard{grid-template-columns:1fr}}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--outline);padding:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card:hover{background:var(--surface-raised);transform:translateY(-6px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.glass-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--outline);border-radius:var(--radius);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.glass-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.form-group{flex-direction:column;gap:1rem;display:flex}input{background:var(--bg);border:1px solid var(--outline);color:var(--on-surface);border-radius:var(--radius);padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus{border-color:var(--primary-glow);outline:none;box-shadow:0 0 0 2px #00e5ff33}button{background:linear-gradient(135deg, var(--primary), var(--primary-glow));color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #2563eb33}button:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}button:active{transform:translateY(0)scale(.98)}ul{flex-direction:column;gap:1rem;list-style:none;display:flex}li{background:var(--surface);border-radius:var(--radius);border-left:4px solid var(--primary-glow);padding:1rem;animation:.5s ease-out backwards fadeIn;box-shadow:0 1px 3px #0000000d}.match-item{border-left-color:#7c3aed;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #7000ff66}70%{box-shadow:0 0 0 10px #7000ff00}to{box-shadow:0 0 #7000ff00}}.container{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.scroll-list{max-height:60vh;padding-right:.5rem;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:4px}.scroll-list::-webkit-scrollbar-track{background:var(--bg)}.scroll-list::-webkit-scrollbar-thumb{background:var(--outline);border-radius:10px}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}