.fortune-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1rem;animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fortune-modal{background:#fff;border-radius:1rem;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative!important;box-shadow:0 8px 32px rgba(0,0,0,.12);animation:slideUp .3s ease-out;z-index:1000000!important;margin:auto}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.fortune-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.2rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fortune-close:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.fortune-input{color:#1f2937;text-align:center}.fortune-input h2{font-size:1.5rem;margin-bottom:.5rem;color:#5b21b6;font-weight:700}.fortune-subtitle{font-size:.9rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.fortune-form{background:#fff;border-radius:.75rem;padding:0}.fortune-field{margin-bottom:1rem;text-align:left}.fortune-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.fortune-field input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:24px;background:#fff;font-size:1rem;transition:all .2s;color:#1f2937}.fortune-field input:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 3px rgba(91,33,182,.1)}.fortune-error{color:#dc2626;background:#fee2e2;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;border:1px solid #fecaca}.fortune-btn{width:100%;padding:.875rem;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1rem}.fortune-btn.primary{background:#5b21b6;color:#fff}.fortune-btn.primary:hover{background:#6d28d9;transform:translateY(-1px)}.fortune-btn.primary:active{transform:translateY(0)}.fortune-btn.secondary{background:#fff;color:#5b21b6;border:1px solid #e5e7eb}.fortune-btn.secondary:hover{background:#f9fafb}.fortune-disclaimer{font-size:.75rem;color:#9ca3af;margin-top:1rem;line-height:1.5;text-align:center}.fortune-loading{text-align:center;padding:3rem 1rem;color:#1f2937}.fortune-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#5b21b6;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fortune-loading p{font-size:1.1rem;margin-bottom:.5rem;color:#1f2937;font-weight:600}.fortune-loading-sub{font-size:.875rem;color:#6b7280}.fortune-progress-bar{width:100%;max-width:300px;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:1.5rem auto .5rem}.fortune-progress-fill{height:100%;background:linear-gradient(90deg,#5b21b6,#7c3aed,#a78bfa);border-radius:999px;transition:width .5s ease;box-shadow:0 0 10px rgba(91,33,182,.5)}.fortune-result{color:#1f2937}.fortune-result h2{font-size:1.5rem;text-align:center;margin-bottom:1rem;color:#5b21b6;font-weight:700}.fortune-keywords{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.fortune-keyword{background:#f3f4f6;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;color:#5b21b6;border:1px solid #e5e7eb}.fortune-image{margin:1.5rem 0;text-align:center}.fortune-image img{max-width:100%;box-shadow:0 4px 12px rgba(0,0,0,.1)}.fortune-image img,.fortune-text{border-radius:.75rem;border:1px solid #e5e7eb}.fortune-text{background:#f9fafb;padding:1.25rem;margin:1.5rem 0;line-height:1.8}.fortune-text p{margin-bottom:1rem;line-height:1.8;color:#374151}.fortune-text p:last-child{margin-bottom:0}.fortune-text .fortune-section-title{font-weight:700;font-size:1rem;color:#5b21b6;margin-top:1.25rem;margin-bottom:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:.4rem}.fortune-text .fortune-section-title:first-child{margin-top:0}.fortune-actions{margin:1.5rem 0 .5rem}.fortune-actions h3{font-size:.875rem;text-align:center;margin-bottom:1rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fortune-share-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.fortune-share-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem .5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#374151;font-size:.75rem;font-weight:600}.fortune-share-btn:hover{background:#f9fafb;border-color:#5b21b6;transform:translateY(-1px)}.fortune-share-btn:active{transform:translateY(0)}.fortune-share-btn span:first-child{font-size:1.5rem}@media (max-width:640px){.fortune-modal{padding:1.25rem;border-radius:.75rem;max-width:100%}.fortune-input h2,.fortune-result h2{font-size:1.25rem}.fortune-subtitle{font-size:.875rem}.fortune-text{padding:1rem}.fortune-text,.fortune-text .fortune-section-title{font-size:.9375rem}.fortune-image img{border-radius:.5rem}.fortune-share-buttons{gap:.5rem}.fortune-share-btn{padding:.625rem .5rem;font-size:.7rem}.fortune-share-btn span:first-child{font-size:1.25rem}.fortune-btn{padding:.75rem;font-size:.9375rem}}