@font-face{font-family:Williams;src:url(https://res.cloudinary.com/brandpad/raw/upload/v1600439196/ejgxn4caokhjnncr5u4v);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Williams,system-ui,-apple-system,sans-serif;background:white;color:#000}main{max-width:500px;margin:0 auto;padding:20px}h1{font-size:28px;margin-bottom:10px}h1,h2{color:#500082}h2{font-size:18px;margin-bottom:15px}button{background:#500082;color:white;border:none;padding:10px 20px;cursor:pointer;font-size:14px}button:hover{background:#3d005f}button:disabled{background:#ccc;cursor:not-allowed}input,select{width:100%;padding:10px;margin:10px 0;border:1px solid #000;font-size:14px}.section{background:white;padding:20px;margin:20px 0;border:1px solid #000}.section details{cursor:pointer}.section details summary{font-weight:700;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#500082}.section details summary:hover{background:#f5f5f5}.section details[open] summary{margin-bottom:10px}.match{background:#fffaf0;border:1px solid #ffb81c;border-left-width:4px;padding:15px;margin:10px 0}.crush-item{background:white;padding:12px;margin:8px 0;border:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.error{background:#ffcccc;border:1px solid #000;padding:12px;margin:10px 0;color:#000}.loading{text-align:center;color:#666;padding:20px}