@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:#3f1f69}h2{font-size:18px;margin-bottom:15px}button{background:#3f1f69;color:white;border:none;padding:10px 20px;cursor:pointer;font-size:14px}button:hover{background:#2d1550}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:#3f1f69}.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}.section{transition:transform .12s ease}.section:hover{transform:rotate(1.2deg) scale(1.012)!important}.tilt-l{transform:rotate(-2.2deg)}.tilt-r{transform:rotate(1.8deg)}@keyframes mammoth-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:.3}}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}90%{transform:translate(-1px,-2px)}}@keyframes blink-badge{0%,49%{opacity:1}50%,to{opacity:0}}