.fortune-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:100px 20px 60px}.fortune-header{text-align:center;color:white;margin-bottom:50px}.fortune-header h1{font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.fortune-subtitle{font-size:1.2rem;opacity:0.9;margin-bottom:10px}.fortune-date{font-size:1rem;opacity:0.8;font-weight:500}.zodiac-selector{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.2);margin-bottom:40px}.zodiac-selector h2{text-align:center;margin-bottom:30px;color:#333}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.zodiac-btn{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:2px solid transparent;border-radius:15px;padding:20px 10px;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.zodiac-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);border-color:#667eea}.zodiac-btn:active{transform:translateY(-2px)}.zodiac-emoji{font-size:3rem;display:block}.zodiac-name{font-weight:600;font-size:1.1rem;color:#333}.zodiac-years{font-size:0.75rem;color:#666;text-align:center}.fortune-card-container{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fortune-card{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.2);animation:cardFlip 0.6s ease}@keyframes cardFlip{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0);opacity:1}}.fortune-card-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.fortune-zodiac-emoji{font-size:4rem;display:block;margin-bottom:15px}.fortune-card-header h2{font-size:2rem;color:#333;margin-bottom:15px}.fortune-stars{font-size:1.5rem;color:#ffd700}.fortune-details{margin-bottom:30px}.fortune-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.fortune-item{background:#f8f9fa;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.fortune-icon{font-size:1.5rem}.fortune-label{font-size:0.85rem;color:#666;font-weight:500}.fortune-value{font-size:1.1rem;color:#333;font-weight:600}.fortune-ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.rating-item{background:#f8f9fa;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.rating-icon{font-size:1.5rem}.rating-label{font-size:0.9rem;color:#666;font-weight:500}.rating-stars{font-size:1.2rem;color:#ffd700}.fortune-advice{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:25px;border-radius:12px;margin-bottom:30px}.fortune-advice h3{margin-bottom:15px;font-size:1.3rem}.fortune-advice p{line-height:1.6;font-size:1.05rem}.fortune-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.fortune-header h1{font-size:2rem}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.fortune-row{grid-template-columns:1fr}.fortune-ratings{grid-template-columns:1fr}.fortune-card{padding:25px}}@media (max-width:480px){.zodiac-grid{grid-template-columns:repeat(2,1fr)}.zodiac-emoji{font-size:2.5rem}}.checkin-stats{display:flex;justify-content:center;gap:30px;margin:25px 0;flex-wrap:wrap}.stat-item{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);padding:15px 25px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px;border:2px solid rgba(255,255,255,0.3)}.stat-icon{font-size:2rem}.stat-value{font-size:1.8rem;font-weight:700;color:white}.stat-label{font-size:0.85rem;color:rgba(255,255,255,0.9);font-weight:500}.btn-history{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;border:2px solid rgba(255,255,255,0.4);padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:15px}.btn-history:hover{background:rgba(255,255,255,0.35);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.history-panel{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 40px rgba(0,0,0,0.2);animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.history-header h3{margin:0;color:#333}.btn-close{background:#f0f0f0;border:none;width:35px;height:35px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#e0e0e0;transform:rotate(90deg)}.history-content{display:flex;flex-direction:column;gap:15px}.history-item{background:#f8f9fa;padding:20px;border-radius:12px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;transition:all 0.3s ease}.history-item:hover{background:#e9ecef;transform:translateX(5px)}.history-date{font-weight:600;color:#666;min-width:120px}.history-zodiac{display:flex;align-items:center;gap:10px}.history-zodiac-emoji{font-size:2rem}.history-zodiac-name{font-weight:600;color:#333}.history-rating{font-size:1.2rem;color:#ffd700}.history-empty{text-align:center;padding:40px;color:#999}.new-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:white;padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:700;margin-left:10px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.checkin-stats{gap:15px}.stat-item{min-width:100px;padding:12px 20px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.5rem}.history-item{grid-template-columns:1fr;text-align:center}.history-date{min-width:auto}}