:root{--red-1: #ffcccc;--red-2: #ff9999;--red-3: #ff6666;--red-4: #cc0000;--purple-1: #e6ccff;--purple-2: #cc99ff;--purple-3: #9966cc;--purple-4: #6600cc;--orange-1: #ffe0cc;--orange-2: #ffb366;--orange-3: #ff944d;--orange-4: #cc5200;--blue-1: #cceeff;--blue-2: #66ccff;--blue-3: #3399ff;--blue-4: #0066cc;--green-1: #ccffcc;--green-2: #99ff99;--green-3: #66cc66;--green-4: #339933;--yellow-1: #ffffcc;--yellow-2: #ffff99;--yellow-3: #ffeb3b;--yellow-4: #fbc02d}body{font-family:sans-serif;padding:1rem}.app{max-width:25rem;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:2rem}.logo{font-size:1.25rem}.form.match-me h2{margin-bottom:2rem}button{padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border:2px solid #000;background:#fff;border-radius:8px}