.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}body.light .error-boundary{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}body.dark .error-boundary{background:linear-gradient(135deg,#1a1a2e,#16213e)}.error-content{max-width:600px;text-align:center;padding:40px;border-radius:20px;animation:slideIn .5s ease-out}body.light .error-content{background:#fff;box-shadow:0 10px 40px #0000001a}body.dark .error-content{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:80px;margin-bottom:20px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-content h1{font-size:32px;margin-bottom:15px}.error-message{font-size:16px;opacity:.8;margin-bottom:30px;line-height:1.6}.error-details{text-align:left;margin:20px 0;padding:15px;border-radius:10px;cursor:pointer}body.light .error-details{background:#f9f9f9;border:1px solid #e0e0e0}body.dark .error-details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.error-details summary{font-weight:700;margin-bottom:10px}.error-stack{font-size:12px;font-family:monospace;white-space:pre-wrap;word-break:break-word;opacity:.8;max-height:300px;overflow-y:auto;margin-top:10px}.error-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{padding:15px 30px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:transparent;border:2px solid #667eea}body.light .btn-secondary{color:#667eea}body.dark .btn-secondary{color:#fff}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}@media (max-width: 768px){.error-content{padding:30px 20px}.error-icon{font-size:60px}.error-content h1{font-size:24px}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.notification-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:12px;min-width:300px;max-width:400px;box-shadow:0 8px 25px #0003;cursor:pointer;pointer-events:auto;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-success{background:#4caf50f2;color:#fff;border-left:4px solid #4caf50}body.dark .notification-success{background:#4caf5033;border:2px solid #4caf50}.notification-error{background:#f44336f2;color:#fff;border-left:4px solid #f44336}body.dark .notification-error{background:#f4433633;border:2px solid #f44336}.notification-warning{background:#ff9800f2;color:#fff;border-left:4px solid #ff9800}body.dark .notification-warning{background:#ff980033;border:2px solid #ff9800}.notification-info{background:#2196f3f2;color:#fff;border-left:4px solid #2196f3}body.dark .notification-info{background:#2196f333;border:2px solid #2196f3}.notification-icon{font-size:24px}.notification-message{flex:1;font-size:15px;font-weight:500}.notification-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s}.notification-close:hover{opacity:1}@media (max-width: 768px){.notification-container{top:70px;right:10px;left:10px}.notification{min-width:auto;max-width:100%}}.cosmic-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;transition:all .3s}.cosmic-background.light{background:radial-gradient(circle at 30% 30%,#90caf9,#e3f2fd 80%)}.cosmic-background.dark{background:radial-gradient(circle at 30% 30%,#1a237e,#0b0f1a 80%)}.shooting-star{position:absolute;top:0;width:180px;height:3px;background:linear-gradient(90deg,#fff,#fff7,transparent);border-radius:50%;filter:blur(1px);transform:rotate(-45deg);animation:shoot 3s ease-in-out}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(-45deg) scaleX(.7)}10%{opacity:1}60%{opacity:1;transform:translate(60vw,80vh) rotate(-45deg) scaleX(1)}to{opacity:0;transform:translate(60vw,80vh) rotate(-45deg) scaleX(1.2)}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;filter:blur(1px);animation:float 4s ease-in-out infinite alternate}body.light .particle{background:#2196f34d}body.dark .particle{background:#ffffff4d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 768px){.cosmic-background{display:none}}.header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 15px #0003;transition:all .3s;position:relative;z-index:10}body.light .header{background:#fffffff2;color:#333}body.dark .header{background:#1a237ee6;color:#fff}.header-left{display:flex;align-items:center;gap:15px}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{font-size:36px;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-text{font-size:26px;font-weight:700;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:15px}.theme-toggle{width:60px;height:30px;background:#ddd;border-radius:25px;position:relative;cursor:pointer;transition:all .3s;display:flex;align-items:center;padding:0 5px}body.dark .theme-toggle{background:#667eea}.theme-toggle-slider{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;left:3px;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 5px #0003}body.dark .theme-toggle-slider{left:calc(100% - 27px)}.wallet-badge{background:linear-gradient(135deg,#f093fb,#f5576c);padding:10px 18px;border-radius:25px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;color:#fff;box-shadow:0 4px 12px #f093fb66}.auth-btn{padding:10px 24px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0003}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.login-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.register-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.register-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #f093fb66}.logout-btn{background:#e53e3e;color:#fff}.logout-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #e53e3e66}.wallet-badge{cursor:pointer;transition:all .3s}.wallet-badge:hover{transform:scale(1.05)}.logo-container{cursor:pointer}.cart-btn{width:50px;height:50px;border:none;border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0003}.cart-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.header{padding:10px 12px;flex-wrap:wrap;gap:10px}.header-left{flex:1;min-width:120px}.header-right{flex-wrap:wrap;gap:8px}.logo-icon{font-size:24px}.logo-text{font-size:18px}.theme-toggle{width:45px;height:24px}.theme-toggle-slider{width:18px;height:18px;font-size:10px}body.dark .theme-toggle-slider{left:calc(100% - 21px)}.wallet-badge{padding:6px 10px;font-size:12px;gap:5px}.wallet-badge span:last-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-btn{padding:8px 16px;font-size:12px}.cart-btn{width:40px;height:40px;font-size:20px}}@media (max-width: 400px){.header{padding:8px 10px}.logo-text{display:none}.header-right{gap:5px}.wallet-badge span:last-child{max-width:60px}.auth-btn{padding:6px 12px;font-size:11px}.cart-btn{width:36px;height:36px;font-size:18px}}.premium-badge{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffd7004d}.premium-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.premium-badge .crown{font-size:1.2rem;animation:float 2s ease-in-out infinite}.premium-badge .premium-text{font-weight:700;color:#8b6914;font-size:.9rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.premium-badge{padding:.4rem .8rem}.premium-badge .premium-text{display:none}.premium-badge .crown{font-size:1.5rem}}.install-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.install-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #667eea80}body.dark .install-btn{box-shadow:0 2px 10px #667eea80}.language-switcher{display:flex;gap:.5rem;align-items:center}.lang-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.light .lang-btn{background:#0000000d;border:1px solid rgba(0,0,0,.15);color:#333}.lang-btn:hover{background:#fff3;transform:translateY(-2px)}.light .lang-btn:hover{background:#0000001a}.lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;font-weight:700;color:#fff}.footer{margin-top:60px;padding:40px 20px 20px;border-top:2px solid}body.light .footer{background:#f9f9f9;border-color:#e0e0e0}body.dark .footer{background:#ffffff08;border-color:#ffffff1a}.footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:18px;margin-bottom:15px;font-weight:700}.footer-desc{font-size:14px;line-height:1.6;opacity:.8}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-logo .logo-icon{font-size:32px;animation:pulse 2s infinite}.footer-logo .logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links,.footer-contact{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.footer-links li{font-size:15px;cursor:pointer;transition:all .3s;padding:5px 0}.footer-links li:hover{transform:translate(5px);opacity:.8}.footer-contact li{display:flex;align-items:center;gap:10px;font-size:15px}.footer-contact span{font-size:20px}.footer-contact a{text-decoration:none;transition:all .3s}body.light .footer-contact a{color:#667eea}body.dark .footer-contact a{color:#8fa3ff}.footer-contact a:hover{text-decoration:underline}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid}.footer-enamad{display:flex;justify-content:center;margin-bottom:20px}.footer-enamad img{width:100px;height:auto;transition:transform .3s}.footer-enamad img:hover{transform:scale(1.1)}body.light .footer-bottom{border-color:#e0e0e0}body.dark .footer-bottom{border-color:#ffffff1a}.footer-bottom p{margin:8px 0;font-size:14px;opacity:.7}.made-with{font-size:13px}@media (max-width: 768px){.footer{padding:30px 15px 15px;margin-bottom:80px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-section{text-align:center}.footer-logo{justify-content:center}.footer-links li{padding:8px 0}.footer-contact li{justify-content:center}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-around;padding:12px 0;box-shadow:0 -2px 20px #0003;z-index:1000;transition:all .3s}body.light .bottom-nav{background:#fffffff2}body.dark .bottom-nav{background:#1a237ef2}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s;padding:10px 0;border-radius:12px}body.light .nav-item{color:#00000080}body.dark .nav-item{color:#fff9}body.light .nav-item.active{color:#667eea}body.dark .nav-item.active{color:#fff}.nav-icon{font-size:30px;transition:all .3s}.nav-item.active .nav-icon{transform:scale(1.2);filter:drop-shadow(0 0 10px rgba(102,126,234,.8))}.nav-label{font-size:12px;font-weight:600}@media (min-width: 1024px){.bottom-nav{padding:15px 0}.nav-icon{font-size:34px}.nav-label{font-size:14px}}@supports (-webkit-touch-callout: none){.bottom-nav{position:-webkit-sticky;position:sticky;bottom:0}}.welcome-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal{max-width:600px;width:100%;border-radius:25px;padding:40px;position:relative;animation:slideUp .4s ease-out;text-align:center;box-shadow:0 20px 60px #00000080}body.light .welcome-modal{background:#fff}body.dark .welcome-modal{background:#1a1a2e;border:2px solid rgba(102,126,234,.3)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;border-radius:50%;font-size:28px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}body.light .close-btn{background:#f0f0f0;color:#333}body.dark .close-btn{background:#ffffff1a;color:#fff}.close-btn:hover{transform:rotate(90deg);background:#f44336;color:#fff}.welcome-icon{font-size:80px;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-modal h1{font-size:36px;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:16px;opacity:.8;margin-bottom:30px}.welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:10px;padding:15px;border-radius:15px;transition:all .3s}body.light .feature-item{background:#f9f9f9}body.dark .feature-item{background:#ffffff0d}.feature-item:hover{transform:translate(5px)}body.light .feature-item:hover{background:#e8e8e8}body.dark .feature-item:hover{background:#ffffff1a}.feature-icon{font-size:28px}.feature-item span:last-child{font-size:14px;font-weight:500}.welcome-cta{margin-bottom:20px;padding:20px;border-radius:15px}body.light .welcome-cta{background:#f9f9f9}body.dark .welcome-cta{background:#ffffff0d}.welcome-cta p{font-size:16px;margin-bottom:15px}.cta-buttons{display:flex;gap:15px;justify-content:center}.cta-btn{padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:700;transition:all .3s}.cta-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-btn.secondary{border:2px solid #667eea;color:#667eea}body.dark .cta-btn.secondary{color:#fff}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.continue-btn{width:100%;padding:15px;border:none;border-radius:15px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}body.light .continue-btn{background:#e8e8e8;color:#333}body.dark .continue-btn{background:#ffffff1a;color:#fff}.continue-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.welcome-modal{padding:30px 20px}.welcome-modal h1{font-size:28px}.welcome-icon{font-size:60px}.welcome-features{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-btn{width:100%}}@media (max-width: 768px){.welcome-overlay{align-items:flex-start;padding-top:40px}.welcome-modal{padding:30px 20px;max-height:90vh;overflow-y:auto}}.daily-horoscope-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.horoscope-container{max-width:900px;margin:0 auto}.horoscope-header{text-align:center;margin-bottom:2rem;color:#fff}.horoscope-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.horoscope-header .date{font-size:1.2rem;opacity:.9;margin-bottom:.5rem}.horoscope-header .stats{font-size:.95rem;opacity:.8;font-style:italic}.zodiac-selector{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0003}.zodiac-selector h3{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.3rem}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.zodiac-btn{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid transparent;border-radius:15px;padding:1.2rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:inherit}.zodiac-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea4d;border-color:#667eea}.zodiac-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 8px 20px #667eea80}.zodiac-btn .emoji{font-size:2rem}.zodiac-btn .label{font-size:1rem;font-weight:500}.loading{text-align:center;padding:3rem;color:#fff}.spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.horoscope-content{margin-bottom:2rem}.horoscope-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003;position:relative;overflow:hidden}.card-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.big-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.card-header h2{color:#333;font-size:1.8rem}.summary-section{margin-bottom:2rem}.summary-section h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.summary-text{color:#555;font-size:1.1rem;line-height:1.8;padding:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;border-left:4px solid #667eea}.full-content{margin-top:2rem}.section{margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;border-left:4px solid #667eea}.section h4{color:#667eea;margin-bottom:.8rem;font-size:1.2rem}.section p{color:#555;line-height:1.8;font-size:1rem}.tip-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:15px;border:2px solid #fdcb6e}.tip-section h4{color:#d63031;margin-bottom:.8rem;font-size:1.3rem}.tip-section p{color:#2d3436;line-height:1.8;font-size:1.1rem;font-weight:500}.paywall{position:relative;margin-top:2rem}.blur-overlay{position:relative;height:400px;overflow:hidden;border-radius:15px;margin-bottom:2rem}.blur-content{padding:2rem;filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none}.blur-content p{margin-bottom:3rem;font-size:1.2rem;color:#999}.paywall-cta{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff}.paywall-cta h3{font-size:1.8rem;margin-bottom:1rem}.paywall-cta>p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.benefits{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;text-align:right}.benefits li{font-size:1rem;padding:.5rem;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #ffd70066;margin-top:1.5rem;transition:all .3s ease;font-family:inherit}.trial-text{margin-top:1rem;font-size:.9rem;opacity:.8}.welcome-message{display:flex;justify-content:center;align-items:center;min-height:300px}.welcome-card{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 30px #0003;max-width:500px}.welcome-emoji{font-size:4rem;display:block;margin-bottom:1rem}.welcome-card h3{color:#333;font-size:1.8rem;margin-bottom:1rem}.welcome-card p{color:#666;font-size:1.1rem;line-height:1.6}body.light .daily-horoscope-page{background:linear-gradient(135deg,#90caf9,#b39ddb)}body.light .zodiac-selector,body.light .horoscope-card,body.light .welcome-card{background:#fff;color:#333}body.light .summary-text,body.light .section{background:#f8f9fa;color:#555}body.light .tip-section{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}body.dark .daily-horoscope-page{background:linear-gradient(135deg,#1a237e,#4a148c)}body.dark .zodiac-selector,body.dark .horoscope-card,body.dark .welcome-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .zodiac-selector h3,body.dark .card-header h2,body.dark .welcome-card h3{color:#fff}body.dark .summary-text,body.dark .section{background:#ffffff0d;color:#eee}body.dark .section h4,body.dark .summary-section h3{color:#90caf9}body.dark .section p{color:#ccc}body.dark .welcome-card p{color:#aaa}body.dark .zodiac-btn{background:#ffffff1a;color:#fff}body.dark .zodiac-btn.active{background:linear-gradient(135deg,#90caf9,#b39ddb);color:#fff}@media (max-width: 768px){.daily-horoscope-page{padding:1rem .5rem}.horoscope-header h1{font-size:2rem}.zodiac-selector{padding:1.5rem}.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.zodiac-btn{padding:1rem .5rem}.zodiac-btn .emoji{font-size:1.5rem}.zodiac-btn .label{font-size:.85rem}.horoscope-card{padding:1.5rem}.big-emoji{font-size:3rem}.benefits{grid-template-columns:1fr}.premium-btn{padding:1rem 2rem;font-size:1rem}}@media (prefers-color-scheme: dark){.zodiac-selector,.horoscope-card,.welcome-card{background:#1a1a2e;color:#eee}.zodiac-selector h3,.card-header h2,.welcome-card h3{color:#eee}.summary-text,.section{background:#16213e;color:#ddd}.section p{color:#ccc}.welcome-card p{color:#aaa}}.share-buttons{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;border:2px dashed #dee2e6}.share-buttons h4{margin-bottom:1rem;color:#495057;text-align:center}.share-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.share-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border:none;border-radius:10px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#fff}.share-btn span:first-child{font-size:1.5rem}.share-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.share-btn.telegram{background:linear-gradient(135deg,#08c,#00a8e8)}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#0c5cba)}.share-btn.copy{background:linear-gradient(135deg,#6c757d,#495057)}body.dark .share-buttons{background:#ffffff0d;border-color:#fff3}body.dark .share-buttons h4{color:#e0e0e0}body.light .share-buttons{background:#f8f9fa;border-color:#dee2e6}body.light .share-buttons h4{color:#495057}@media (max-width: 768px){.share-buttons-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.8rem}.share-btn{padding:.8rem .3rem;font-size:.85rem}.share-btn span:first-child{font-size:1.3rem}}.tarot-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.tarot-container{max-width:1000px;margin:0 auto}.tarot-header{text-align:center;margin-bottom:3rem;color:#fff}.tarot-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tarot-header p{font-size:1.1rem;opacity:.9}.reading-types{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000004d}.reading-types h3{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.3rem}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.type-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:3px solid transparent;border-radius:15px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative}.type-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea}.type-card.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 10px 25px #667eea80}.type-card.premium{border-color:gold}.type-emoji{font-size:3rem}.type-name{font-size:1.2rem;font-weight:600}.type-info{font-size:.9rem;opacity:.8}.premium-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 2px 10px #ffd70066}.question-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000004d}.question-section h3{margin-bottom:1rem;color:#333}.question-section textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .3s}.question-section textarea:focus{outline:none;border-color:#667eea}.generate-btn{display:block;width:100%;max-width:400px;margin:2rem auto;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1.3rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #667eea66;transition:all .3s ease;font-family:inherit}.generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea99}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f44;color:#fff;padding:1rem;border-radius:10px;text-align:center;margin:1rem 0}.paywall-card{background:#fff;border-radius:20px;padding:2.5rem;margin-top:2rem;box-shadow:0 10px 30px #0000004d;text-align:center}.paywall-card h3{color:#333;font-size:1.8rem;margin-bottom:1rem}.paywall-card>p{color:#666;font-size:1.1rem;margin-bottom:2rem}.paywall-benefits{list-style:none;padding:0;margin:2rem 0;text-align:right}.paywall-benefits li{font-size:1rem;padding:.8rem;margin-bottom:.5rem;background:#f5f7fa;border-radius:10px;color:#333}.premium-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #ffd70066;transition:all .3s ease;font-family:inherit}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ffd70099}.reading-result{color:#fff}.cards-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem}.cards-display h3{text-align:center;margin-bottom:2rem;font-size:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.tarot-card{background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:15px;padding:1.5rem;position:relative;box-shadow:0 5px 15px #0000004d;color:#333;text-align:center}.tarot-card.reversed{border:3px solid #ff6b6b}.card-number{position:absolute;top:10px;left:10px;background:#667eea;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.card-position{font-size:.85rem;color:#666;margin-bottom:1rem}.card-name{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:#333}.card-name-en{font-size:.9rem;color:#666;font-style:italic}.reversed-badge{margin-top:1rem;background:#ff6b6b;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;display:inline-block}.question-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;margin-bottom:2rem;font-size:1.1rem}.interpretation{background:#fff;color:#333;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000004d}.interpretation h3{color:#667eea;margin-bottom:1.5rem;font-size:1.5rem}.interpretation-text{line-height:1.8;font-size:1.05rem;white-space:pre-wrap}.new-reading-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #667eea66;transition:all .3s ease;font-family:inherit}.new-reading-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}body.light .tarot-page{background:linear-gradient(135deg,#e3f2fd,#90caf9,#64b5f6)}body.light .tarot-header{color:#333}body.light .reading-types,body.light .question-section,body.light .paywall-card,body.light .cards-display,body.light .interpretation{background:#fff;color:#333}body.light .question-display{background:#0000000d;color:#333}body.light .interpretation h3{color:#1976d2}body.dark .tarot-page{background:linear-gradient(135deg,#0b0f1a,#1a237e,#4a148c)}body.dark .tarot-header{color:#fff}body.dark .reading-types,body.dark .question-section,body.dark .paywall-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .reading-types h3,body.dark .question-section h3,body.dark .paywall-card h3{color:#fff}body.dark .cards-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark .cards-display h3{color:#fff}body.dark .interpretation{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .interpretation h3{color:#90caf9}body.dark .interpretation-text{color:#eee}body.dark .question-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .question-section textarea{background:#ffffff1a;color:#fff;border-color:#fff3}body.dark .question-section textarea::placeholder{color:#ffffff80}body.dark .paywall-card>p{color:#ccc}body.dark .paywall-benefits li{background:#ffffff1a;color:#fff}@media (max-width: 768px){.tarot-page{padding:1rem .5rem}.tarot-header h1{font-size:2rem}.types-grid,.cards-grid{grid-template-columns:1fr}.reading-types,.question-section,.cards-display,.interpretation{padding:1.5rem}}.history-page{min-height:100vh;padding:2rem 1rem}.history-container{max-width:900px;margin:0 auto}.history-header{text-align:center;margin-bottom:3rem}.history-header h1{font-size:2.5rem;margin-bottom:.5rem}.history-header p{font-size:1.1rem;opacity:.8}.loading{text-align:center;padding:3rem;font-size:1.2rem}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.8rem 1.5rem;border:2px solid transparent;border-radius:25px;background:#ffffff1a;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem}.filter-btn:hover{transform:translateY(-2px);background:#fff3}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.readings-list{display:flex;flex-direction:column;gap:1.5rem}.reading-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.reading-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.card-icon{font-size:3rem;flex-shrink:0}.card-content{flex:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.card-header h3{font-size:1.3rem;margin:0}.card-date{font-size:.9rem;opacity:.7}.card-details{font-size:.95rem;opacity:.9}.preview,.question,.zodiac-info{margin:.5rem 0}.cards-info{margin-top:.3rem;opacity:.7}.view-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;cursor:pointer;font-family:inherit;font-size:.95rem;transition:all .3s ease;flex-shrink:0}.view-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.no-readings{text-align:center;padding:4rem 2rem}.no-readings .icon{font-size:4rem;display:block;margin-bottom:1rem}.no-readings p{font-size:1.2rem;opacity:.7}body.light .reading-card{background:#fff;color:#333}body.light .filter-btn{background:#f5f7fa;color:#333}body.light .filter-btn:hover{background:#e8eaf0}body.dark .reading-card,body.dark .filter-btn{background:#ffffff1a;color:#fff}@media (max-width: 768px){.history-page{padding:1rem .5rem}.history-header h1{font-size:2rem}.reading-card{flex-direction:column;text-align:center}.card-header{flex-direction:column;gap:.5rem}.view-btn{width:100%}}.dream-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.dream-container{max-width:800px;margin:0 auto}.dream-header{text-align:center;margin-bottom:3rem;color:#fff}.dream-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dream-header p{font-size:1.1rem;opacity:.9}.dream-form{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:#333}.form-group .icon{font-size:1.3rem}.form-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .3s}.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.char-count{text-align:left;font-size:.9rem;color:#666;margin-top:.5rem}.interpret-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.interpret-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.interpret-btn:disabled{opacity:.6;cursor:not-allowed}.interpret-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dream-tips{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.dream-tips h4{margin-bottom:.8rem;color:#333}.dream-tips ul{list-style:none;padding:0;margin:0}.dream-tips li{padding:.5rem 0;color:#555;font-size:.95rem}.dream-tips li:before{content:"✓ ";color:#667eea;font-weight:700;margin-left:.5rem}.error-message{padding:1rem;background:#fee;color:#c33;border-radius:10px;margin-bottom:1rem;text-align:center}.paywall-card h3{color:#333;margin-bottom:1rem}.interpretation-result{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003}.dream-display{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px}.dream-display h3{color:#333;margin-bottom:1rem}.dream-display p{color:#555;line-height:1.8}.interpretation-content{margin-bottom:2rem}.interpretation-content h3{color:#333;margin-bottom:1rem}.interpretation-text{color:#555;line-height:1.8;white-space:pre-wrap}.interpretation-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #f0f0f0}.interpretation-footer .date{color:#666;font-size:.9rem}.new-dream-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}.new-dream-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}body.light .dream-page{background:linear-gradient(135deg,#90caf9,#b39ddb)}body.light .dream-form,body.light .paywall-card,body.light .interpretation-result{background:#fff;color:#333}body.dark .dream-page{background:linear-gradient(135deg,#1a237e,#4a148c)}body.dark .dream-form,body.dark .paywall-card,body.dark .interpretation-result{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .dream-form label,body.dark .paywall-card h3,body.dark .interpretation-result h3{color:#fff}body.dark .form-group textarea{background:#ffffff1a;color:#fff;border-color:#fff3}body.dark .form-group textarea::placeholder{color:#ffffff80}body.dark .dream-tips,body.dark .paywall-benefits,body.dark .dream-display{background:#ffffff0d}body.dark .dream-tips h4,body.dark .paywall-benefits h4,body.dark .dream-display h3,body.dark .interpretation-content h3{color:#fff}body.dark .dream-tips li,body.dark .paywall-benefits li,body.dark .dream-display p,body.dark .interpretation-text{color:#eee}@media (max-width: 768px){.dream-page{padding:1rem .5rem}.dream-header h1{font-size:2rem}.dream-form,.paywall-card,.interpretation-result{padding:1.5rem}.interpretation-footer{flex-direction:column;gap:1rem}.new-dream-btn{width:100%}}.detail-page{min-height:100vh;padding:2rem 1rem}.detail-container{max-width:900px;margin:0 auto}.detail-header{margin-bottom:2rem;text-align:center;position:relative}.back-btn{position:absolute;right:0;top:0;padding:.6rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:inherit}.back-btn:hover{background:#fff3;transform:translate(5px)}.detail-header h1{font-size:2rem;margin-bottom:.5rem}.reading-date{opacity:.8;font-size:.95rem}.detail-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003}.hafez-content .poem-section,.hafez-content .interpretation-section{margin-bottom:2rem}.hafez-content h3{margin-bottom:1rem;font-size:1.3rem}.poem-text{background:#0000000d;padding:1.5rem;border-radius:10px;line-height:2;text-align:center}.poem-text p{margin:.5rem 0}.interpretation-text{line-height:1.8;white-space:pre-wrap}.tarot-content .question-section,.tarot-content .cards-section,.tarot-content .interpretation-section{margin-bottom:2rem}.tarot-content h3{margin-bottom:1rem;font-size:1.3rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tarot-card-detail{background:#0000000d;padding:1.5rem;border-radius:10px;text-align:center}.card-position{font-size:.9rem;opacity:.8;margin-bottom:.5rem}.card-name{font-size:1.2rem;font-weight:700;margin:.5rem 0}.card-name-en{font-size:.9rem;opacity:.7}.reversed-badge{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;background:#e74c3c;color:#fff;border-radius:15px;font-size:.8rem}.horoscope-content .horoscope-header-info{text-align:center;margin-bottom:2rem}.horoscope-content .horoscope-header-info h3{font-size:1.8rem;margin-bottom:.5rem}.horoscope-content .horoscope-header-info .date{opacity:.8}.horoscope-sections{display:flex;flex-direction:column;gap:1.5rem}.horoscope-section{background:#0000000d;padding:1.5rem;border-radius:10px}.horoscope-section h4{margin-bottom:.8rem;font-size:1.1rem}.horoscope-section p{line-height:1.8}.dream-content .dream-section,.dream-content .interpretation-section{margin-bottom:2rem}.dream-content h3{margin-bottom:1rem;font-size:1.3rem}.dream-content .dream-section p{background:#0000000d;padding:1.5rem;border-radius:10px;line-height:1.8}.loading,.error-box{text-align:center;padding:3rem}.error-box button{margin-top:1rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit}body.light .detail-content{background:#fff;color:#333}body.light .poem-text,body.light .tarot-card-detail,body.light .horoscope-section,body.light .dream-content .dream-section p{background:#f5f7fa}body.light .back-btn{background:#f5f7fa;border-color:#ddd;color:#333}body.dark .detail-content{background:#ffffff1a;color:#fff}body.dark .poem-text,body.dark .tarot-card-detail,body.dark .horoscope-section,body.dark .dream-content .dream-section p{background:#ffffff0d}body.dark .back-btn{color:#fff}@media (max-width: 768px){.detail-page{padding:1rem .5rem}.detail-header h1{font-size:1.5rem;margin-top:3rem}.back-btn{position:static;display:block;width:100%;margin-bottom:1rem}.detail-content{padding:1.5rem}.cards-grid{grid-template-columns:1fr}}.calendar-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.calendar-container{max-width:1200px;margin:0 auto}.calendar-header{text-align:center;margin-bottom:2rem;color:#fff}.calendar-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.calendar-header p{font-size:1.1rem;opacity:.9}.calendar-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.calendar-tabs .tab{padding:.8rem 2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}.calendar-tabs .tab:hover{background:#fff3;transform:translateY(-2px)}.calendar-tabs .tab.active{background:#fff;color:#667eea;border-color:#fff}.today-view{display:flex;flex-direction:column;gap:1.5rem}.rating-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 10px 30px #0003;border:4px solid}.rating-icon{font-size:4rem;margin-bottom:1rem}.rating-card h2{font-size:2rem;margin-bottom:.5rem;color:#333}.rating-card .date{font-size:1.1rem;color:#666}.scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.score-card{background:#fff;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px #0000001a}.score-icon{font-size:2.5rem;margin-bottom:.5rem}.score-label{font-size:.95rem;color:#666;margin-bottom:.5rem}.score-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:.8rem}.score-bar{height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden}.score-fill{height:100%;border-radius:10px;transition:width .5s ease}.score-fill.energy{background:linear-gradient(90deg,#f093fb,#f5576c)}.score-fill.luck{background:linear-gradient(90deg,#4facfe,#00f2fe)}.activities-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.activities-card h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.activities-list{display:flex;flex-wrap:wrap;gap:.8rem}.activity-tag{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.activity-tag.best{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0d4d3d}.activity-tag.avoid{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#8b5a00}.advice-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.advice-card h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.advice-card p{color:#555;line-height:1.8}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.calendar-day{background:#fff;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px #0000001a;border:3px solid;transition:all .3s ease;cursor:pointer}.calendar-day:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.day-date{font-size:.9rem;color:#666;margin-bottom:1rem}.day-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.8rem}.day-rating .rating-icon{font-size:1.8rem}.day-rating .rating-text{font-weight:700;color:#333}.day-scores{display:flex;justify-content:center;gap:1rem;font-size:.9rem;color:#666}body.light .calendar-page{background:linear-gradient(135deg,#90caf9,#b39ddb)}body.light .rating-card,body.light .score-card,body.light .activities-card,body.light .advice-card,body.light .calendar-day,body.light .paywall-card{background:#fff;color:#333}body.dark .calendar-page{background:linear-gradient(135deg,#1a237e,#4a148c)}body.dark .rating-card,body.dark .score-card,body.dark .activities-card,body.dark .advice-card,body.dark .calendar-day,body.dark .paywall-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .rating-card h2,body.dark .score-value,body.dark .activities-card h3,body.dark .advice-card h3,body.dark .day-rating .rating-text,body.dark .paywall-card h3{color:#fff}body.dark .rating-card .date,body.dark .score-label,body.dark .advice-card p,body.dark .day-date,body.dark .day-scores,body.dark .paywall-card>p{color:#ccc}@media (max-width: 768px){.calendar-page{padding:1rem .5rem}.calendar-header h1{font-size:2rem}.scores-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.calendar-tabs{flex-direction:column}.calendar-tabs .tab{width:100%}}.hourly-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.hourly-container{max-width:1000px;margin:0 auto}.hourly-header{text-align:center;margin-bottom:2rem;color:#fff}.hourly-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hourly-header p{font-size:1.1rem;opacity:.9;margin-bottom:1rem}.current-time{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;padding:.8rem 1.5rem;border-radius:25px;font-size:1.1rem;margin-top:1rem}.time-icon{font-size:1.3rem}.highlight-times{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.time-highlight{background:#fff;border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 5px 15px #0000001a}.time-highlight.best{border-left:5px solid #4caf50}.time-highlight.worst{border-left:5px solid #f44336}.highlight-icon{font-size:2.5rem}.highlight-content h3{font-size:1rem;color:#666;margin-bottom:.3rem}.highlight-content p{font-size:1.2rem;font-weight:700;color:#333}.time-blocks{display:flex;flex-direction:column;gap:1rem}.time-block{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border-left:5px solid transparent}.time-block:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.time-block.current{border-left-color:#2196f3;background:linear-gradient(to right,#2196f31a,#fff)}.time-block.best{border-left-color:#4caf50}.time-block.worst{border-left-color:#f44336}.block-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.block-icon{font-size:2rem}.block-header h3{flex:1;font-size:1.2rem;color:#333;margin:0}.current-badge{padding:.3rem .8rem;background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff;border-radius:15px;font-size:.8rem;font-weight:700}.block-advice{color:#555;line-height:1.6;margin:0}body.light .hourly-page{background:linear-gradient(135deg,#90caf9,#b39ddb)}body.light .time-highlight,body.light .time-block,body.light .paywall-card{background:#fff;color:#333}body.dark .hourly-page{background:linear-gradient(135deg,#1a237e,#4a148c)}body.dark .time-highlight,body.dark .time-block,body.dark .paywall-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .highlight-content h3,body.dark .block-header h3,body.dark .paywall-card h3{color:#fff}body.dark .highlight-content p,body.dark .block-advice,body.dark .paywall-card>p{color:#eee}body.dark .time-block.current{background:linear-gradient(to right,#2196f333,#ffffff1a)}@media (max-width: 768px){.hourly-page{padding:1rem .5rem}.hourly-header h1{font-size:2rem}.highlight-times{grid-template-columns:1fr}.time-block{padding:1rem}.block-header{flex-wrap:wrap}.current-badge{width:100%;text-align:center;margin-top:.5rem}}.yearly-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.yearly-container{max-width:1200px;margin:0 auto}.yearly-header{text-align:center;margin-bottom:2rem;color:#fff}.yearly-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.yearly-header p{font-size:1.1rem;opacity:.9}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.zodiac-card{background:#fff;border-radius:15px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000001a;border:3px solid}.zodiac-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.zodiac-icon{font-size:3rem;margin-bottom:.5rem}.zodiac-card h3{font-size:1.2rem;color:#333;margin:0}.yearly-details{display:flex;flex-direction:column;gap:1.5rem}.back-btn{padding:.8rem 1.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease;align-self:flex-start}.back-btn:hover{background:#ffffff4d;transform:translate(-3px)}.details-header{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 10px 30px #0003;border:4px solid}.details-icon{font-size:4rem;margin-bottom:1rem}.details-header h2{font-size:2rem;color:#333;margin-bottom:.5rem}.details-header p{font-size:1.1rem;color:#666;margin:0}.section-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.section-card h3{font-size:1.3rem;color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-card p{color:#555;line-height:1.8;margin:0;text-align:justify}.section-card.highlight{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.section-card.highlight h3,.section-card.highlight p{color:#fff}.section-card.warning{border-left:5px solid #ff9800}.section-card.success{border-left:5px solid #4caf50}.months-list{display:flex;flex-wrap:wrap;gap:.8rem}.month-tag{padding:.5rem 1rem;background:#ffffff4d;border-radius:20px;font-size:.95rem;font-weight:500}.paywall-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 10px 30px #0003}.paywall-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.paywall-card>p{color:#666;margin-bottom:1.5rem}.paywall-benefits{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;text-align:right}.paywall-benefits h4{margin-bottom:1rem;color:#333}.paywall-benefits ul{list-style:none;padding:0;margin:0}.paywall-benefits li{padding:.5rem 0;color:#555}.premium-btn{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:none;border-radius:10px;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.loading{text-align:center;padding:3rem;color:#fff;font-size:1.2rem}body.light .yearly-page{background:linear-gradient(135deg,#90caf9,#b39ddb)}body.light .zodiac-card,body.light .details-header,body.light .section-card,body.light .paywall-card{background:#fff;color:#333}body.dark .yearly-page{background:linear-gradient(135deg,#1a237e,#4a148c)}body.dark .zodiac-card,body.dark .details-header,body.dark .section-card,body.dark .paywall-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}body.dark .zodiac-card h3,body.dark .details-header h2,body.dark .section-card h3,body.dark .paywall-card h3{color:#fff}body.dark .details-header p,body.dark .section-card p,body.dark .paywall-card>p{color:#eee}body.dark .paywall-benefits{background:#ffffff0d}body.dark .paywall-benefits h4,body.dark .paywall-benefits li{color:#eee}body.dark .section-card.highlight{background:linear-gradient(135deg,#f093fb4d,#f5576c4d)}@media (max-width: 768px){.yearly-page{padding:1rem .5rem}.yearly-header h1{font-size:2rem}.zodiac-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.zodiac-card{padding:1.5rem .8rem}.zodiac-icon{font-size:2.5rem}.details-header{padding:1.5rem}.details-icon{font-size:3rem}.section-card{padding:1rem}.section-card h3{font-size:1.1rem}}.rumi-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#2c3e50,#34495e)}.rumi-container{max-width:800px;margin:0 auto}.rumi-header{text-align:center;margin-bottom:2rem;color:#fff}.rumi-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.rumi-header p{font-size:1.1rem;opacity:.9}.fal-form{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003}.quote{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-bottom:2rem;font-style:italic}.quote p{font-size:1.2rem;color:#2c3e50;margin-bottom:.5rem;line-height:1.8}.quote span{color:#7f8c8d;font-size:.9rem}.input-group textarea:focus{outline:none;border-color:#3498db}.fal-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.fal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.fal-btn:disabled{opacity:.7;cursor:not-allowed}.tips{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px}.tips li:before{content:"✨";position:absolute;right:0}.fal-result{display:flex;flex-direction:column;gap:1.5rem}.result-poem{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;text-align:center}.poem-icon{font-size:3rem;margin-bottom:1rem}.result-poem h3{margin-bottom:1.5rem;font-size:1.3rem;color:#fff}.poem-text{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:10px;margin-bottom:1rem}.poem-text p{font-size:1.1rem;line-height:2;margin:.5rem 0;font-style:italic;color:#fff}.poem-source{font-size:.9rem;opacity:.8;color:#fff}.new-fal-btn{width:100%;padding:1rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.new-fal-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}body.dark .rumi-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e)}body.dark .rumi-header{color:#fff}body.dark .fal-form{background:#1e1e2ef2;border:1px solid rgba(255,255,255,.1)}body.dark .quote{background:#667eea26;border:1px solid rgba(102,126,234,.3)}body.dark .quote p{color:#e0e0e0}body.dark .quote span{color:#aaa}body.dark .tips{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body.dark .result-question{background:#1e1e2ef2;border:1px solid rgba(255,255,255,.1)}body.dark .result-question h3{color:#e0e0e0}body.dark .result-question p{color:#ccc}body.dark .result-interpretation{background:#1e1e2ef2;border:1px solid rgba(255,255,255,.1)}body.dark .result-interpretation h3{color:#e0e0e0}body.dark .interpretation-text p{color:#ccc}body.dark .new-fal-btn{background:#667eea33;color:#a8b9ff;border-color:#667eea80}body.dark .new-fal-btn:hover{background:#667eea4d;border-color:#667eeab3;color:#fff}body.light .rumi-page{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}body.light .rumi-header{color:#1a237e}body.light .fal-form{background:#fff;box-shadow:0 10px 30px #0000001a}body.light .quote{background:linear-gradient(135deg,#f5f7fa,#e8eaf6)}body.light .quote p{color:#1a237e}body.light .quote span{color:#5c6bc0}body.light .tips{background:#f5f7fa}body.light .result-question{background:#fff;box-shadow:0 5px 15px #0000001a}body.light .result-question h3{color:#1a237e}body.light .result-question p{color:#424242}body.light .result-poem{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0}body.light .result-poem h3{color:#4a148c}body.light .poem-icon{color:#6a1b9a}body.light .poem-text{background:#9c27b01a;border:1px solid rgba(156,39,176,.2)}body.light .poem-text p{color:#4a148c;font-weight:500}body.light .poem-source{color:#6a1b9a}body.light .result-interpretation{background:#fff;box-shadow:0 5px 15px #0000001a}body.light .result-interpretation h3{color:#1a237e}body.light .interpretation-text p{color:#424242}body.light .new-fal-btn{background:#fff;color:#5e35b1;border-color:#5e35b1}body.light .new-fal-btn:hover{background:#5e35b1;color:#fff}@media (max-width: 768px){.rumi-page{padding:1rem .5rem}.rumi-header h1{font-size:2rem}.fal-form,.result-poem,.result-interpretation{padding:1.5rem}.poem-text p{font-size:1rem}}.quran-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#1e3c72,#2a5298)}.quran-container{max-width:800px;margin:0 auto}.quran-header{text-align:center;margin-bottom:2rem;color:#fff}.quran-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.quran-header p{font-size:1.1rem;opacity:.9}.istikhara-form{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003}.bismillah{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin-bottom:2rem;border:2px solid #1e3c72}.bismillah p{font-size:1.5rem;color:#1e3c72;margin:0;font-weight:600;font-family:Arial,sans-serif;direction:rtl}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.input-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .3s ease;background:#fff;color:#2c3e50}.input-group textarea::placeholder{color:#aaa}.input-group textarea:focus{outline:none;border-color:#1e3c72}.char-count{display:block;text-align:left;margin-top:.3rem;font-size:.85rem;color:#7f8c8d}.istikhara-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.istikhara-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #1e3c7266}.istikhara-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;text-align:center}.tips{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-right:4px solid #1e3c72}.tips h4{margin-bottom:1rem;color:#2c3e50}.tips ul{list-style:none;padding:0;margin:0}.tips li{padding:.5rem 1.5rem .5rem 0;color:#555;position:relative}.tips li:before{content:"✦";position:absolute;right:0;color:#1e3c72}.istikhara-result{display:flex;flex-direction:column;gap:1.5rem}.result-question{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #0000001a}.result-question h3{color:#2c3e50;margin-bottom:.8rem;font-size:1.1rem}.result-question p{color:#555;line-height:1.6}.result-verse{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003;border-top:4px solid #1e3c72}.verse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.surah-name{font-size:1.2rem;font-weight:700;color:#1e3c72}.verse-number{font-size:1rem;color:#6c757d;background:#f8f9fa;padding:.3rem .8rem;border-radius:20px}.verse-arabic{text-align:center;font-size:1.8rem;line-height:2.5;color:#1e3c72;margin-bottom:1rem;direction:rtl;font-family:Traditional Arabic,Arial,sans-serif}.verse-divider{text-align:center;color:#1e3c72;font-size:1.5rem;margin:1.5rem 0}.verse-persian{text-align:center;font-size:1.2rem;line-height:2;color:#495057;font-style:italic;padding:1rem;background:#f8f9fa;border-radius:10px}.result-interpretation{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px #0000001a}.result-interpretation h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.3rem}.interpretation-text p{color:#555;line-height:1.8;margin-bottom:1rem;text-align:justify}.new-istikhara-btn{width:100%;padding:1rem;background:#fff;color:#1e3c72;border:2px solid #1e3c72;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.new-istikhara-btn:hover{background:#1e3c72;color:#fff;transform:translateY(-2px)}body.dark .quran-page{background:linear-gradient(135deg,#0a1929,#1a2f4a)}body.dark .quran-header{color:#fff}body.dark .istikhara-form{background:#1e1e2ef2;border:1px solid rgba(255,255,255,.1)}body.dark .bismillah{background:#1e3c7233;border-color:#ffffff4d}body.dark .bismillah p{color:#a8c5ff}body.dark .input-group label{color:#e0e0e0}body.dark .input-group textarea{background:#ffffff0d;border-color:#fff3;color:#e0e0e0}body.dark .input-group textarea::placeholder{color:#fff6}body.dark .char-count{color:#aaa}body.dark .tips{background:#ffffff0d;border-right-color:#4a7cc7}body.dark .tips h4{color:#e0e0e0}body.dark .tips li{color:#ccc}body.dark .result-question,body.dark .result-verse,body.dark .result-interpretation{background:#1e1e2ef2;border:1px solid rgba(255,255,255,.1)}body.dark .result-question h3,body.dark .result-interpretation h3{color:#e0e0e0}body.dark .result-question p,body.dark .interpretation-text p{color:#ccc}body.dark .verse-header{border-bottom-color:#ffffff1a}body.dark .surah-name{color:#a8c5ff}body.dark .verse-number{background:#ffffff1a;color:#aaa}body.dark .verse-arabic{color:#a8c5ff}body.dark .verse-persian{background:#ffffff0d;color:#ccc}body.dark .new-istikhara-btn{background:#1e3c724d;color:#a8c5ff;border-color:#1e3c7280}body.dark .new-istikhara-btn:hover{background:#1e3c7280;border-color:#1e3c72b3;color:#fff}body.light .quran-page{background:linear-gradient(135deg,#cfe2f3,#9fc5e8)}body.light .quran-header{color:#1a237e}body.light .istikhara-form{background:#fff;box-shadow:0 10px 30px #0000001a}body.light .bismillah{background:linear-gradient(135deg,#e8eaf6,#c5cae9);border-color:#3f51b5}body.light .bismillah p{color:#283593}body.light .input-group label{color:#1a237e}body.light .input-group textarea{background:#fff;border-color:#c5cae9;color:#1a237e}body.light .input-group textarea::placeholder{color:#9e9e9e}body.light .char-count{color:#757575}body.light .tips{background:#f5f7fa;border-right-color:#3f51b5}body.light .tips h4{color:#1a237e}body.light .tips li{color:#424242}body.light .result-question,body.light .result-verse,body.light .result-interpretation{background:#fff;box-shadow:0 5px 15px #0000001a}body.light .result-question h3,body.light .result-interpretation h3{color:#1a237e}body.light .result-question p,body.light .interpretation-text p{color:#424242}body.light .verse-arabic{color:#283593}body.light .verse-persian{background:#f5f7fa;color:#495057}body.light .new-istikhara-btn{background:#fff;color:#283593;border-color:#3f51b5}body.light .new-istikhara-btn:hover{background:#3f51b5;color:#fff}.database-info{margin-top:1rem;padding:.8rem;background:#e8f5e9;border-radius:8px;text-align:center}.database-info strong{color:#2e7d32}body.dark .database-info{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}body.dark .database-info strong{color:#81c784}body.light .database-info{background:#e8f5e9}body.light .database-info strong{color:#2e7d32}@media (max-width: 768px){.quran-page{padding:1rem .5rem}.quran-header h1{font-size:2rem}.istikhara-form,.result-verse,.result-interpretation{padding:1.5rem}.verse-arabic{font-size:1.5rem}.verse-persian{font-size:1.1rem}}.gamification-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;min-height:100vh;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);padding:2rem 1rem}.gamification-container{max-width:1200px;margin:0 auto}.gamification-header{text-align:center;color:#fff;margin-bottom:2rem}.gamification-header h1{font-size:2.5rem;margin-bottom:.5rem}.gamification-header p{font-size:1.1rem;opacity:.9}.level-card{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000001a}.level-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.level-badge{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #667eea66}.level-number{font-size:2.5rem;font-weight:700;color:#fff}.level-info h2{font-size:1.8rem;margin-bottom:.3rem;color:#2d3748}.level-points{font-size:1.2rem;color:#667eea;font-weight:600}.level-progress{margin-top:1.5rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#718096}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;border-radius:10px;transition:width 1s ease}.max-level{text-align:center;padding:1rem;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:10px;color:#fff;font-weight:600;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.stat-card h3{font-size:2rem;color:#667eea;margin-bottom:.3rem}.stat-card p{color:#718096;font-size:.9rem}.recent-badges{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px #0000001a}.recent-badges h2{color:#2d3748;margin-bottom:1.5rem}.badges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.badge-item{background:linear-gradient(135deg,#f6f8fb,#fff);border-radius:15px;padding:1.5rem;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.badge-item:hover{border-color:#667eea;transform:scale(1.05)}.badge-icon{font-size:3rem;display:block;margin-bottom:.5rem}.badge-item h4{font-size:1rem;color:#2d3748;margin-bottom:.3rem}.badge-item p{font-size:.8rem;color:#718096;margin-bottom:.5rem}.badge-points{display:inline-block;background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.no-badges{text-align:center;color:#718096;padding:2rem}.recent-activities{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px #0000001a}.recent-activities h2{color:#2d3748;margin-bottom:1.5rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f7fafc;border-radius:10px;border-right:4px solid #667eea}.activity-type{font-weight:600;color:#2d3748;flex:1}.activity-points{color:#667eea;font-weight:600;margin:0 1rem}.activity-date{color:#718096;font-size:.9rem}.no-activities{text-align:center;color:#718096;padding:2rem}.challenge-widget{background:linear-gradient(135deg,#8e2de2,#4a00e0);border-radius:15px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 5px 20px #8e2de24d;transition:all .3s ease}.challenge-widget:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8e2de266}.challenge-widget-icon{font-size:3rem}.challenge-widget-content{flex:1}.challenge-widget-content h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.challenge-status{color:#fff;font-size:1rem;opacity:.9}.challenge-status.correct{color:#c6f6d5;font-weight:600}.challenge-status.incorrect{color:#fed7d7;font-weight:600}.challenge-status.pending{color:#fefcbf;font-weight:600}.challenge-widget-arrow{font-size:2rem;color:#fff}body.dark .challenge-widget{box-shadow:0 5px 20px #8e2de280}.gamification-actions{display:flex;gap:1rem;justify-content:center}.action-btn{padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea4d}.action-btn.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.action-btn.secondary:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.action-btn.challenge{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff}.action-btn.challenge:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8e2de24d}.loading,.error{text-align:center;color:#fff;padding:3rem;font-size:1.2rem}body.dark .gamification-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;background:linear-gradient(135deg,#1a202c,#2d3748)}body.dark .gamification-header h1,body.dark .gamification-header p{color:#e2e8f0}body.dark .level-card,body.dark .stat-card,body.dark .recent-badges,body.dark .recent-activities{background:#2d3748;box-shadow:0 10px 40px #0000004d}body.dark .level-info h2,body.dark .stat-card h3,body.dark .recent-badges h2,body.dark .recent-activities h2,body.dark .badge-item h4,body.dark .activity-type{color:#e2e8f0}body.dark .level-points,body.dark .stat-card p,body.dark .badge-item p,body.dark .activity-date,body.dark .progress-info{color:#a0aec0}body.dark .badge-item{background:#1a202c;border-color:#4a5568}body.dark .activity-item{background:#1a202c;border-right-color:#667eea}body.dark .action-btn.secondary{background:#2d3748;color:#667eea;border-color:#667eea}body.dark .action-btn.secondary:hover{background:#667eea;color:#fff}body.dark .max-level{background:linear-gradient(135deg,#d69e2e,#b7791f)}@media (max-width: 768px){.gamification-header h1{font-size:2rem}.level-header{flex-direction:column;text-align:center}.badges-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.activity-item{flex-direction:column;gap:.5rem;text-align:center}.gamification-actions{flex-direction:column}.action-btn{width:100%}}.badges-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;min-height:100vh;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);padding:2rem 1rem}.badges-container{max-width:1400px;margin:0 auto}.badges-header{text-align:center;color:#fff;margin-bottom:2rem}.badges-header h1{font-size:2.5rem;margin-bottom:.5rem}.badges-header p{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem}.badges-progress{max-width:600px;margin:0 auto}.progress-text{display:block;font-size:1rem;margin-bottom:.5rem;font-weight:600}.progress-bar{width:100%;height:15px;background:#ffffff4d;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:10px;transition:width 1s ease}.badges-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.filter-btn{padding:.8rem 1.5rem;border:2px solid white;background:transparent;color:#fff;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:#fff;color:#f5576c}.all-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.badge-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 5px 20px #0000001a;position:relative;transition:all .3s ease}.badge-card.earned{border:3px solid #48bb78}.badge-card.locked{opacity:.6;filter:grayscale(50%)}.lock-overlay{position:absolute;top:10px;right:10px;font-size:1.5rem}.badge-icon-large{font-size:4rem;margin-bottom:1rem}.badge-card h3{font-size:1.3rem;color:#2d3748;margin-bottom:.5rem}.badge-description{font-size:.9rem;color:#718096;margin-bottom:1rem;min-height:40px}.badge-requirement{background:#f7fafc;padding:.5rem;border-radius:10px;margin-bottom:.8rem}.badge-requirement span{font-size:.85rem;color:#4a5568}.badge-points-large{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.2rem;border-radius:20px;font-weight:600;margin-bottom:.5rem}.earned-badge{margin-top:.8rem;padding:.5rem;background:#48bb78;color:#fff;border-radius:10px;font-weight:600}.no-badges-message{text-align:center;color:#fff;padding:3rem;font-size:1.2rem}.badges-actions{text-align:center}.back-btn{padding:1rem 2rem;background:#fff;color:#f5576c;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}body.dark .badges-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;background:linear-gradient(135deg,#1a202c,#2d3748)}body.dark .badges-header h1,body.dark .badges-header p,body.dark .progress-text{color:#e2e8f0}body.dark .filter-btn{border-color:#e2e8f0;color:#e2e8f0}body.dark .filter-btn:hover,body.dark .filter-btn.active{background:#e2e8f0;color:#1a202c}body.dark .badge-card{background:#2d3748;box-shadow:0 5px 20px #0000004d}body.dark .badge-card h3{color:#e2e8f0}body.dark .badge-description{color:#a0aec0}body.dark .badge-requirement{background:#1a202c}body.dark .badge-requirement span{color:#cbd5e0}body.dark .no-badges-message{color:#e2e8f0}body.dark .progress-bar{background:#fff3}@media (max-width: 768px){.badges-header h1{font-size:2rem}.all-badges-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.badge-card{padding:1.5rem}.badge-icon-large{font-size:3rem}.badges-filters{flex-direction:column}.filter-btn{width:100%}}.leaderboard-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;min-height:100vh;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);padding:2rem 1rem}.leaderboard-container{max-width:1000px;margin:0 auto}.leaderboard-header{text-align:center;color:#fff;margin-bottom:3rem}.leaderboard-header h1{font-size:2.5rem;margin-bottom:.5rem}.leaderboard-header p{font-size:1.1rem;opacity:.9}.podium{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:3rem;perspective:1000px}.podium-place{position:relative;background:#fff;border-radius:20px;padding:1.5rem;text-align:center;box-shadow:0 10px 40px #0003;flex:1;max-width:200px}.podium-place.first{transform:scale(1.1);z-index:3}.podium-place.second{z-index:2}.podium-place.third{z-index:1}.crown{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:2rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.podium-rank{font-size:2rem;margin-bottom:.5rem}.podium-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-size:2rem;font-weight:700;color:#fff}.podium-place.first .podium-avatar{background:linear-gradient(135deg,gold,orange);width:80px;height:80px}.podium-place.second .podium-avatar{background:linear-gradient(135deg,silver,gray)}.podium-place.third .podium-avatar{background:linear-gradient(135deg,#cd7f32,#8b4513)}.podium-place h3{font-size:1.1rem;color:#2d3748;margin-bottom:.3rem}.podium-level{font-size:.85rem;color:#718096;margin-bottom:.5rem}.podium-points{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:.8rem}.podium-base{height:40px;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 -1.5rem -1.5rem;border-radius:0 0 20px 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.first-place{background:linear-gradient(135deg,gold,orange);height:60px}.second-place{background:linear-gradient(135deg,silver,gray);height:50px}.third-place{background:linear-gradient(135deg,#cd7f32,#8b4513);height:45px}.leaderboard-list{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000001a}.leaderboard-list h2{color:#2d3748;margin-bottom:1.5rem;text-align:center}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:15px;margin-bottom:1rem;transition:all .3s ease;border:2px solid transparent}.leaderboard-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.leaderboard-item.gold{background:linear-gradient(135deg,#fff8dc,#fffacd);border-color:gold}.leaderboard-item.silver{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-color:silver}.leaderboard-item.bronze{background:linear-gradient(135deg,bisque,#ffd7a3);border-color:#cd7f32}.leaderboard-item.current-user{border:3px solid #667eea;background:linear-gradient(135deg,#e0e7ff,#f0f4ff)}.item-rank{font-size:1.5rem;font-weight:700;color:#2d3748;min-width:50px;text-align:center}.item-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.item-info{flex:1}.item-info h4{font-size:1.1rem;color:#2d3748;margin-bottom:.2rem}.item-level{font-size:.85rem;color:#718096}.item-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:#718096;margin-bottom:.2rem}.stat-value{font-size:1.1rem;font-weight:600;color:#667eea}.you-badge{background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:600}.no-data{text-align:center;color:#718096;padding:3rem;font-size:1.2rem}.leaderboard-actions{text-align:center}.back-btn{padding:1rem 2rem;background:#fff;color:#4facfe;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}body.dark .leaderboard-page{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%)!important;background:linear-gradient(135deg,#1a202c,#2d3748)}body.dark .leaderboard-header h1,body.dark .leaderboard-header p{color:#e2e8f0}body.dark .podium-place{background:#2d3748;box-shadow:0 10px 40px #0000004d}body.dark .podium-place h3{color:#e2e8f0}body.dark .podium-level{color:#a0aec0}body.dark .leaderboard-list{background:#2d3748;box-shadow:0 10px 40px #0000004d}body.dark .leaderboard-list h2{color:#e2e8f0}body.dark .leaderboard-item{background:#1a202c}body.dark .leaderboard-item.current-user{background:#1a202c;border-color:#667eea}body.dark .item-info h4{color:#e2e8f0}body.dark .item-level,body.dark .stat-label{color:#a0aec0}body.dark .item-rank,body.dark .no-data{color:#e2e8f0}@media (max-width: 768px){.leaderboard-header h1{font-size:2rem}.podium{flex-direction:column;align-items:center}.podium-place{max-width:100%;width:100%}.podium-place.first{order:1}.podium-place.second{order:2}.podium-place.third{order:3}.leaderboard-item{flex-wrap:wrap}.item-stats{width:100%;justify-content:space-around;margin-top:.5rem}.item-rank{font-size:1.2rem;min-width:40px}.item-avatar{width:40px;height:40px;font-size:1.2rem}}.daily-challenge-page{min-height:100vh;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);padding:2rem 1rem}.challenge-container{max-width:800px;margin:0 auto}.challenge-header{text-align:center;color:#fff;margin-bottom:2rem}.challenge-header h1{font-size:2.5rem;margin-bottom:.5rem}.challenge-header p{font-size:1.1rem;opacity:.9}.challenge-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0003;margin-bottom:2rem}.challenge-info-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.info-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f7fafc;border-radius:20px;font-size:.9rem;font-weight:600;color:#2d3748}.info-badge.difficulty{color:#fff}.info-badge.points{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-icon{font-size:1.2rem}.question-box{background:linear-gradient(135deg,#f6f8fb,#fff);border:2px solid #e2e8f0;border-radius:15px;padding:2rem;margin-bottom:2rem}.question-box h2{font-size:1.4rem;color:#2d3748;line-height:1.6;margin:0}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.option{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.option:hover{border-color:#8e2de2;background:#f0f4ff}.option.selected{border-color:#8e2de2;background:linear-gradient(135deg,#e0e7ff,#f0f4ff)}.option.correct{border-color:#48bb78;background:linear-gradient(135deg,#c6f6d5,#e6fffa);pointer-events:none}.option.incorrect{border-color:#f56565;background:linear-gradient(135deg,#fed7d7,#fff5f5);pointer-events:none}.option-number{width:35px;height:35px;border-radius:50%;background:#8e2de2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.option.correct .option-number{background:#48bb78}.option.incorrect .option-number{background:#f56565}.option-text{flex:1;font-size:1rem;color:#2d3748}.option-icon{font-size:1.5rem;margin-left:auto}.submit-btn{width:100%;padding:1.2rem;background:#ccc;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:not-allowed;transition:all .3s ease}.submit-btn.active{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);cursor:pointer;box-shadow:0 5px 20px #8e2de266}.submit-btn.active:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8e2de280}.result-box{margin-top:2rem;padding:2rem;border-radius:15px}.result-box.correct{background:linear-gradient(135deg,#c6f6d5,#e6fffa);border:2px solid #48bb78}.result-box.incorrect{background:linear-gradient(135deg,#fed7d7,#fff5f5);border:2px solid #f56565}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.result-icon{font-size:2.5rem}.result-header h3{font-size:1.3rem;color:#2d3748}.points-earned{background:#48bb78;color:#fff;padding:.8rem 1.5rem;border-radius:20px;display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.explanation{margin-top:1.5rem}.explanation h4{font-size:1.1rem;color:#2d3748;margin-bottom:.8rem}.explanation p{font-size:1rem;color:#4a5568;line-height:1.6}.no-challenge{text-align:center;color:#fff;padding:4rem 2rem}.no-challenge h2{font-size:2rem;margin-bottom:1rem}.no-challenge p{font-size:1.2rem;opacity:.9}.loading{text-align:center;color:#fff;padding:3rem;font-size:1.2rem}.challenge-actions{text-align:center}.back-btn{padding:1rem 2rem;background:#fff;color:#8e2de2;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}body.dark .challenge-card{background:#2d3748}body.dark .question-box{background:#1a202c;border-color:#4a5568}body.dark .question-box h2{color:#e2e8f0}body.dark .option{background:#1a202c;border-color:#4a5568}body.dark .option:hover{background:#2d3748}body.dark .option-text{color:#e2e8f0}body.dark .info-badge{background:#1a202c;color:#e2e8f0}body.dark .result-header h3,body.dark .explanation h4,body.dark .explanation p{color:#2d3748}body.dark .back-btn{background:#e2e8f0;color:#1a202c}@media (max-width: 768px){.challenge-header h1{font-size:2rem}.challenge-card,.question-box{padding:1.5rem}.question-box h2{font-size:1.2rem}.option{padding:1rem}.result-icon{font-size:2rem}}.theme-selector-page{min-height:100vh;background:var(--theme-background)!important;padding:2rem 1rem;transition:background .3s ease}.theme-container{max-width:1200px;margin:0 auto}.theme-header{text-align:center;color:var(--theme-text);margin-bottom:3rem}.theme-header h1{font-size:2.5rem;margin-bottom:.5rem}.theme-header p{font-size:1.1rem;color:var(--theme-textSecondary)}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.theme-card{position:relative;padding:2rem;border-radius:20px;cursor:pointer;text-align:center;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;overflow:hidden}.theme-card:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity .3s ease}.theme-card:hover:before{opacity:1}.theme-card.active{border:3px solid white;box-shadow:0 15px 40px #0006}.theme-icon{font-size:4rem;margin-bottom:1rem}.theme-card h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.theme-colors{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.color-dot{width:30px;height:30px;border-radius:50%;border:2px solid white;box-shadow:0 2px 10px #0000004d}.active-badge{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#48bb78;box-shadow:0 4px 15px #0000004d}.theme-actions{text-align:center}.back-btn{padding:1rem 2rem;background:var(--theme-surface);color:var(--theme-text);border:2px solid var(--theme-border);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003;background:var(--theme-primary);border-color:var(--theme-primary)}@media (max-width: 768px){.theme-header h1{font-size:2rem}.themes-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.theme-card{padding:1.5rem}.theme-icon{font-size:3rem}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;min-height:100vh;transition:all .3s;overflow-x:hidden;overflow-y:auto}.app-wrapper{position:relative;min-height:100vh;width:100%}.app-content{position:relative;z-index:1;min-height:calc(100vh - 100px);display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding-bottom:120px;width:100%}body.light{color:#333;background:linear-gradient(180deg,#e3f2fd,#90caf9)}body.dark{color:#fff;background:linear-gradient(180deg,#0b0f1a,#1a237e)}@media (max-width: 768px){.app-content{padding:0 15px 120px}}