@charset "UTF-8";.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,rgba(var(--color-danger),.05),rgba(var(--color-danger),.1))}.error-content{max-width:600px;text-align:center;background:#fff;padding:48px;border-radius:16px;box-shadow:0 10px 15px #0000001a}.error-content .error-icon{font-size:4rem;display:block;margin-bottom:24px}.error-content h1{color:var(--color-danger);margin-bottom:16px;font-size:1.5rem}.error-content .error-message{color:var(--color-text);line-height:1.6;margin-bottom:32px}.error-content .error-details{text-align:left;margin-bottom:32px;padding:16px;background:rgba(var(--color-text-light),.1);border-radius:12px}.error-content .error-details summary{cursor:pointer;font-weight:600;margin-bottom:8px;color:var(--color-text-light)}.error-content .error-details summary:hover{color:var(--color-danger)}.error-content .error-details pre{font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-light);margin-top:8px}.error-content .error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.error-content .error-actions button{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease}.error-content .error-actions button.btn-primary{background:var(--color-primary);color:#fff}.error-content .error-actions button.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.error-content .error-actions button.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.error-content .error-actions button.btn-secondary:hover{background:rgba(var(--color-primary),.1);transform:translateY(-2px)}.search-bar{position:relative;width:100%;max-width:500px}@media(max-width:768px){.search-bar{max-width:100%}}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid rgba(var(--color-text-light),.3);border-radius:24px;padding:4px 16px;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}.search-input-wrapper .search-icon{font-size:1.2rem;margin-right:8px;color:var(--color-text-light)}.search-input-wrapper .search-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text);background:transparent}.search-input-wrapper .search-input::placeholder{color:var(--color-text-light)}.search-input-wrapper .search-clear{background:none;border:none;color:var(--color-text-light);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.search-input-wrapper .search-clear:hover{color:var(--color-text)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid rgba(var(--color-text-light),.3);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.search-result-item{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(var(--color-text-light),.3)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-background)}.search-result-item .result-icon{font-size:2rem;flex-shrink:0}.search-result-item .result-content{flex:1;min-width:0}.search-result-item .result-content .result-title{font-weight:600;color:var(--color-text);margin-bottom:4px}.search-result-item .result-content .result-title mark{background:rgba(var(--color-primary),.2);color:var(--color-primary);padding:2px 4px;border-radius:4px;font-weight:700}.search-result-item .result-content .result-description{font-size:.875rem;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item .result-badge{flex-shrink:0;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--color-background);color:var(--color-text-light)}.search-result-item.scenario .result-badge{background:rgba(var(--color-primary),.1);color:var(--color-primary)}.search-result-item.item .result-badge{background:rgba(var(--color-info),.1);color:var(--color-info)}.search-no-results{padding:24px;text-align:center;color:var(--color-text-light);font-style:italic}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--color-background)}.search-results::-webkit-scrollbar-thumb{background:rgba(var(--color-text-light),.3);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s ease}.theme-toggle .theme-icon{font-size:1.5rem;display:block;line-height:1}.theme-toggle:hover{background:rgba(var(--color-primary),.1);transform:rotate(20deg) scale(1.1)}.theme-toggle:active{transform:rotate(20deg) scale(.95)}.header{background:var(--color-surface);border-bottom:1px solid rgba(var(--color-text),.1);box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:1020}.header .header-content{max-width:1200px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(min-width:768px){.header .header-content{padding:24px;flex-wrap:nowrap}}.header .logo{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .15s ease}.header .logo:hover{color:var(--color-primary-dark)}.header .logo .logo-icon{font-size:1.5rem}.header .search-bar{order:3;width:100%}@media(min-width:768px){.header .search-bar{order:2;width:auto;flex:1;max-width:500px}}.header .header-actions{display:flex;align-items:center;gap:16px;order:2}@media(min-width:768px){.header .header-actions{order:3}}.header .header-actions .gamification-link,.header .header-actions .dashboard-link{font-size:1.25rem;padding:8px;border-radius:12px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.header .header-actions .gamification-link:hover,.header .header-actions .dashboard-link:hover{background:#6b8e7a1a;transform:scale(1.1)}.header .mode-toggle{display:flex;gap:4px;background:var(--color-background);padding:4px;border-radius:9999px}.header .mode-toggle button{padding:4px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--color-text-light);transition:all .15s ease}.header .mode-toggle button.active{background:var(--color-primary);color:#fff}.header .mode-toggle button:hover:not(.active){color:var(--color-text)}.header .premium-badge{display:flex;align-items:center;gap:4px;padding:4px 16px;background:linear-gradient(135deg,#d4af37,#be9e2c);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;box-shadow:0 4px 6px #00000012}.scenario-card{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012;transition:all .25s ease;cursor:pointer;text-decoration:none;color:var(--color-text);display:block;position:relative;overflow:hidden}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.scenario-card.urgence-mode{border:2px solid var(--color-accent);background:#c96a5a26}.scenario-card .card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.scenario-card .card-header .icon{font-size:2.5rem;flex-shrink:0}.scenario-card .card-header .card-info{flex:1}.scenario-card .card-header .card-info .title{font-size:1.25rem;font-weight:600;margin-bottom:4px;color:var(--color-text)}.scenario-card .card-header .card-info .description{font-size:.875rem;color:var(--color-text-light);line-height:1.5}.scenario-card .card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.scenario-card .card-meta .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:500}.scenario-card .card-meta .badge.difficulty{background:#6b8e7a33;color:var(--color-primary-dark)}.scenario-card .card-meta .badge.duration{background:#3c86c233;color:#295d7d}.scenario-card .card-meta .badge.premium{background:#d4af3733;color:#8b7419}.scenario-card .progress-section .progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.875rem;color:var(--color-text-light)}.scenario-card .progress-section .progress-label .percentage{font-weight:600;color:var(--color-primary)}.scenario-card .progress-section .progress-bar{height:8px;background:var(--color-background);border-radius:9999px;overflow:hidden}.scenario-card .progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.scenario-card .premium-lock{position:absolute;top:16px;right:16px;background:var(--color-premium);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;box-shadow:0 4px 6px #00000012}.cross-promo-sidebar{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:24px}.cross-promo-sidebar h3{color:var(--color-text);margin-bottom:16px;font-size:1.125rem}.cross-promo-sidebar .promo-card-compact{display:flex;align-items:center;gap:16px;padding:16px;background:#6b8e7a0d;border-radius:12px;margin-bottom:8px;text-decoration:none;transition:all .15s ease;border:1px solid transparent}.cross-promo-sidebar .promo-card-compact:hover{background:#6b8e7a1a;border-color:var(--color-primary);transform:translate(4px)}.cross-promo-sidebar .promo-card-compact .promo-icon{font-size:2rem;flex-shrink:0}.cross-promo-sidebar .promo-card-compact .promo-content{flex:1;min-width:0}.cross-promo-sidebar .promo-card-compact .promo-content h4{color:var(--color-text);font-size:1rem;margin-bottom:4px}.cross-promo-sidebar .promo-card-compact .promo-content p{color:var(--color-text-light);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-promo-sidebar .promo-card-compact .promo-arrow{color:var(--color-primary);font-size:1.125rem;font-weight:700;transition:transform .15s ease}.cross-promo-sidebar .promo-card-compact:hover .promo-arrow{transform:translate(4px)}.cross-promo-banner{position:relative;display:flex;align-items:center;gap:24px;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary),#82A793);color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;margin:24px 0}.cross-promo-banner .banner-close{position:absolute;top:8px;right:8px;background:#fff3;color:#fff;border:none;width:24px;height:24px;border-radius:9999px;cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cross-promo-banner .banner-close:hover{background:#ffffff4d}.cross-promo-banner .banner-icon{font-size:2.5rem}.cross-promo-banner .banner-content{flex:1;display:flex;flex-direction:column;gap:4px}.cross-promo-banner .banner-content strong{font-size:1.125rem}.cross-promo-banner .banner-content span{opacity:.9;font-size:.875rem}.cross-promo-banner .banner-cta{padding:8px 24px;background:#fff;color:var(--color-primary);border-radius:12px;text-decoration:none;font-weight:600;transition:all .15s ease;white-space:nowrap}.cross-promo-banner .banner-cta:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}@media(max-width:768px){.cross-promo-banner{flex-direction:column;text-align:center;padding:24px}.cross-promo-banner .banner-content{align-items:center}.cross-promo-banner .banner-cta{width:100%;text-align:center}}.cross-promo-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:fadeIn .3s ease-out}.cross-promo-popup{background:var(--color-background);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cross-promo-popup .popup-close{position:absolute;top:24px;right:24px;background:#0000001a;color:var(--color-text);border:none;width:32px;height:32px;border-radius:9999px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cross-promo-popup .popup-close:hover{background:#0003;transform:rotate(90deg)}.cross-promo-popup .popup-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,#6b8e7a1a,#c96a5a1a);border-radius:16px 16px 0 0}.cross-promo-popup .popup-header .popup-icon{font-size:4rem;display:block;margin-bottom:16px}.cross-promo-popup .popup-header h2{color:var(--color-text);font-size:1.5rem;margin-bottom:8px}.cross-promo-popup .popup-header p{color:var(--color-text-light);font-size:1rem}.cross-promo-popup .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:32px}.cross-promo-popup .projects-grid .project-card{background:var(--color-background);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:24px;transition:all .15s ease}.cross-promo-popup .projects-grid .project-card:hover{border-color:var(--color-primary);box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.cross-promo-popup .projects-grid .project-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.cross-promo-popup .projects-grid .project-card .card-header .card-icon{font-size:2.5rem}.cross-promo-popup .projects-grid .project-card .card-header h3{color:var(--color-text);font-size:1.125rem}.cross-promo-popup .projects-grid .project-card .card-tagline{color:var(--color-primary);font-weight:600;margin-bottom:8px}.cross-promo-popup .projects-grid .project-card .card-description{color:var(--color-text-light);font-size:.875rem;line-height:1.6;margin-bottom:16px}.cross-promo-popup .projects-grid .project-card .card-benefits{list-style:none;padding:0;margin:0 0 24px}.cross-promo-popup .projects-grid .project-card .card-benefits li{color:var(--color-text);font-size:.875rem;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05)}.cross-promo-popup .projects-grid .project-card .card-benefits li:last-child{border-bottom:none}.cross-promo-popup .projects-grid .project-card .card-cta{display:block;width:100%;padding:16px;background:var(--color-primary);color:#fff;text-align:center;border-radius:12px;text-decoration:none;font-weight:600;transition:all .15s ease}.cross-promo-popup .projects-grid .project-card .card-cta:hover{background:#556f5e;transform:translateY(-2px)}@media(max-width:768px){.cross-promo-popup{margin:16px;max-height:calc(100vh - 32px)}.cross-promo-popup .popup-header{padding:24px}.cross-promo-popup .popup-header .popup-icon{font-size:3rem}.cross-promo-popup .popup-header h2{font-size:1.25rem}.cross-promo-popup .projects-grid{grid-template-columns:1fr;padding:16px;gap:16px}}.home-page{padding:32px 16px;max-width:1200px;margin:0 auto}.home-page .hero{text-align:center;margin-bottom:48px;padding:48px 16px}.home-page .hero .hero-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:16px;color:var(--color-primary);font-weight:700}.home-page .hero .hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-light);margin-bottom:24px;font-weight:400}.home-page .hero .hero-description{max-width:600px;margin:0 auto 32px;font-size:1.125rem;line-height:1.8;color:var(--color-text)}.home-page .hero .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:500px;margin:0 auto 32px}.home-page .hero .hero-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.home-page .hero .hero-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.home-page .hero .hero-stats .stat-item .stat-label{font-size:.875rem;color:var(--color-text-light)}@media(max-width:480px){.home-page .hero .hero-stats{grid-template-columns:1fr;gap:16px}}.home-page .hero .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.home-page .hero .cta-buttons .btn{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;transition:all .25s ease;text-decoration:none;display:inline-block}.home-page .hero .cta-buttons .btn.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 6px #00000012}.home-page .hero .cta-buttons .btn.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.home-page .hero .cta-buttons .btn.btn-secondary{background:var(--color-background);color:var(--color-text);border:2px solid var(--color-primary)}.home-page .hero .cta-buttons .btn.btn-secondary:hover{background:#6b8e7a26}.home-page .scenarios-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.home-page .scenarios-section .section-header h2{font-size:1.5rem;color:var(--color-text)}.home-page .scenarios-section .section-header .filters{display:flex;gap:8px}.home-page .scenarios-section .section-header .filters select{padding:8px 16px;border-radius:12px;border:2px solid var(--color-primary);background:#fff;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .15s ease}.home-page .scenarios-section .section-header .filters select:hover{background:#6b8e7a26}.home-page .scenarios-section .section-header .filters select:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary),.2)}.home-page .scenarios-section .scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}@media(max-width:480px){.home-page .scenarios-section .scenarios-grid{grid-template-columns:1fr}}.home-page .features-section{background:var(--color-surface);border-radius:16px;padding:48px 24px;margin-top:48px;box-shadow:0 4px 6px #00000012}.home-page .features-section h2{text-align:center;margin-bottom:32px}.home-page .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.home-page .features-section .features-grid .feature{text-align:center}.home-page .features-section .features-grid .feature .feature-icon{font-size:3rem;margin-bottom:16px}.home-page .features-section .features-grid .feature h3{margin-bottom:8px;color:var(--color-primary)}.home-page .features-section .features-grid .feature p{color:var(--color-text-light);line-height:1.6}.checklist .checklist-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.checklist .checklist-filters button{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;border:2px solid transparent;background:var(--color-background);color:var(--color-text-light);transition:all .15s ease}.checklist .checklist-filters button.active{border-color:var(--color-primary);background:#6b8e7a26;color:var(--color-primary-dark)}.checklist .checklist-filters button:hover:not(.active){background:#0000000d}.checklist .checklist-items{display:flex;flex-direction:column;gap:16px}.checklist .checklist-item{background:var(--color-surface);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000d;transition:all .15s ease;display:flex;gap:16px;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.checklist .checklist-item:hover{box-shadow:0 4px 6px #00000012;transform:translate(4px)}.checklist .checklist-item.completed{opacity:.7;background:#6b8e7a26}.checklist .checklist-item.completed .checkbox{background:var(--color-success);border-color:var(--color-success)}.checklist .checklist-item.completed .checkbox:after{opacity:1}.checklist .checklist-item.locked{opacity:.6;cursor:not-allowed;position:relative}.checklist .checklist-item.locked:after{content:"🔒";position:absolute;top:16px;right:16px;font-size:1.125rem}.checklist .checklist-item .checkbox{width:24px;height:24px;min-width:24px;border:2px solid var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;margin-top:2px}.checklist .checklist-item .checkbox:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700;opacity:0;transition:opacity .15s ease}.checklist .checklist-item .item-content{flex:1}.checklist .checklist-item .item-content .priority-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.checklist .checklist-item .item-content .priority-indicator.priority-1{background:var(--color-priority-1)}.checklist .checklist-item .item-content .priority-indicator.priority-2{background:var(--color-priority-2)}.checklist .checklist-item .item-content .priority-indicator.priority-3{background:var(--color-priority-3)}.checklist .checklist-item .item-content .item-label{font-weight:500;color:var(--color-text);line-height:1.5;margin-bottom:4px}.checklist .checklist-item .item-content .item-explanation{font-size:.875rem;color:var(--color-text-light);line-height:1.5;margin-top:4px}.checklist .empty-state{text-align:center;padding:48px;color:var(--color-text-light)}.checklist .empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.checklist .empty-state p{font-size:1.125rem}.urgence-mode .checklist-item.priority-1{border-left:4px solid var(--color-priority-1)}.share-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease}.share-modal{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@media(max-width:480px){.share-modal{padding:24px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:var(--color-background);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--color-text-light);transition:all .2s ease}.modal-close:hover{background:rgba(var(--color-text-light),.3);color:var(--color-text)}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-header .modal-icon{font-size:2rem}.modal-header h2{font-size:1.25rem;color:var(--color-text);margin:0}.share-preview{background:var(--color-background);border-radius:12px;padding:24px;margin-bottom:32px}.share-preview .preview-card{display:flex;align-items:center;gap:16px}.share-preview .preview-card .preview-icon{font-size:3rem}.share-preview .preview-card .preview-content{flex:1}.share-preview .preview-card .preview-content h3{margin:0 0 8px;color:var(--color-text);font-size:1.125rem}.share-preview .preview-card .preview-content .preview-progress .progress-bar{height:8px;background:rgba(var(--color-text-light),.3);border-radius:4px;overflow:hidden;margin-bottom:4px}.share-preview .preview-card .preview-content .preview-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#6b8e7a,#556f5e);transition:width .3s ease}.share-preview .preview-card .preview-content .preview-progress .progress-text{font-size:.875rem;color:var(--color-text-light);font-weight:600}.share-actions h3{font-size:1rem;color:var(--color-text);margin:32px 0 16px}.share-actions h3:first-of-type{margin-top:0}.share-actions .template-selector{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}.share-actions .template-selector .template-btn{flex:1;min-width:80px;padding:8px;border:2px solid rgba(var(--color-text-light),.3);border-radius:8px;background:#fff;font-size:.75rem;font-weight:600;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.share-actions .template-selector .template-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.share-actions .template-selector .template-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.share-actions .social-proof{background:rgba(var(--color-primary),.05);border-left:3px solid var(--color-primary);padding:16px;border-radius:8px;margin-bottom:24px}.share-actions .social-proof .proof-stat{display:flex;align-items:center;gap:8px;margin-bottom:4px}.share-actions .social-proof .proof-stat:last-child{margin-bottom:0}.share-actions .social-proof .proof-stat .proof-icon{font-size:1.2rem}.share-actions .social-proof .proof-stat .proof-text{font-size:.875rem;color:var(--color-text)}.share-actions .social-proof .proof-stat .proof-text strong{color:var(--color-primary);font-weight:700}.share-actions .share-btn{width:100%;display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-background);border:2px solid rgba(var(--color-text-light),.3);border-radius:12px;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease;margin-bottom:8px}.share-actions .share-btn span:first-child{font-size:1.5rem}.share-actions .share-btn:hover{border-color:var(--color-primary);background:rgba(var(--color-primary),.05)}.share-actions .share-btn.native{background:linear-gradient(135deg,#6b8e7a,#556f5e);color:#fff;border-color:transparent}.share-actions .share-btn.native:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary),.3)}.share-actions .share-btn.qr{background:#fff;border-color:rgba(var(--color-text-light),.3)}.share-actions .share-btn.qr:hover{border-color:var(--color-text)}.share-actions .social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:24px}.share-actions .social-buttons .social-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;color:#fff}.share-actions .social-buttons .social-btn span:first-child{font-size:1.2rem}.share-actions .social-buttons .social-btn.twitter{background:#000}.share-actions .social-buttons .social-btn.twitter:hover{background:#1a1a1a}.share-actions .social-buttons .social-btn.facebook{background:#1877f2}.share-actions .social-buttons .social-btn.facebook:hover{background:#3a8df5}.share-actions .social-buttons .social-btn.facebook span:first-child{font-family:Helvetica,sans-serif;font-weight:700}.share-actions .social-buttons .social-btn.whatsapp{background:#25d366}.share-actions .social-buttons .social-btn.whatsapp:hover{background:#4ddb85}.share-actions .social-buttons .social-btn.telegram{background:#08c}.share-actions .social-buttons .social-btn.telegram:hover{background:#1a9fda}.share-actions .social-buttons .social-btn.linkedin{background:#0a66c2}.share-actions .social-buttons .social-btn.linkedin:hover{background:#237eda}.share-actions .social-buttons .social-btn.linkedin span:first-child{font-family:Arial,sans-serif;font-weight:700}.share-actions .social-buttons .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-actions .copy-section{display:flex;gap:8px;margin-bottom:16px}.share-actions .copy-section .copy-input{flex:1;padding:8px 16px;border:2px solid rgba(var(--color-text-light),.3);border-radius:8px;font-size:.875rem;color:var(--color-text-light);background:var(--color-background);font-family:monospace}.share-actions .copy-section .copy-btn{padding:8px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-actions .copy-section .copy-btn:hover{background:#556f5e}.share-actions .copy-section .copy-btn.success{background:#10b981}.share-tip{background:rgba(var(--color-primary),.1);border-left:4px solid var(--color-primary);padding:16px;border-radius:8px;font-size:.875rem;color:var(--color-text);margin-top:24px}.share-modal::-webkit-scrollbar{width:8px}.share-modal::-webkit-scrollbar-track{background:var(--color-background)}.share-modal::-webkit-scrollbar-thumb{background:rgba(var(--color-text-light),.3);border-radius:4px}.share-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px}.loading-spinner .spinner{border-radius:50%;border-style:solid;border-color:rgba(var(--color-primary),.2);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.loading-spinner.small .spinner{width:24px;height:24px;border-width:3px}.loading-spinner.medium .spinner{width:40px;height:40px;border-width:4px}.loading-spinner.large .spinner{width:60px;height:60px;border-width:5px}.loading-spinner .loading-text{color:var(--color-text-light);font-size:.875rem;margin:0}.scenario-detail-page{padding:32px 16px;max-width:900px;margin:0 auto}.scenario-detail-page .back-button{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:500;margin-bottom:24px;transition:all .15s ease}.scenario-detail-page .back-button:hover{transform:translate(-4px);color:var(--color-primary-dark)}.scenario-detail-page .scenario-header{background:var(--color-surface);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 6px #00000012}.scenario-detail-page .scenario-header.urgence-mode{border:3px solid var(--color-accent);background:#c96a5a26}.scenario-detail-page .scenario-header .header-top{display:flex;align-items:center;gap:24px;margin-bottom:24px}.scenario-detail-page .scenario-header .header-top .scenario-icon{font-size:4rem;flex-shrink:0}.scenario-detail-page .scenario-header .header-top .header-content{flex:1}.scenario-detail-page .scenario-header .header-top .header-content h1{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:8px}.scenario-detail-page .scenario-header .header-top .header-content .description{color:var(--color-text-light);font-size:1.125rem;line-height:1.6}.scenario-detail-page .scenario-header .meta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.scenario-detail-page .scenario-header .meta-tags .tag{padding:4px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:var(--color-background);color:var(--color-text)}.scenario-detail-page .scenario-header .progress-container{background:var(--color-background);padding:16px;border-radius:12px}.scenario-detail-page .scenario-header .progress-container .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scenario-detail-page .scenario-header .progress-container .progress-header .progress-label{font-weight:600;color:var(--color-text)}.scenario-detail-page .scenario-header .progress-container .progress-header .progress-percentage{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.scenario-detail-page .scenario-header .progress-container .progress-bar{height:12px;background:#fff;border-radius:9999px;overflow:hidden}.scenario-detail-page .scenario-header .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.scenario-detail-page .scenario-header .progress-container .progress-stats{display:flex;justify-content:space-between;margin-top:8px;font-size:.875rem;color:var(--color-text-light)}.scenario-detail-page .scenario-header .social-proof-badge{display:flex;align-items:center;gap:8px;padding:16px;background:rgba(var(--color-primary),.05);border-radius:12px;margin-top:24px}.scenario-detail-page .scenario-header .social-proof-badge .proof-icon{font-size:1.5rem}.scenario-detail-page .scenario-header .social-proof-badge .proof-text{flex:1;font-size:.875rem;color:var(--color-text)}.scenario-detail-page .scenario-header .social-proof-badge .proof-text strong{color:var(--color-primary);font-weight:700}.scenario-detail-page .scenario-header .social-proof-badge .trend-indicator{font-size:1.2rem}.scenario-detail-page .scenario-actions{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.scenario-detail-page .scenario-actions button{padding:8px 24px;border-radius:12px;font-weight:500;transition:all .15s ease}.scenario-detail-page .scenario-actions button.btn-share{background:var(--color-primary);color:#fff}.scenario-detail-page .scenario-actions button.btn-share:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.scenario-detail-page .scenario-actions button.btn-reset{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text-light)}.scenario-detail-page .scenario-actions button.btn-reset:hover{background:var(--color-background);border-color:var(--color-text)}.scenario-detail-page .scenario-actions button.btn-print{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text-light)}.scenario-detail-page .scenario-actions button.btn-print:hover{background:var(--color-primary-dark)}.scenario-detail-page .checklist-section{background:var(--color-surface);border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012}.scenario-detail-page .checklist-section .section-title{margin-bottom:24px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.scenario-detail-page .premium-upsell{background:linear-gradient(135deg,#f0e5a7,#e8d88a);border-radius:16px;padding:32px;margin-top:32px;text-align:center;box-shadow:0 4px 6px #00000012}.scenario-detail-page .premium-upsell .upsell-icon{font-size:3rem;margin-bottom:16px}.scenario-detail-page .premium-upsell h3{color:#8b7419;margin-bottom:16px}.scenario-detail-page .premium-upsell p{color:#a68d2b;margin-bottom:24px}.scenario-detail-page .premium-upsell .btn-unlock{padding:16px 32px;background:var(--color-premium);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 4px 6px #00000012;transition:all .15s ease}.scenario-detail-page .premium-upsell .btn-unlock:hover{background:#be9e2c;transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.dashboard-page{padding:32px 16px;max-width:1200px;margin:0 auto}.dashboard-page .dashboard-header{text-align:center;margin-bottom:48px}.dashboard-page .dashboard-header h1{margin-bottom:16px}.dashboard-page .dashboard-header .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}.dashboard-page .dashboard-header .stats-cards .stat-card{background:var(--color-surface);padding:24px;border-radius:16px;box-shadow:0 4px 6px #00000012}.dashboard-page .dashboard-header .stats-cards .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);display:block;margin-bottom:4px}.dashboard-page .dashboard-header .stats-cards .stat-card .stat-label{font-size:.875rem;color:var(--color-text-light)}.dashboard-page .scenarios-progress{margin-bottom:48px}.dashboard-page .scenarios-progress h2{margin-bottom:24px}.dashboard-page .scenarios-progress .progress-list{display:flex;flex-direction:column;gap:16px}.dashboard-page .scenarios-progress .progress-list .progress-item{background:var(--color-surface);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;transition:all .15s ease;position:relative;display:flex;align-items:stretch;gap:16px}.dashboard-page .scenarios-progress .progress-list .progress-item:hover{box-shadow:0 4px 6px #00000012}.dashboard-page .scenarios-progress .progress-list .progress-item:hover .btn-share-small{opacity:1}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-link{flex:1;text-decoration:none;color:inherit}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .icon{font-size:2rem}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info{flex:1}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info .title{font-weight:600;color:var(--color-text);margin-bottom:4px}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info .subtitle{font-size:.875rem;color:var(--color-text-light)}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .percentage{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small{position:absolute;top:16px;right:16px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;opacity:0;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small:hover{background:#556f5e;transform:scale(1.1)}@media(max-width:480px){.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small{opacity:1}}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar{height:8px;background:var(--color-background);border-radius:9999px;overflow:hidden}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar .progress-fill.completed{background:linear-gradient(90deg,#6b8e7a,#82a793)}.dashboard-page .profile-section{background:var(--color-surface);padding:32px;border-radius:16px;box-shadow:0 4px 6px #00000012}.dashboard-page .profile-section h2{margin-bottom:24px}.dashboard-page .profile-section .profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.dashboard-page .profile-section .profile-form .form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--color-text)}.dashboard-page .profile-section .profile-form .form-group select,.dashboard-page .profile-section .profile-form .form-group input{width:100%;padding:8px 16px;border:2px solid var(--color-background);border-radius:12px;font-size:1rem;background:#fff;color:var(--color-text);transition:all .15s ease}.dashboard-page .profile-section .profile-form .form-group select:focus,.dashboard-page .profile-section .profile-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}.dashboard-page .profile-section .profile-form .form-group .checkbox-group{display:flex;align-items:center;gap:8px}.dashboard-page .profile-section .profile-form .form-group .checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.dashboard-page .profile-section .danger-zone{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-background)}.dashboard-page .profile-section .danger-zone h3{color:var(--color-danger);margin-bottom:16px}.dashboard-page .profile-section .danger-zone .danger-actions{display:flex;gap:16px;flex-wrap:wrap}.dashboard-page .profile-section .danger-zone .danger-actions button{padding:8px 24px;border-radius:12px;font-weight:500;background:var(--color-danger);color:#fff;transition:all .15s ease}.dashboard-page .profile-section .danger-zone .danger-actions button:hover{background:#b54638}.premium-page{padding:32px 16px;max-width:800px;margin:0 auto}.premium-page .premium-hero{text-align:center;background:linear-gradient(135deg,#f0e5a7,#e8d88a);padding:48px 32px;border-radius:16px;margin-bottom:48px;box-shadow:0 10px 15px #0000001a}.premium-page .premium-hero .premium-icon{font-size:4rem;margin-bottom:24px}.premium-page .premium-hero h1{color:#8b7419;margin-bottom:16px}.premium-page .premium-hero .subtitle{font-size:1.125rem;color:#a68d2b;margin-bottom:32px}.premium-page .premium-hero .price{font-size:2rem;font-weight:700;color:#8b7419;margin-bottom:4px}.premium-page .premium-hero .price .original-price{font-size:1.125rem;text-decoration:line-through;color:#b89d37;margin-right:8px}.premium-page .premium-hero .price-detail{font-size:.875rem;color:#a68d2b;margin-bottom:24px}.premium-page .features-list{background:var(--color-surface);padding:32px;border-radius:16px;margin-bottom:32px;box-shadow:0 4px 6px #00000012}.premium-page .features-list h2{margin-bottom:24px}.premium-page .features-list .feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-background)}.premium-page .features-list .feature-item:last-child{border-bottom:none}.premium-page .features-list .feature-item .feature-icon{font-size:1.25rem;flex-shrink:0}.premium-page .features-list .feature-item .feature-content .feature-title{font-weight:600;color:var(--color-text);margin-bottom:4px}.premium-page .features-list .feature-item .feature-content .feature-description{font-size:.875rem;color:var(--color-text-light);line-height:1.6}.premium-page .unlock-section{background:var(--color-surface);padding:32px;border-radius:16px;box-shadow:0 4px 6px #00000012}.premium-page .unlock-section h2{margin-bottom:16px;text-align:center}.premium-page .unlock-section .unlock-methods{display:flex;flex-direction:column;gap:24px}.premium-page .unlock-section .unlock-methods .method{padding:24px;background:var(--color-background);border-radius:12px}.premium-page .unlock-section .unlock-methods .method h3{margin-bottom:8px;color:var(--color-primary)}.premium-page .unlock-section .unlock-methods .method p{color:var(--color-text-light);margin-bottom:16px}.premium-page .unlock-section .unlock-methods .method .code-input-group{display:flex;gap:8px}.premium-page .unlock-section .unlock-methods .method .code-input-group input{flex:1;padding:16px;border:2px solid var(--color-primary);border-radius:12px;font-size:1rem;font-family:monospace;text-transform:uppercase}.premium-page .unlock-section .unlock-methods .method .code-input-group input:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary),.2)}.premium-page .unlock-section .unlock-methods .method .code-input-group button{padding:16px 32px;background:var(--color-primary);color:#fff;border-radius:12px;font-weight:600;transition:all .15s ease}.premium-page .unlock-section .unlock-methods .method .code-input-group button:hover{background:var(--color-primary-dark)}.premium-page .unlock-section .unlock-methods .method .code-input-group button:disabled{background:var(--color-text-light);cursor:not-allowed}.premium-page .unlock-section .unlock-methods .method .message{margin-top:16px;padding:8px 16px;border-radius:8px;font-size:.875rem}.premium-page .unlock-section .unlock-methods .method .message.success{background:#6b8e7a26;color:#47604f}.premium-page .unlock-section .unlock-methods .method .message.error{background:#cf483a26;color:#b54638}.premium-page .unlock-section .unlock-methods .method .payment-button{display:block;width:100%;padding:16px;background:var(--color-premium);color:#fff;border-radius:12px;font-weight:700;font-size:1.125rem;box-shadow:0 4px 6px #00000012;transition:all .15s ease}.premium-page .unlock-section .unlock-methods .method .payment-button:hover{background:#be9e2c;transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.premium-page .already-premium{background:linear-gradient(135deg,#6b8e7a33,#6b8e7a26);padding:48px;border-radius:16px;text-align:center;box-shadow:0 4px 6px #00000012}.premium-page .already-premium .success-icon{font-size:4rem;margin-bottom:24px}.premium-page .already-premium h2{color:#3d5244;margin-bottom:16px}.premium-page .already-premium p{color:#4e6856;margin-bottom:32px}.premium-page .already-premium .btn-home{display:inline-block;padding:16px 32px;background:var(--color-success);color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:all .15s ease}.premium-page .already-premium .btn-home:hover{background:#556f5e}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:32px}.landing-content{text-align:center;color:#fff;max-width:600px}.landing-logo{margin-bottom:32px}.landing-logo .logo-icon{font-size:4rem;display:block;margin-bottom:16px}.landing-logo h1{font-size:2rem;font-weight:700;margin:0}.landing-tagline{font-size:1.25rem;margin-bottom:48px;opacity:.9}.landing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.landing-stats .stat-item{background:#ffffff1a;padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-stats .stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.landing-stats .stat-item .stat-label{display:block;font-size:.875rem;opacity:.8}@media(max-width:480px){.landing-stats{grid-template-columns:1fr;gap:16px}}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-indicator .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-indicator p{font-size:.875rem;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.gamification-panel{max-width:1200px;margin:0 auto;padding:32px}.gamification-panel .achievement-popup{position:fixed;top:80px;right:24px;background:linear-gradient(135deg,gold,orange);padding:24px;border-radius:16px;box-shadow:0 20px 25px #00000026;z-index:1000;animation:slideIn .5s ease-out;max-width:350px}.gamification-panel .achievement-popup .popup-header{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.gamification-panel .achievement-popup .popup-achievement{display:flex;align-items:center;gap:16px;background:#fff3;padding:16px;border-radius:12px;margin-top:8px}.gamification-panel .achievement-popup .popup-achievement .popup-icon{font-size:2rem}.gamification-panel .achievement-popup .popup-achievement .popup-info{flex:1}.gamification-panel .achievement-popup .popup-achievement .popup-info .popup-title{font-weight:700;color:#fff}.gamification-panel .achievement-popup .popup-achievement .popup-info .popup-points{color:#ffffffe6;font-size:.875rem}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.gamification-panel .level-card{background:linear-gradient(135deg,var(--color-primary),#82A793);color:#fff;padding:32px;border-radius:16px;box-shadow:0 10px 15px #0000001a;margin-bottom:32px}.gamification-panel .level-card .level-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.gamification-panel .level-card .level-header .level-icon{font-size:4rem}.gamification-panel .level-card .level-header .level-info h3{font-size:1.5rem;margin-bottom:4px}.gamification-panel .level-card .level-header .level-info p{opacity:.9}.gamification-panel .level-card .level-progress .progress-bar{background:#fff3;height:12px;border-radius:9999px;overflow:hidden;margin-bottom:8px}.gamification-panel .level-card .level-progress .progress-bar .progress-fill{background:linear-gradient(90deg,gold,orange);height:100%;transition:width 1s ease-out}.gamification-panel .level-card .level-progress .progress-text{font-size:.875rem;opacity:.9}.gamification-panel .streak-card{display:flex;align-items:center;gap:24px;background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:32px;border:2px solid var(--color-accent)}.gamification-panel .streak-card .streak-icon{font-size:3rem}.gamification-panel .streak-card .streak-info h4{color:var(--color-text);margin-bottom:4px}.gamification-panel .streak-card .streak-info .streak-count{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.gamification-panel .challenges-section{margin-bottom:48px}.gamification-panel .challenges-section h3{color:var(--color-text);margin-bottom:24px;font-size:1.25rem}.gamification-panel .challenges-section .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.gamification-panel .challenges-section .challenges-grid .challenge-card{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;border:2px solid rgba(0,0,0,.1);transition:all .15s ease}.gamification-panel .challenges-section .challenges-grid .challenge-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.gamification-panel .challenges-section .challenges-grid .challenge-card.completed{background:#6b8e7a1a;border-color:var(--color-success)}.gamification-panel .challenges-section .challenges-grid .challenge-card h4{color:var(--color-text);margin-bottom:8px}.gamification-panel .challenges-section .challenges-grid .challenge-card p{color:var(--color-text-light);font-size:.875rem;margin-bottom:16px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress{margin-bottom:16px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-bar{background:#0000001a;height:8px;border-radius:9999px;overflow:hidden;margin-bottom:4px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-success));height:100%;transition:width .5s ease-out}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-text{font-size:.875rem;color:var(--color-text-light)}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-reward{font-weight:600;color:var(--color-premium)}.gamification-panel .achievements-section{margin-bottom:48px}.gamification-panel .achievements-section h3{color:var(--color-text);margin-bottom:24px;font-size:1.25rem}.gamification-panel .achievements-section .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gamification-panel .achievements-section .achievements-grid .achievement-card{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;text-align:center;transition:all .15s ease;border:2px solid rgba(0,0,0,.1)}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked{border-color:var(--color-success)}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked:hover{transform:scale(1.05);box-shadow:0 10px 15px #0000001a}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked .achievement-icon{font-size:2.5rem;margin-bottom:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card.locked{opacity:.6}.gamification-panel .achievements-section .achievements-grid .achievement-card.locked .achievement-icon{font-size:2rem;margin-bottom:8px;filter:grayscale(100%)}.gamification-panel .achievements-section .achievements-grid .achievement-card h4{color:var(--color-text);font-size:1rem;margin-bottom:4px}.gamification-panel .achievements-section .achievements-grid .achievement-card p{color:var(--color-text-light);font-size:.875rem;margin-bottom:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-points{display:inline-block;background:var(--color-premium);color:#fff;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:700}@media(max-width:768px){.gamification-panel{padding:16px}.gamification-panel .level-card .level-header{flex-direction:column;text-align:center}.gamification-panel .level-card .level-header .level-icon{font-size:3rem}.gamification-panel .challenges-grid{grid-template-columns:1fr}.gamification-panel .achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gamification-panel .achievement-popup{right:8px;left:8px;max-width:none}}:root,[data-theme=light]{--color-primary: #6B8E7A;--color-primary-light: #8BA89A;--color-primary-dark: #556F5E;--color-background: #F4F1EC;--color-surface: #FFFFFF;--color-text: #2E2E2E;--color-text-light: #6B6B6B;--color-accent: #C96A5A;--color-success: #6B8E7A;--color-warning: #E4A853;--color-danger: #C96A5A;--color-info: #6B8E7A;--color-priority-1: #C96A5A;--color-priority-2: #E4A853;--color-priority-3: #8BA89A;--color-premium: #D4AF37}[data-theme=dark]{--color-primary: #8BA89A;--color-primary-light: #A5BCAE;--color-primary-dark: #6B8E7A;--color-background: #1a1a1a;--color-surface: #2a2a2a;--color-text: #e0e0e0;--color-text-light: #a0a0a0;--color-accent: #D97A6A;--color-success: #8BA89A;--color-warning: #F4B963;--color-danger: #D97A6A;--color-info: #8BA89A;--color-priority-1: #D97A6A;--color-priority-2: #F4B963;--color-priority-3: #A5BCAE;--color-premium: #E4BF47}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2rem;margin-bottom:24px}h2{font-size:1.5rem;margin-bottom:16px}h3{font-size:1.25rem;margin-bottom:16px}h4{font-size:1.125rem;margin-bottom:8px}p{margin-bottom:16px}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}.text-center{text-align:center}.text-muted{color:var(--color-text-light)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes highlightPulse{0%{background-color:rgba(var(--color-primary),.3)}50%{background-color:rgba(var(--color-primary),.1)}to{background-color:transparent}}.fade-in{animation:fadeIn .25s ease}.slide-up{animation:slideUp .25s ease}.highlight-pulse{animation:highlightPulse 2s ease-out}