*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5;color:#333}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}code{font-family:Courier New,Courier,monospace;background:#f3f4f6;padding:.2rem .4rem;border-radius:3px;font-size:.9em}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.main-nav{background:#1a1a2e;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#4ecca3;margin:0}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#4ecca3}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.home-page{text-align:center;padding:4rem 2rem}.home-page h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:1rem}.home-page p{font-size:1.2rem;color:#666;margin-bottom:2rem}.home-links{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 2rem;background:#4ecca3;color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .3s}.btn:hover{background:#3dab89}.btn-secondary{background:#16213e}.btn-secondary:hover{background:#0f172a}button{padding:.8rem 2rem;background:#4ecca3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s}button:hover:not(:disabled){background:#3dab89}button:disabled{background:#ccc;cursor:not-allowed}.forgot-password-page,.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:70vh}.forgot-password-container,.reset-password-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.forgot-password-container h1,.reset-password-container h1{color:#1a1a2e;margin-bottom:.5rem}.forgot-password-container p,.reset-password-container p{color:#666;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4ecca3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.back-to-login{text-align:center;margin-top:1rem}.back-to-login a{color:#4ecca3;text-decoration:none}.admin-panel{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.admin-header{background:#1a1a2e;color:#fff;padding:1.5rem 2rem}.admin-header h1{margin:0;font-size:1.8rem}.admin-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb}.tab{padding:1rem 2rem;background:transparent;border:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:3px solid transparent;transition:all .3s}.tab:hover{background:#f3f4f6}.tab.active{color:#4ecca3;border-bottom-color:#4ecca3;background:#fff}.admin-content{padding:2rem}.email-configuration h2,.users-table h2{margin-bottom:1.5rem;color:#1a1a2e}.config-section,.test-section,.logs-section{margin-bottom:2rem}.config-section h3,.test-section h3,.logs-section h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.test-email-form{display:flex;gap:1rem}.test-email-form input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}thead{background:#f9fafb}th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}td{padding:1rem;border-bottom:1px solid #e5e7eb}tr.failed{background:#fef2f2}tr.success:hover,tr.failed:hover{background:#f9fafb}.status-badge,.role-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-sent{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.role-admin{background:#fef3c7;color:#92400e}.role-user{background:#dbeafe;color:#1e3a8a}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-info{color:#666}.loading,.no-data{text-align:center;padding:2rem;color:#666}.users-stats{background:#f9fafb;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.users-stats p{margin:0;color:#666}.users-stats strong{color:#1a1a2e}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4ecca3;border-radius:50%;animation:spin 1s linear infinite}.nav-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;font-size:1rem}.nav-btn:hover{color:#4ecca3}.auth-page{display:flex;justify-content:center;align-items:center;min-height:70vh}.auth-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%}.auth-container h1{color:#1a1a2e;margin-bottom:.5rem}.auth-container p{color:#666;margin-bottom:1.5rem}.btn-full{width:100%}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 1rem;color:#9ca3af;font-size:.875rem}.btn-google{background:#fff;color:#374151;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover{background:#f9fafb}.google-icon{flex-shrink:0}.auth-links{text-align:center;margin-top:1.5rem}.auth-links p{margin:.5rem 0}.auth-links a{color:#4ecca3;text-decoration:none}.auth-links a:hover{text-decoration:underline}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.feature{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.feature h3{color:#1a1a2e;margin-bottom:.5rem}.feature p{color:#666;margin:0}.dashboard{padding:1rem 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.avatar-info{display:flex;align-items:center;gap:1rem}.avatar-icon{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#4ecca3}.avatar-icon img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.avatar-details h2{margin:0 0 .5rem;color:#1a1a2e}.level-info{display:flex;align-items:center;gap:.75rem}.level{font-weight:600;color:#4ecca3}.xp-bar{width:100px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:#4ecca3;transition:width .3s}.xp-text{font-size:.875rem;color:#666}.dashboard-actions{display:flex;gap:.75rem}.btn-chat{background:#16213e}.btn-chat:hover{background:#0f172a}.dashboard-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.main-section{display:flex;flex-direction:column;gap:2rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;color:#1a1a2e}.quest-counter{font-size:.875rem;color:#666;background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px}.quest-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.quest-header{margin-bottom:1rem}.quest-type{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.quest-type-daily{background:#dbeafe;color:#1e40af}.quest-type-weekly{background:#fef3c7;color:#92400e}.quest-type-special{background:#ede9fe;color:#6b21a8}.quest-title{margin:0 0 .75rem;color:#1a1a2e}.quest-description{color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.quest-form textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;resize:vertical;font-family:inherit}.quest-form textarea:focus{outline:none;border-color:#4ecca3}.quest-completed .quest-result{text-align:center}.result-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.score-display{display:flex;align-items:baseline}.score-value{font-size:3rem;font-weight:700;color:#4ecca3}.score-max{font-size:1.5rem;color:#9ca3af}.xp-gained{font-size:1.25rem;color:#10b981;font-weight:600;margin-bottom:1rem}.quest-feedback{text-align:left;padding:1rem;background:#f9fafb;border-radius:4px}.quest-feedback h4{margin:0 0 .5rem;color:#374151}.quest-feedback p{margin:0;color:#4b5563}.no-quest{background:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 2px 4px #0000001a}.quest-completed-badge{font-size:1.5rem;font-weight:700;color:#4ecca3;margin-bottom:1rem}.quest-limit-message{margin-top:1rem;font-size:.875rem;color:#6b7280}.quest-limit-message a{color:#4ecca3}.history-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.history-section h3{margin:0 0 1rem;color:#1a1a2e}.quest-history{display:flex;flex-direction:column;gap:.75rem}.history-item{padding:.75rem;background:#f9fafb;border-radius:4px}.history-title{font-weight:500;color:#1a1a2e;margin-bottom:.25rem}.history-meta{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.history-score{color:#4ecca3;font-weight:500}.referral-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.referral-card h4{margin:0 0 1rem;color:#1a1a2e}.referral-progress{text-align:center;margin-bottom:.5rem}.progress-count{font-size:1.5rem;font-weight:700;color:#4ecca3}.referral-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:#4ecca3;transition:width .3s}.referral-info{font-size:.875rem;color:#6b7280;text-align:center;margin-bottom:1rem}.referral-unlocked{font-size:.875rem;color:#10b981;text-align:center;margin-bottom:1rem}.referral-code-section{margin-bottom:1rem}.referral-code-section label{display:block;font-size:.875rem;color:#374151;margin-bottom:.5rem}.referral-code-input{display:flex;gap:.5rem}.referral-code-input input{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem}.copy-btn{padding:.5rem 1rem;background:#4ecca3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.copy-btn:hover{background:#3dab89}.referral-share{text-align:center}.referral-share p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.share-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.share-section h4{margin:0 0 1rem;color:#1a1a2e}.share-buttons{text-align:center}.share-message{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.share-icons{display:flex;justify-content:center;gap:.75rem}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s;text-decoration:none}.share-btn:hover{transform:scale(1.1)}.share-twitter{background:#1da1f2;color:#fff}.share-whatsapp{background:#25d366;color:#fff}.share-telegram{background:#08c;color:#fff}.share-copy{background:#6b7280;color:#fff}.chat-window{position:fixed;bottom:1rem;right:1rem;width:360px;height:480px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;z-index:1000}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a2e;color:#fff;border-radius:12px 12px 0 0}.chat-header h3{margin:0}.chat-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-message{display:flex;gap:.75rem}.chat-message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.guide-icon,.user-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:.75rem;font-weight:600}.guide-icon{background:#4ecca3;color:#fff}.user-icon{background:#6b7280;color:#fff}.message-content{max-width:70%;padding:.75rem;border-radius:12px;background:#f3f4f6}.chat-message.user .message-content{background:#4ecca3;color:#fff}.message-content p{margin:0 0 .25rem}.message-time{font-size:.75rem;opacity:.7}.message-content.typing{display:flex;gap:4px;padding:1rem}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb}.chat-input-form input{flex:1;padding:.75rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.875rem}.chat-input-form input:focus{outline:none;border-color:#4ecca3}.chat-input-form button{padding:.75rem 1.25rem;border-radius:20px}.avatar-setup-page{display:flex;justify-content:center;padding:2rem 0}.avatar-setup-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;width:100%}.avatar-setup-container h1{color:#1a1a2e;margin-bottom:.5rem}.avatar-setup-container>p{color:#666;margin-bottom:2rem}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.trait-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.trait-btn:hover:not(:disabled){border-color:#4ecca3;background:#f0fdf4}.trait-btn.selected{border-color:#4ecca3;background:#d1fae5}.trait-btn:disabled{opacity:.5;cursor:not-allowed}.trait-label{font-weight:600;color:#1a1a2e;margin-bottom:.25rem}.trait-desc{font-size:.75rem;color:#6b7280}.form-hint{font-size:.875rem;color:#6b7280;margin-top:.5rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.no-avatar-message{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.no-avatar-message h2{color:#1a1a2e;margin-bottom:.5rem}.no-avatar-message p{color:#666;margin-bottom:1.5rem}@media(max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.form-row{grid-template-columns:1fr}.admin-tabs,.test-email-form{flex-direction:column}table{font-size:.875rem}th,td{padding:.5rem}.dashboard-header{flex-direction:column;text-align:center}.avatar-info{flex-direction:column}.dashboard-content{grid-template-columns:1fr}.dashboard-actions{flex-direction:column;width:100%}.dashboard-actions .btn{width:100%}.chat-window{width:calc(100% - 2rem);height:calc(100vh - 100px);bottom:0;right:0;left:0;margin:0 1rem 1rem;border-radius:12px}.home-features{grid-template-columns:1fr}}.genz-nav-link{background:linear-gradient(135deg,var(--genz-primary, #7C3AED),var(--genz-pink, #EC4899));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}:root{--genz-primary: #7C3AED;--genz-secondary: #10B981;--genz-accent: #F59E0B;--genz-pink: #EC4899;--genz-dark: #1F2937;--genz-light: #F3F4F6;--rarity-common: #9CA3AF;--rarity-rare: #3B82F6;--rarity-epic: #8B5CF6;--rarity-legendary: #F59E0B}.genz-dashboard{padding:16px 16px 80px;max-width:800px;margin:0 auto}.genz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.genz-spinner{width:40px;height:40px;border:4px solid var(--genz-light);border-top-color:var(--genz-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.genz-header{display:flex;flex-direction:column;gap:16px;padding:16px;background:linear-gradient(135deg,var(--genz-dark),#374151);border-radius:20px;margin-bottom:16px}@media(min-width:640px){.genz-header{flex-direction:row;justify-content:space-between;align-items:center}}.genz-profile{display:flex;align-items:center;gap:12px}.genz-avatar-emoji{font-size:48px}.genz-profile-info h2{color:#fff;font-size:1.25rem;margin:0}.genz-level{color:#fffc;font-size:.875rem}.genz-title{display:inline-block;background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;margin-left:8px}.genz-tokens{display:flex;gap:8px;flex-wrap:wrap}.genz-token{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:12px;min-width:60px}.genz-token .token-icon{font-size:20px}.genz-token .token-value{font-size:16px;font-weight:700;color:#fff}.genz-token .token-label{font-size:10px;color:#ffffffb3;text-transform:uppercase}.genz-xp-bar-container{margin-bottom:16px}.genz-xp-bar{height:8px;background:var(--genz-light);border-radius:4px;overflow:hidden}.genz-xp-fill{height:100%;background:linear-gradient(90deg,var(--genz-primary),var(--genz-pink));transition:width .5s ease}.genz-xp-text{display:block;text-align:center;font-size:.75rem;color:#666;margin-top:4px}.genz-daily-section{margin-bottom:16px}.genz-streak-warning{color:var(--genz-accent);font-size:.875rem;text-align:center;margin-top:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.daily-reward-container{background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));border-radius:16px;padding:16px;text-align:center}.daily-reward-container.claimed{background:var(--genz-light)}.daily-reward-preview{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px}.daily-reward-preview .reward-icon{font-size:32px}.daily-reward-preview .reward-details{display:flex;flex-direction:column;color:#fff}.daily-reward-preview .reward-xp{font-weight:700;font-size:1.25rem}.daily-reward-btn{background:#fff;color:var(--genz-primary);border:none;padding:12px 24px;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.daily-reward-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #0003}.daily-reward-claimed{display:flex;flex-direction:column;align-items:center;gap:4px;color:#666}.claimed-icon{font-size:24px}.streak-counter{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;text-align:center;box-shadow:0 2px 10px #0000001a}.streak-counter.streak-active{border:2px solid var(--genz-accent)}.streak-display{display:flex;justify-content:center;align-items:center;gap:12px}.streak-emoji{font-size:40px}.streak-emoji.streak-fire{animation:fire-dance .5s ease-in-out infinite}@keyframes fire-dance{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.streak-info{display:flex;flex-direction:column}.streak-days{font-size:2rem;font-weight:700;color:var(--genz-dark)}.streak-label{font-size:.875rem;color:#666}.streak-message{margin-top:8px;color:var(--genz-primary);font-weight:500}.streak-freepass{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px;background:var(--genz-light);border-radius:8px}.genz-quests-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 10px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.quest-remaining{color:#666;font-size:.875rem}.genz-quests-grid{display:grid;gap:12px}@media(min-width:640px){.genz-quests-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.genz-quest-card{background:var(--genz-light);border-radius:12px;padding:16px;border-left:4px solid var(--genz-primary);cursor:pointer;transition:transform .2s,box-shadow .2s}.genz-quest-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.genz-quest-card.selected{border-color:var(--genz-accent);box-shadow:0 0 0 2px var(--genz-accent)}.genz-quest-card.easy{border-left-color:var(--genz-secondary)}.genz-quest-card.medium{border-left-color:var(--genz-accent)}.genz-quest-card.hard{border-left-color:var(--genz-pink)}.quest-header{display:flex;justify-content:space-between;margin-bottom:8px}.quest-type{font-size:1.25rem}.quest-difficulty{padding:2px 8px;border-radius:10px;font-size:.75rem;text-transform:uppercase}.quest-difficulty.easy{background:#d1fae5;color:#059669}.quest-difficulty.medium{background:#fef3c7;color:#d97706}.quest-difficulty.hard{background:#fce7f3;color:#db2777}.genz-quest-card h4{margin:0 0 8px;font-size:1rem}.genz-quest-card p{color:#666;font-size:.875rem;margin:0 0 12px}.quest-rewards{display:flex;gap:8px;flex-wrap:wrap}.quest-rewards span{font-size:.75rem;color:var(--genz-primary);font-weight:500}.no-quests{text-align:center;color:#666;padding:20px}.genz-quest-answer{margin-top:16px;padding:16px;background:var(--genz-light);border-radius:12px}.genz-quest-answer h4{margin:0 0 12px}.genz-quest-answer textarea{width:100%;padding:12px;border:2px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;min-height:80px}.genz-quest-answer textarea:focus{outline:none;border-color:var(--genz-primary)}.quest-actions{display:flex;gap:8px;margin-top:12px}.genz-quest-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.btn-genz{background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.875rem}.btn-genz:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #7c3aed66}.btn-genz:disabled{opacity:.5;cursor:not-allowed}.btn-genz-secondary{background:#fff;color:var(--genz-primary);border:2px solid var(--genz-primary);padding:10px 18px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-genz-secondary:hover:not(:disabled){background:var(--genz-primary);color:#fff}.btn-genz-secondary:disabled{opacity:.5;cursor:not-allowed}.genz-actions-section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.genz-action-btn{padding:16px 8px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s;font-size:.75rem;text-align:center}.genz-action-btn:hover{transform:scale(1.05)}.genz-action-btn.primary{background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));color:#fff}.genz-action-btn.secondary{background:var(--genz-secondary);color:#fff}.genz-action-btn.tertiary{background:var(--genz-accent);color:#fff}.genz-leaderboard-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 10px #0000001a}.genz-leaderboard-section h3{margin:0 0 12px}.genz-leaderboard-mini{display:flex;flex-direction:column;gap:8px}.lb-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px}.lb-item.rank-1{background:linear-gradient(90deg,gold,#fff8dc)}.lb-item.rank-2{background:linear-gradient(90deg,silver,#f5f5f5)}.lb-item.rank-3{background:linear-gradient(90deg,#cd7f32,#faebd7)}.lb-rank{font-size:1.25rem;margin-right:12px}.lb-name{flex:1;font-weight:500}.lb-xp{font-weight:700;color:var(--genz-primary)}.genz-floating-chat{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 20px #7c3aed66;transition:transform .2s;z-index:100}.genz-floating-chat:hover{transform:scale(1.1)}.badge-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.badge-gallery{background:#fff;border-radius:20px;padding:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.badge-gallery-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.badge-gallery h2{margin:0 0 8px}.badge-progress-text{color:#666;margin-bottom:16px}.badge-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.category-btn{padding:6px 12px;border:2px solid var(--genz-light);border-radius:20px;background:#fff;cursor:pointer;font-size:.75rem;transition:all .2s}.category-btn.active{background:var(--genz-primary);color:#fff;border-color:var(--genz-primary)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.badge-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;background:var(--genz-light);text-align:center;transition:transform .2s}.badge-item.earned:hover{transform:scale(1.05)}.badge-item.locked{opacity:.5}.badge-emoji{font-size:32px;margin-bottom:8px}.badge-name{font-size:.75rem;font-weight:500;margin-bottom:4px}.badge-rarity{font-size:.625rem;padding:2px 6px;border-radius:10px;text-transform:uppercase}.rarity-common .badge-rarity{background:var(--rarity-common);color:#fff}.rarity-rare .badge-rarity{background:var(--rarity-rare);color:#fff}.rarity-epic .badge-rarity{background:var(--rarity-epic);color:#fff}.rarity-legendary .badge-rarity{background:linear-gradient(135deg,var(--rarity-legendary),#FBBF24);color:#fff;animation:legendary-shine 2s ease-in-out infinite}@keyframes legendary-shine{0%,to{box-shadow:0 0 10px var(--rarity-legendary)}50%{box-shadow:0 0 20px var(--rarity-legendary)}}.badge-progress-bar{width:100%;height:4px;background:#ddd;border-radius:2px;margin-top:8px;position:relative}.badge-progress-fill{height:100%;background:var(--genz-primary);border-radius:2px}.badge-progress-text-small{font-size:.625rem;color:#666;margin-top:4px}.badge-hint{font-size:.625rem;color:#999;margin-top:4px}.badge-date{font-size:.625rem;color:#666;margin-top:4px}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.share-modal{background:#fff;border-radius:24px;padding:24px;max-width:450px;width:100%;position:relative}.share-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.share-modal h2{margin:0 0 16px}.share-type-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.share-type-btn{padding:10px;border:2px solid var(--genz-light);border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:all .2s}.share-type-btn.active{border-color:var(--genz-primary);background:#7c3aed1a}.share-message-preview{background:var(--genz-light);border-radius:12px;padding:16px;margin-bottom:16px;position:relative}.share-message-preview p{margin:0;font-size:.875rem;color:#333}.btn-copy{position:absolute;top:8px;right:8px;padding:4px 8px;background:#fff;border:1px solid #DDD;border-radius:4px;cursor:pointer;font-size:.75rem}.share-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .2s;border:none;cursor:pointer;font-size:.875rem}.share-btn:hover{transform:scale(1.02)}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.messenger{background:linear-gradient(135deg,#0084ff,#00c6ff);color:#fff}.share-btn.telegram{background:#08c;color:#fff}.share-btn.copy{background:var(--genz-dark);color:#fff}.share-reward-info{background:linear-gradient(135deg,#7c3aed1a,#ec48991a);border-radius:12px;padding:16px;margin-bottom:16px}.share-reward-info p{margin:0 0 8px;font-weight:500}.share-reward-info ul{margin:0;padding-left:20px}.share-reward-info li{font-size:.875rem;color:#666}.share-referral-code{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--genz-light);border-radius:8px}.referral-label{color:#666}.referral-code{font-weight:700;color:var(--genz-primary);font-family:monospace}.btn-copy-small{background:none;border:none;cursor:pointer;font-size:1rem}.buddy-chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000}@media(min-width:640px){.buddy-chat-overlay{align-items:center;padding:16px}}.buddy-chat{background:#fff;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0}@media(min-width:640px){.buddy-chat{border-radius:20px;max-height:600px}}.buddy-chat-header{display:flex;align-items:center;padding:16px;background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));border-radius:20px 20px 0 0}.buddy-avatar{font-size:40px;margin-right:12px}.buddy-info{flex:1}.buddy-info h3{margin:0;color:#fff}.buddy-status{color:#fffc;font-size:.875rem}.buddy-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem}.buddy-messages{flex:1;overflow-y:auto;padding:16px;background:var(--genz-light)}.buddy-message{display:flex;gap:8px;margin-bottom:12px}.buddy-message.user{flex-direction:row-reverse}.message-avatar{font-size:24px;flex-shrink:0}.message-content{max-width:75%;padding:12px 16px;border-radius:18px;background:#fff;box-shadow:0 1px 3px #0000001a}.buddy-message.user .message-content{background:var(--genz-primary);color:#fff}.message-content p{margin:0}.message-xp{display:block;font-size:.75rem;color:var(--genz-secondary);margin-top:4px}.buddy-message.user .message-xp{color:#fffc}.message-content.typing{display:flex;gap:4px;padding:16px}.typing-dot{width:8px;height:8px;background:#999;border-radius:50%;animation:typing-bounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.buddy-quick-actions{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;background:#fff;border-top:1px solid var(--genz-light)}.quick-action-btn{padding:6px 12px;border:2px solid var(--genz-primary);border-radius:16px;background:#fff;color:var(--genz-primary);cursor:pointer;font-size:.75rem;white-space:nowrap;transition:all .2s}.quick-action-btn:hover{background:var(--genz-primary);color:#fff}.buddy-input-container{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--genz-light)}.buddy-input-container textarea{flex:1;padding:10px 16px;border:2px solid var(--genz-light);border-radius:20px;resize:none;font-family:inherit;font-size:1rem}.buddy-input-container textarea:focus{outline:none;border-color:var(--genz-primary)}.buddy-send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--genz-primary),var(--genz-pink));border:none;color:#fff;font-size:1.25rem;cursor:pointer;transition:transform .2s}.buddy-send-btn:hover:not(:disabled){transform:scale(1.1)}.buddy-send-btn:disabled{opacity:.5;cursor:not-allowed}