*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px}.button{background:#667eea;color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.button:disabled{background:#ccc;cursor:not-allowed;transform:none}.button-secondary{background:#48bb78}.button-secondary:hover{background:#38a169}.button-danger{background:#f56565}.button-danger:hover{background:#e53e3e}.input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input:focus{outline:none;border-color:#667eea}.star{color:#fbbf24;font-size:32px;display:inline-block;margin:0 4px}.star.empty{color:#e2e8f0}h1,h2,h3{color:#1a202c;margin-bottom:16px}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}}