*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#4f46e5,#2563eb,#0ea5e9);justify-content:center;align-items:center;min-height:100vh;font-family:Pretendard,Malgun Gothic,sans-serif;display:flex;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;display:flex}.container{background:#fff;border-radius:30px;width:760px;max-width:95%;margin:20px;padding:40px;box-shadow:0 20px 60px #00000040}h1{text-align:center;font-size:42px}.sub{text-align:center;color:#777;margin-top:10px;font-size:18px}.recommend-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff9800,#ff5722);border:none;border-radius:50px;margin:35px auto;padding:18px 50px;font-size:22px;font-weight:700;transition:all .25s;display:block;box-shadow:0 10px 25px #ff572266}.recommend-btn:hover{transform:translateY(-4px)}.recommend-btn:active{transform:scale(.95)}.card{background:#f8fafc;border-left:8px solid #2563eb;border-radius:18px;margin-top:18px;padding:18px;animation:.5s slide}@keyframes slide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.title{margin-bottom:15px;font-size:22px;font-weight:700}.ball{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:5px;font-size:22px;font-weight:700;animation:.35s forwards pop;display:inline-flex;position:relative;transform:scale(0);box-shadow:0 8px 15px #00000040}.ball:before{content:"";background:#ffffff73;border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:10px}@keyframes pop{to{transform:scale(1)}}.yellow{color:#333;background:linear-gradient(#fff59d,#fbc400)}.blue{background:linear-gradient(#90caf9,#1565c0)}.red{background:linear-gradient(#ff8a80,#d32f2f)}.gray{background:linear-gradient(#eee,#757575)}.green{background:linear-gradient(#81c784,#2e7d32)}.lucky{text-align:center;color:#f57c00;margin-top:35px;font-size:20px;font-weight:700}footer{text-align:center;color:#999;margin-top:30px;font-size:14px}@media (width<=600px){.ball{width:46px;height:46px;font-size:18px}h1{font-size:32px}.recommend-btn{width:100%}}