*{box-sizing:border-box}body{margin:0;padding:0;background-color:#eee;font-family:Inter,Arial,sans-serif}main{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;gap:10px}main>div{display:flex;flex-direction:column;gap:10px}button{border:none;font-weight:500;font-size:14px;width:67px;height:24px;cursor:pointer}.badge-square{border-radius:4px}.badge-pill{border-radius:12px}.badge-gray{background-color:#f3f4f6;color:#1f2937}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-yellow{background-color:#fef3c7;color:#92400e}.badge-green{background-color:#d1fae5;color:#065f46}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-indigo{background-color:#e0e7ff;color:#1e40af}.badge-purple{background-color:#ede9fe;color:#5b21b6}.badge-pink{background-color:#fce7f3;color:#9d174d}