:root{--viewport-height: 100vh;--viewport-stable-height: 100vh;--bg-color: #ffffff;--text-color: #000000;--hint-color: #707579;--link-color: #3390ec;--button-color: #3390ec;--button-text-color: #ffffff;--secondary-bg-color: #f5f5f5;--border-color: #e6e6e6;--card-bg-color: var(--bg-color);--input-bg-color: var(--bg-color);--input-border-color: var(--border-color);--accent-color: var(--link-color);--error-color: #e53935;--success-color: #43a047;--shadow-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}html,body{height:var(--viewport-height);width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--text-color)}.app-container{height:100%;display:flex;flex-direction:column;padding:16px}.loading{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;font-size:18px;color:var(--hint-color)}.profile-form{display:flex;flex-direction:column;gap:24px}.profile-form h2{font-size:22px;font-weight:600;margin-bottom:8px}.profile-form p{color:var(--hint-color);font-size:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:16px;margin-bottom:8px;font-weight:500}.form-group input,.form-group select{font-size:16px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg-color);color:var(--text-color)}.form-group small{font-size:14px;color:var(--hint-color);margin-top:4px}.zodiac-result{background-color:rgba(var(--link-color-rgb, 51, 144, 236),.1);padding:16px;border-radius:12px;border:1px solid var(--link-color)}.zodiac-sign{font-size:18px;font-weight:600;color:var(--link-color)}.clear-form{background:none;border:none;color:var(--hint-color);font-size:16px;padding:12px;text-align:center;cursor:pointer;margin-top:16px}.clear-form:hover{text-decoration:underline}.subscription-plans{display:flex;flex-direction:column;gap:24px}.subscription-plans h2{font-size:22px;font-weight:600;margin-bottom:8px}.subscription-plans>p{color:var(--hint-color);font-size:16px;margin-bottom:16px}.plans-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.plan-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;background-color:var(--card-bg-color)}.plan-card:hover{border-color:var(--link-color);background-color:rgba(var(--link-color-rgb, 51, 144, 236),.05)}.plan-card.selected{border-color:var(--link-color);background-color:rgba(var(--link-color-rgb, 51, 144, 236),.1)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-header h3{font-size:18px;font-weight:600;margin:0}.price{font-size:18px;font-weight:700;color:var(--link-color)}.description{color:var(--text-color);font-size:16px;margin-bottom:12px}.duration{color:var(--hint-color);font-size:14px}.disclaimer{font-size:14px;color:var(--hint-color);text-align:center;margin-top:16px;padding:12px;border-top:1px solid var(--border-color)}.disclaimer p{margin-bottom:8px}.auth-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:16px}.auth-error h2{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--error-color)}.auth-error p{color:var(--hint-color);font-size:16px;line-height:1.5;margin-bottom:16px}.horoscope-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.horoscope-placeholder h2{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--link-color)}.horoscope-placeholder p{color:var(--text-color);font-size:16px;line-height:1.5;margin-bottom:24px}.horoscope-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--link-color-rgb, 51, 144, 236),.2);border-left-color:var(--link-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.horoscope-loading p{color:var(--hint-color);font-size:16px}.horoscope-display{display:flex;flex-direction:column;padding:16px;max-width:100%}.horoscope-header{text-align:center;margin-bottom:16px}.horoscope-header h2{font-size:22px;font-weight:600;margin-bottom:4px;color:var(--link-color)}.horoscope-date{color:var(--hint-color);font-size:14px}.zodiac-badge{background-color:var(--link-color);color:var(--button-text-color);border-radius:24px;padding:4px 16px;display:inline-flex;align-self:center;margin-bottom:16px}.zodiac-name{font-weight:600;font-size:16px}.horoscope-image-container{width:100%;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px var(--shadow-color)}.horoscope-image{width:100%;height:auto;display:block}.horoscope-content{margin-bottom:24px}.horoscope-greeting{font-weight:600;font-size:18px;margin-bottom:16px;color:var(--text-color)}.horoscope-text{font-size:16px;line-height:1.6;color:var(--text-color)}.horoscope-tip{background-color:rgba(var(--link-color-rgb, 51, 144, 236),.1);border-radius:12px;padding:16px;margin-top:8px;border:1px solid var(--border-color)}.horoscope-tip h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--link-color)}.horoscope-tip p{font-size:14px;color:var(--text-color);font-style:italic}