@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button,input,optgroup,select,textarea{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit}img{display:block;max-width:100%;height:auto}.driver-overlay{background:#000000bf!important}.driver-popover.herbogenius-tour-popover{background:linear-gradient(135deg,#1a1d2e,#0f1117)!important;border:1px solid rgba(74,222,128,.25)!important;border-radius:24px!important;padding:2rem 1.75rem 1.5rem!important;max-width:380px!important;width:90vw!important;color:#d1d5db!important;box-shadow:0 20px 60px #00000080!important;font-family:inherit!important}.driver-popover.herbogenius-tour-popover .driver-popover-arrow-side-left .driver-popover-arrow{border-right-color:#4ade8040!important}.driver-popover.herbogenius-tour-popover .driver-popover-arrow-side-right .driver-popover-arrow{border-left-color:#4ade8040!important}.driver-popover.herbogenius-tour-popover .driver-popover-arrow-side-top .driver-popover-arrow{border-bottom-color:#4ade8040!important}.driver-popover.herbogenius-tour-popover .driver-popover-arrow-side-bottom .driver-popover-arrow{border-top-color:#4ade8040!important}.driver-popover.herbogenius-tour-popover .driver-popover-title{font-size:1.15rem!important;font-weight:800!important;margin-bottom:.6rem!important;background:linear-gradient(135deg,#4ade80,#22d3ee)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;line-height:1.3!important}.driver-popover.herbogenius-tour-popover .driver-popover-description{color:#d1d5db!important;font-size:.9rem!important;line-height:1.6!important;margin-bottom:.5rem!important}.driver-popover.herbogenius-tour-popover .driver-popover-progress-text{color:#6b7280!important;font-size:.8rem!important}.driver-popover.herbogenius-tour-popover .driver-popover-footer{margin-top:1.25rem!important;gap:.5rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.driver-popover.herbogenius-tour-popover .driver-popover-prev-btn{background:none!important;border:1px solid rgba(74,222,128,.3)!important;color:#4ade80!important;font-size:.85rem!important;font-weight:600!important;padding:.55rem 1rem!important;border-radius:10px!important;cursor:pointer!important;transition:background .2s,border-color .2s!important;text-shadow:none!important}.driver-popover.herbogenius-tour-popover .driver-popover-prev-btn:hover{background:#4ade801a!important;border-color:#4ade8080!important}.driver-popover.herbogenius-tour-popover .driver-popover-next-btn{background:linear-gradient(135deg,#4ade80,#22d3ee)!important;border:none!important;color:#0f1117!important;font-size:.9rem!important;font-weight:700!important;padding:.6rem 1.25rem!important;border-radius:10px!important;cursor:pointer!important;transition:opacity .2s!important;text-shadow:none!important;flex:1!important;text-align:center!important}.driver-popover.herbogenius-tour-popover .driver-popover-next-btn:hover{opacity:.88!important}.driver-popover.herbogenius-tour-popover .driver-popover-close-btn{color:#6b7280!important;background:none!important;border:none!important;font-size:1.1rem!important;cursor:pointer!important;position:absolute!important;top:1rem!important;right:1rem!important;line-height:1!important;transition:color .2s!important}.driver-popover.herbogenius-tour-popover .driver-popover-close-btn:hover{color:#d1d5db!important}.driver-active-element{outline:2px solid rgba(74,222,128,.5)!important;outline-offset:3px!important;border-radius:8px!important}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;z-index:9999;width:100%;height:100vh;background:#2d6a4f;animation:loading 2.5s 4.5s forwards;pointer-events:none}.loader .icons{display:flex;flex-direction:row;justify-content:center;align-items:center}.loader .icons img{width:40px;height:auto;margin:40px 10px;-webkit-background-clip:text;background-clip:text}#icon0{animation:slideLtoR .75s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon1{animation:slideLtoR 1.5s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon2{animation:slideLtoR 2.25s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon3{animation:slideLtoR 3s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon4{animation:slideLtoR 3.75s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon5{animation:slideLtoR 4.5s 0s cubic-bezier(.68,-.55,.27,1.55)}@keyframes loading{0%{opacity:100%}to{opacity:0%;transform:translateY(-100vh)}}@keyframes slideLtoR{0%{transform:translate(-100vh)}to{transform:translate(0)}}.header{display:flex;flex-direction:column;justify-content:center;width:100%;height:9.5rem;overflow:hidden;margin-bottom:5rem;position:absolute;top:0}.header #banner{width:100%;object-fit:cover}.header .navBar{width:100%;padding:1rem;position:absolute;top:0;z-index:1;font-weight:550}.alterHeader{position:fixed;top:0;width:100%;background-color:#2d6a4f;color:#fff;font-weight:550;height:3rem;padding:1rem;z-index:2}.alterHeader .pageTitle{width:80%;font-size:1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}#logo{width:105px;height:auto;border:.15rem solid #ffffff;border-radius:15%;box-shadow:0 0 5px 2.5px #2d6a4f}.navigation{z-index:9999;position:relative}.navigation #menu,.navigation #userIcon{cursor:pointer}.navigation #menu{width:1.75rem;height:1.75rem;position:absolute;top:-.25rem;left:0}.navigation .userDefaultAvatar{width:2rem;height:2rem;position:absolute;top:-.5rem;right:0;filter:drop-shadow(white 0 5px 2.5px)}.navigation .navHeader{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:left;gap:1.5rem;width:100%;border-radius:10px 10px 0 0}.navigation .navHeader img{width:4rem;height:4rem;border:2px solid #ffffff;border-radius:25%}.navigation .navHeader h1{font-size:1.25rem;font-weight:600}.navigation .navHeader p{font-size:.75rem;font-style:italic;color:#8f8f8f}.navigation .navContent{color:#000;z-index:9999;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:0 0 15px 15px;padding:1rem;width:90%;max-height:99vh;overflow-y:auto;box-shadow:0 0 10px 5px #2d6a4f;transform:translate(7.5%,-110%);transition:transform .25s ease-in-out}.navigation .navContent.show{transform:translate(7.5%,-1.25rem);transition:transform .5s ease-in-out}.navigation .navContent::-webkit-scrollbar{width:4px}.navigation .navContent::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.navigation .navContent a{display:flex;flex-direction:row;gap:.5rem;text-decoration:none;color:inherit}.navigation .navContent .navName{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;font-weight:500;color:#374151;transition:color .2s}.navigation .navContent .navName:hover,.navigation .navContent .navName.active{color:#1a4d2e;font-weight:600}.navigation .navContent .navIcon{width:1.4rem;height:1.4rem;flex-shrink:0}.navigation .navContent .iconHE{translate:-.25rem}.navigation .navContent .lineSeparator{width:100%;height:1px;background:#d1d5db;margin:.15rem 0}.navigation .navContent .nav-section-header{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;cursor:pointer;font-weight:600;color:#1a4d2e;width:100%;-webkit-user-select:none;user-select:none}.navigation .navContent .nav-section-header:active{opacity:.7}.navigation .navContent .nav-section-header .nav-section-icon{font-size:1.1rem;width:1.5rem;text-align:center;flex-shrink:0}.navigation .navContent .nav-section-header .nav-section-title{flex:1;font-size:.95rem}.navigation .navContent .nav-section-header .nav-section-arrow{font-size:.55rem;transition:transform .3s ease;color:#9ca3af;margin-right:.25rem}.navigation .navContent .nav-section-header .nav-section-arrow.open{transform:rotate(90deg)}.navigation .navContent .nav-home-link{text-decoration:none;color:#1a4d2e}.navigation .navContent .nav-section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease-out;padding-left:1.5rem;width:calc(100% - 1.5rem)}.navigation .navContent .nav-section-content>.nav-section-inner{overflow:hidden;display:flex;flex-direction:column;gap:.25rem}.navigation .navContent .nav-section-content.open{grid-template-rows:1fr}.navigation .navContent .bottomNavZone{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin:1rem auto 0}.navigation .navContent .bottomNavZone #logInButton,.navigation .navContent .bottomNavZone #signUpButton,.navigation .navContent .bottomNavZone #logOutButton,.navigation .navContent .bottomNavZone #profilButton{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:large;font-weight:600;padding:0;height:2.5rem}.navigation .navContent .bottomNavZone #logInButton,.navigation .navContent .bottomNavZone #logOutButton{background-color:#fff;color:#2d6a4f;border:1px solid #2d6a4f}.navigation .navContent .bottomNavZone #signUpButton,.navigation .navContent .bottomNavZone #profilButton{background-color:#2d6a4f;color:#fff;border:none}.navigation .navContent .bottomNavZone #logOutButton{margin-bottom:.75rem}.navigation .navContent .bottomNavZone p{font-size:small;margin-top:1rem}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9998;display:none}.overlay.show{display:block}.hero h3{font-size:1rem;color:#2d6a4f;position:absolute;top:3.5rem;right:.5rem;background-color:#2d6a4f;padding:.125rem .25rem;color:#f5f5f5;border:.12rem solid #ffffff;border-radius:5px;box-shadow:0 0 5px 2.5px #1a894d}.hero .heroParagraph{text-align:center}.hero .heroTitle{display:flex;flex-direction:row;justify-content:center;position:absolute;top:7rem;gap:1rem}.hero .heroTitle .titleSubtitleZone{display:flex;flex-direction:column;justify-content:flex-end;text-align:start;padding-top:2.5rem}.hero .heroTitle .titleSubtitleZone #headSubtitle{color:#8f8f8f}.form{display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-top:2rem;width:250px}.form input{padding:.5rem;border:2px solid #ffffff;border-radius:5px}.form #loginButton{padding:.5rem;color:#fff;background-color:#1a4d2e;border:none;font-weight:700;cursor:pointer}.form .loginErrorMessage{color:red}.registerForm{display:flex;flex-direction:column;justify-content:center;gap:.25rem;width:250px}.registerForm input{padding:.5rem;border:2px solid #ffffff;border-radius:5px}.registerForm #registerButton{padding:.5rem;color:#fff;background-color:#1a4d2e;border:none;font-weight:700;margin:2rem 0;cursor:pointer}.registerForm .registerErrorMessage{color:red}.registerForm span{margin-bottom:1rem}.footer{display:flex;justify-content:center;position:fixed;bottom:0;padding:1rem;width:100%;height:4rem;background-color:#fff}button{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:700;height:3.5rem;background-color:#eff7f2;color:#2d6a4f;border-radius:10px}button img{width:1.5rem;height:1.5rem;margin-bottom:.5rem}.featureBlock{display:flex;flex-wrap:wrap;justify-content:center;max-width:420px;gap:1rem;background-color:#eff7f2;border-radius:12.5px;box-shadow:0 0 5px 2.5px #8f8f8f}.featureBlock .feature{width:100%}.featureBlock .feature img{width:100%;height:12rem;object-fit:cover;border-radius:12.5px 12.5px 0 0}.featureBlock .feature .featureMeta{display:flex;justify-content:start;padding:1rem 0 0 1rem;font-size:.9rem;color:#2d6a4f}.featureBlock .feature .featureTitle{display:flex;justify-content:start;text-align:left;padding:0 0 0 1rem}.featureBlock .feature .featureDescription{display:flex;justify-content:start;text-align:left;padding:1rem}.featureBlock button{display:flex;flex-direction:row;justify-content:center;gap:.5rem;width:100%;font-weight:600;font-size:1rem;background-color:#2d6a4f;color:#fff;height:2.5rem;border-radius:0 0 12.5px 12.5px;cursor:pointer}.featureBlock button img{margin-top:.25rem}.footerNav{display:flex;justify-content:space-evenly;align-items:center;position:fixed;bottom:0;padding:.25rem;width:100%;height:4rem;background-color:#fff;font-size:.7rem;color:#8f8f8f;gap:.25rem;box-shadow:0 -2px 10px #0000000d;z-index:10}.footerNav .mode-toggle{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:2px solid #2d6a4f;border-radius:50%;background:#fff;font-size:1rem;cursor:pointer;flex-shrink:0;transition:all .2s}.footerNav .mode-toggle:hover{background:#f0fdf4;transform:scale(1.1)}.footerNav a{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:flex-end;text-decoration:none;color:inherit;font-size:.65rem}.footerNav a img{width:1.5rem;height:1.5rem}.footerNav a .nav-emoji{font-size:1.3rem;line-height:1.5rem;height:1.5rem}.footerNav .active{color:#2d6a4f;font-weight:700}.footerNav .active img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(200%)}.cardBlock{margin-bottom:1rem}.cardBlock .card{display:flex;gap:1rem}.cardBlock .card .cardContent{width:100%}.cardBlock .card img{width:10rem;height:7rem;object-fit:cover;border-radius:15px}.cardBlock .card .cardMeta{display:flex;justify-content:start;text-align:left;font-size:.9rem;color:#2d6a4f}.cardBlock .card .cardTitle{display:flex;justify-content:start;text-align:left}.cardBlock .card .cardDescription{display:flex;justify-content:start;text-align:left;padding:.5rem 0}.cardBlock .card button{display:flex;flex-direction:row;justify-content:center;gap:.5rem;width:50%;font-weight:600;font-size:1rem;background-color:#2d6a4f;color:#fff;height:2rem;cursor:pointer}.cardBlock .card button img{width:1.5rem;height:auto;margin-top:.25rem}.searchBar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0 auto;padding:0;width:100%;position:relative}.searchBar p{font-size:1rem;color:#52796f;font-weight:600;text-align:center;padding:1rem;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:12px;border-left:4px solid #ffc107;box-shadow:0 2px 8px #00000014;margin:0}@media (max-width: 480px){.searchBar p{font-size:.875rem;padding:.75rem}}.searchBar #iconFilter{width:2.5rem;height:2.5rem;cursor:pointer;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.searchBar #iconFilter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 480px){.searchBar #iconFilter{width:2.25rem;height:2.25rem}}.searchBar .searchForm{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:.75rem}.searchBar .searchForm #searchInput{width:100%;max-width:600px;height:3rem;border:2px solid transparent;border-radius:16px;padding:0 1.25rem;font-size:1rem;font-weight:500;background:#fff;color:#1b4332;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.searchBar .searchForm #searchInput::placeholder{color:#95a99f;font-weight:400}.searchBar .searchForm #searchInput:hover{border-color:#2d6a4f33;box-shadow:0 4px 12px #0000001a,0 6px 20px #00000014}.searchBar .searchForm #searchInput:focus{outline:none;border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f33,0 6px 24px #2d6a4f26;transform:translateY(-2px)}.searchBar .searchForm #searchInput:disabled{background:#e9ecef;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.searchBar .searchForm #searchInput{max-width:500px;height:2.75rem;font-size:.9375rem}}@media (max-width: 480px){.searchBar .searchForm #searchInput{max-width:100%;height:2.5rem;font-size:.875rem;padding:0 1rem;border-radius:12px}}.searchBar .searchForm #searchInput #searchButton{width:3rem;height:3rem;border:none;border-radius:12px;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d;transition:all .3s ease}.searchBar .searchForm #searchInput #searchButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.searchBar .searchForm #searchInput #searchButton:active{transform:translateY(0)}@media (max-width: 480px){.searchBar .searchForm #searchInput #searchButton{width:2.5rem;height:2.5rem;font-size:1rem}}.searchBar .profile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.searchBar .profile-filter-toggle{flex-direction:row;gap:.5rem;padding:.875rem}}.searchBar .profile-filter-toggle .toggle-container{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative}.searchBar .profile-filter-toggle .toggle-container .toggle-input{opacity:0;width:0;height:0;position:absolute}.searchBar .profile-filter-toggle .toggle-container .toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#2d6a4f,#40916c)}.searchBar .profile-filter-toggle .toggle-container .toggle-input:checked+.toggle-slider:before{transform:translate(1.25rem)}.searchBar .profile-filter-toggle .toggle-container .toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #2d6a4f33}.searchBar .profile-filter-toggle .toggle-container .toggle-slider{position:relative;display:inline-block;width:3rem;height:1.75rem;background:#cbd5e1;border-radius:1.75rem;transition:all .3s ease}.searchBar .profile-filter-toggle .toggle-container .toggle-slider:before{content:"";position:absolute;height:1.5rem;width:1.5rem;left:.125rem;top:.125rem;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.searchBar .profile-filter-toggle .toggle-container .toggle-label{font-size:.9375rem;font-weight:600;color:#1b4332;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.searchBar .profile-filter-toggle .toggle-container .toggle-label{font-size:.875rem}}.searchBar .profile-filter-toggle .toggle-container:hover .toggle-slider{background:#94a3b8}.searchBar .profile-filter-toggle .toggle-container:hover .toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#40916c,#2d6a4f)}.searchBar .profile-filter-toggle .toggle-info .info-icon{font-size:1.25rem;cursor:help;opacity:.7;transition:opacity .3s ease}.searchBar .profile-filter-toggle .toggle-info .info-icon:hover{opacity:1}.fav{display:flex;position:absolute}.fav #FAV{width:2.5rem;height:2.5rem;position:relative;bottom:2rem;left:6.5rem;cursor:pointer}.fav #AROMATHEQUE{width:2.5rem;height:2.5rem;position:fixed;top:calc(var(--navbar-height, 56px) + .75rem);right:1rem;cursor:pointer}.transparentAlterHeader{background-color:#fff0}.homeContent{display:flex;flex-direction:column;align-items:center;margin:12rem auto 5rem;max-width:1080px}.homeContent .hero{padding:0 1rem}.homeContent #pricePlan{width:100%;margin:1.5rem 0;font-weight:600;box-shadow:0 0 5px 2.5px #8f8f8f;cursor:pointer}.homeContent .buttonsBlock,.homeContent .buttonBlock{display:flex;justify-content:space-between;margin:0 0 2rem;gap:1rem;width:100%;padding:0 1rem}.homeContent .buttonsBlock button,.homeContent .buttonBlock button{font-weight:600;width:100%;cursor:pointer;box-shadow:0 0 5px 2.5px #8f8f8f}.homeContent .buttonsBlock a,.homeContent .buttonBlock a{flex:1;text-align:center}.homeContent .buttonsBlock a img,.homeContent .buttonBlock a img{width:2.5rem;height:2.5rem;margin:0}.homeContent .galleryArticles{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:0 1rem}.homeContent #miniVersion{display:flex;justify-content:right;gap:1rem;position:absolute;top:5.75rem;transform:translate(25%);scale:.65}.homeContent #miniVersion .miniVersion{max-width:8rem}.homeContent #miniVersion button{max-width:8rem;filter:drop-shadow(white 0 2.5px 1.25px)}.loginPage{position:fixed;top:0;width:100%;height:100vh;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2d6a4f;color:#fff}.loginPage img,.loginPage h1,.loginPage p{margin:1rem 0}.loginPage p{font-weight:700}.loginPage #loginCopyright{font-size:smaller;color:#fff;position:fixed;bottom:0;font-style:italic}.loginPage a{font-size:larger;color:#4ade80;text-decoration:none;font-weight:700}.registerPage{position:fixed;top:0;width:100%;height:100vh;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2d6a4f;color:#fff}.registerPage img{margin:2rem 0}.registerPage .sub{margin-bottom:2rem}.registerPage p{font-weight:700}.registerPage #registerCopyright{position:fixed;font-size:smaller;color:#fff;font-style:italic;padding-bottom:1rem;bottom:0}.registerPage a{font-size:larger;color:#4ade80;text-decoration:none;font-weight:700}#errorPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:fixed;top:0}#errorPage .errorContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0 1rem;margin-bottom:2rem}#errorPage .errorContent #errorText{font-size:2rem;font-weight:600}#errorPage .errorContent #ERROR{font-size:5rem;font-weight:600;color:#2d6a4f}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:4rem 0 1rem;margin:0;max-width:1440px}.gallery a{display:flex;flex-direction:row;flex-wrap:wrap;min-width:6.25rem;max-width:165px;height:165px;width:30%}.gallery .card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-color:#eff7f2;border-radius:15px;width:100%;height:100%;position:relative;box-shadow:0 0 5px 2.5px #8f8f8f}.gallery .card .premiumBadge{width:1.5rem;height:1.5rem;position:absolute;top:.25rem;left:.25rem}.gallery .card img{width:90%;height:65%;margin:0rem;object-fit:cover;border-radius:50%}.gallery .card .name{display:flex;justify-content:center;align-items:center;height:25%;font-size:.9rem}.detailPage{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.detailPage .circleBan{border:3px solid #4ade80;border-radius:50%;width:7rem;height:7rem;text-align:center;object-fit:cover;margin-bottom:1rem}.detailPage .detailContent{display:flex;flex-direction:column;align-items:center;gap:1rem}.detailPage .detailContent .buyButtons{display:flex;justify-content:center;gap:1.25rem}.detailPage .detailContent .buyButtons button{padding:0 .5rem;box-shadow:0 0 5px 2.5px #8f8f8f}.detailPage .detailContent .detailInfos{display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem;text-align:left}.detailPage .detailContent .detailInfos p{color:#2d6a4f;font-weight:700;margin:.5rem 0}.detailPage .detailContent .detailInfos span{color:#000;font-weight:400}.label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.label img{width:2.5rem;height:2.5rem;margin-right:.5rem}.diffusionPage .diffusionContent,.diffusionPage .diffusionHeader{display:flex;flex-direction:column;padding:1rem}.diffusionPage .diffusionContent{display:flex;flex-direction:column;gap:1rem;text-align:left}.diffusionPage .diffusionContent #largeButton{width:100%;height:3rem;font-weight:600;box-shadow:0 0 5px 2.5px #8f8f8f}.diffusionPage .diffusionContent .buttonsBlock{display:flex;justify-content:space-between;width:100%;gap:.5rem}.diffusionPage .diffusionContent .buttonsBlock button{font-weight:600;width:100%;cursor:pointer;box-shadow:0 0 5px 2.5px #8f8f8f}.diffusionPage .diffusionContent .buttonsBlock a{flex:1;text-align:center}.diffusionPage .diffusionHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.diffusionPage .diffusionHeader .circleBan{border:3px solid #4ade80;border-radius:50%;width:8rem;height:8rem}.diffusionPage .diffusionHeader .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.diffusionPage .warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffusionPage .warning img{width:1.5rem}.diffusionPage .danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffusionPage .danger img{width:1.5rem}.diffuserPage .diffuserContent,.diffuserPage .diffuserHeader{display:flex;flex-direction:column;padding:1rem}.diffuserPage .diffuserContent{display:flex;flex-direction:column;gap:1rem;text-align:left}.diffuserPage .diffuserContent #largeButton{width:100%;height:3rem;font-weight:600}.diffuserPage .diffuserContent .buttonsBlock{display:flex;justify-content:space-between;width:100%;gap:.5rem}.diffuserPage .diffuserContent .buttonsBlock button{font-weight:600;width:100%;cursor:pointer}.diffuserPage .diffuserContent .buttonsBlock a{flex:1;text-align:center}.diffuserPage .diffuserContent .roomSize{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2rem;text-align:center}.diffuserPage .diffuserHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.diffuserPage .diffuserHeader p{color:#8f8f8f}.diffuserPage .diffuserHeader .circleBan{border:3px solid #4ade80;border-radius:50%;width:7rem;height:7rem}.diffuserPage .diffuserHeader .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.diffuserPage .warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffuserPage .warning img{width:1.5rem}.diffuserPage .danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffuserPage .danger img{width:1.5rem}.phytoContent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem 1rem}.phytoContent .circleBan{border:3px solid #4ade80;border-radius:50%;width:6rem;height:6rem}.phytoContent .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.phytoContent .circleBan,.phytoContent .phytoTitle,.phytoContent .phytoSub{text-align:left;margin-bottom:1rem}.phytoContent .phytoSub{color:#8f8f8f}.phytoContent .phytoCards{display:flex;flex-direction:column}.microContent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem 0}.microContent .circleBan{border:3px solid #4ade80;border-radius:50%;width:8rem;height:8rem}.microContent .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.microContent .circleBan,.microContent .microTitle,.microContent .microSub{text-align:center;margin-bottom:1rem}.microContent .microSub{color:#8f8f8f}.microContent .microCards{display:flex;flex-direction:column}.libraryPage{display:flex;flex-direction:column;align-items:center;height:100vh}.circleBan{margin:1rem 0;width:8rem;height:8rem;text-align:center}.circleBan img{width:100%;height:100%;object-fit:cover}.ebooksGallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem}.ebooksGallery .couverture{width:10rem;border-radius:10px;box-shadow:0 0 5px 2.5px #8f8f8f;padding:0;margin:0;cursor:pointer}.readPage{display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:0 0 4rem}.bookTitle{font-size:smaller;margin-top:.25rem}.viewerPage{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;padding:1rem 0}.viewerPage .buttonsBlock{margin:0}.viewerPage .react-pdf__Document{scale:.8}.react-pdf__Page__canvas{margin:0;border:1px solid #8f8f8f;border-radius:10px;box-shadow:0 0 5px 2.5px #8f8f8f;max-width:455px;max-height:650px}.react-pdf__Page__textContent,.react-pdf__Page__annotations,.annotationLayer{display:none}#installPrompt{width:95%;margin:0 0 .5rem .5rem;position:fixed;bottom:50%;right:50%;padding:10px;background-color:#2d6a4f;border-radius:15px;box-shadow:0 2px 10px #0003;transform:translate(50%,50%);z-index:1000}#installPrompt img{width:30px;height:30px;border-radius:5px}#installPrompt #promptText{font-size:1.2rem;color:#fff}#installPrompt #promptChoiceButtons{display:flex;justify-content:space-around}#installPrompt #promptChoiceButtons #installButton,#installPrompt #promptChoiceButtons #cancelButton{height:30px;margin-top:10px;padding:0 50px;border:none;border-radius:5px;background-color:#1a4d2e;color:#fff;cursor:pointer}#installPrompt #promptChoiceButtons #cancelButton{background-color:#8f8f8f}#installPrompt #promptChoiceButtons #installButton:hover{background-color:#4ade80}#installPrompt #promptChoiceButtons #cancelButton:hover{background-color:#dc2c26}.herbogenius-tour-popover{background:#1a4d2e!important;color:#f0fdf4!important;border:1px solid #4ade80!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important}.herbogenius-tour-popover .driver-popover-title{font-size:1rem!important;font-weight:700!important;color:#4ade80!important;margin-bottom:6px!important}.herbogenius-tour-popover .driver-popover-description{font-size:.875rem!important;color:#d1fae5!important;line-height:1.5!important}.herbogenius-tour-popover .driver-popover-footer{margin-top:12px!important;gap:8px!important}.herbogenius-tour-popover .driver-popover-footer button{background:#2d6a4f!important;color:#f0fdf4!important;border:1px solid #4ade80!important;border-radius:6px!important;padding:6px 14px!important;font-size:.8rem!important;cursor:pointer!important;transition:background .2s!important}.herbogenius-tour-popover .driver-popover-footer button:hover{background:#4ade80!important;color:#1a4d2e!important}.herbogenius-tour-popover .driver-popover-close-btn{color:#4ade80!important;font-size:1.1rem!important}.herbogenius-tour-popover .driver-popover-close-btn:hover{color:#fff!important}.herbogenius-tour-popover .driver-popover-progress-text{color:#86efac!important;font-size:.75rem!important}.driver-overlay{background:#000000a6!important}body{justify-content:center;width:100%;height:auto;font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column;text-align:center;margin:0 auto}.mainContent{display:flex;justify-content:center}.essentialOilPage,.vegetalOilPage,.gemmoPage,.noticePage,.definitionsPage,.tipsPage,.diffusionPage,.diffuserPage,.microPage,.top10Page,.mauxPage,.viewerPage{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.essentialOilPage,.vegetalOilPage,.gemmoPage{padding-top:var(--navbar-height, 56px)}#goBack{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center;margin:1rem}#goBack:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}#goBack:active{transform:translateY(0)}#goBack img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){#goBack{padding:.85rem 1.5rem;font-size:.95rem}}#highlight{font-weight:700;text-decoration-line:underline;text-decoration-style:double;text-transform:uppercase;color:red}.notif{display:flex;background-color:#eff7f2;color:#2d6a4f;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.notif img{width:1.5rem}.warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.warning img{width:1.5rem}.warning a{font-weight:700;font-style:italic;text-decoration:underline}.danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.danger img{width:1.5rem}.loading{display:inline-block;width:50px;height:50px;position:fixed;top:48%;right:45%;border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #2d6a4f;animation:spin 2s linear infinite}.metaInfo{font-weight:700;color:#2d6a4f}.lineSeparator{align-self:center;width:90%;height:1px;background-color:#fff;box-shadow:0 0 5px 2.5px #2d6a4f}.galleries{display:flex;flex-direction:column;text-align:left;gap:1rem;width:100%}.topMargin{margin-top:1rem}.formuleCard{display:flex;flex-direction:column;justify-content:center;align-items:left;gap:.25rem;padding:.5rem;margin:1rem 0;border-radius:10px;background-color:#f5f5f5;color:#000;box-shadow:0 0 5px 2.5px #8f8f8f}.source{font-size:smaller;font-style:italic}button:hover,.featureBlock:hover,.card:hover,.formuleCard:hover{scale:1.05;box-shadow:0 0 5px 2.5px #2d6a4f}#paypal-button-container-P-86331673LL702702PM2BNSNQ,#paypal-button-container-P-9WE33824NU599691DM2BNXOA{display:flex;justify-content:center;scale:.75}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.home-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;overflow:hidden}.home-page .home-hero{position:relative;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.home-page .home-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.15}.home-page .home-hero .hero-background .floating-element{position:absolute;font-size:3rem;animation:float 20s infinite ease-in-out;filter:blur(1px)}.home-page .home-hero .hero-background .floating-element.herb-1{top:10%;left:10%;animation-delay:0s}.home-page .home-hero .hero-background .floating-element.herb-2{top:20%;right:15%;animation-delay:2s}.home-page .home-hero .hero-background .floating-element.herb-3{bottom:30%;left:20%;animation-delay:4s}.home-page .home-hero .hero-background .floating-element.herb-4{bottom:20%;right:10%;animation-delay:6s}.home-page .home-hero .hero-background .floating-element.herb-5{top:50%;left:50%;animation-delay:8s}.home-page .home-hero .hero-background .floating-element.herb-6{top:30%;left:70%;animation-delay:3s}.home-page .home-hero .hero-background .floating-element.herb-7{bottom:40%;right:30%;animation-delay:5s}.home-page .home-hero .hero-background .floating-element.herb-8{top:70%;left:30%;animation-delay:7s}.home-page .home-hero .hero-content{position:relative;text-align:center;max-width:900px;z-index:1}.home-page .home-hero .hero-content .logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.home-page .home-hero .hero-content .logo-container .logo{font-size:4rem;animation:pulse 2s infinite}.home-page .home-hero .hero-content .logo-container .brand-name{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,#52b788,#95d5b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-page .home-hero .hero-content .hero-title{font-size:3rem;font-weight:800;margin:0 0 1.5rem;line-height:1.2;color:#fff}.home-page .home-hero .hero-content .hero-description{font-size:1.25rem;color:#cbd5e1;margin:0 0 3rem;line-height:1.6}.home-page .home-hero .hero-content .hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.home-page .home-hero .hero-content .hero-actions .btn-primary,.home-page .home-hero .hero-content .hero-actions .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:2px solid transparent}.home-page .home-hero .hero-content .hero-actions .btn-primary .btn-icon,.home-page .home-hero .hero-content .hero-actions .btn-secondary .btn-icon{font-size:1.5rem}.home-page .home-hero .hero-content .hero-actions .btn-primary{background:linear-gradient(135deg,#52b788,#2d6a4f);color:#fff;box-shadow:0 4px 20px #52b78866}.home-page .home-hero .hero-content .hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52b78880}.home-page .home-hero .hero-content .hero-actions .btn-secondary{background:transparent;color:#fff;border-color:#fff3}.home-page .home-hero .hero-content .hero-actions .btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.home-page .home-hero .hero-content .hero-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.home-page .home-hero .hero-content .hero-features .feature-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.875rem;color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-page .home-hero .hero-content .hero-features .feature-badge .icon{font-size:1.25rem}@media (max-width: 768px){.home-page .home-hero{padding:1rem}.home-page .home-hero .hero-background .floating-element{font-size:2rem}.home-page .home-hero .hero-content .logo-container .logo{font-size:3rem}.home-page .home-hero .hero-content .logo-container .brand-name,.home-page .home-hero .hero-content .hero-title{font-size:2rem}.home-page .home-hero .hero-content .hero-description{font-size:1rem}.home-page .home-hero .hero-content .hero-actions{flex-direction:column;width:100%}.home-page .home-hero .hero-content .hero-actions .btn-primary,.home-page .home-hero .hero-content .hero-actions .btn-secondary{width:100%;justify-content:center}.home-page .home-hero .hero-content .hero-features{gap:.75rem}.home-page .home-hero .hero-content .hero-features .feature-badge{padding:.5rem 1rem;font-size:.75rem}.home-page .home-hero .hero-content .hero-features .feature-badge .icon{font-size:1rem}}@media (max-width: 480px){.home-page .home-hero .hero-content .logo-container{flex-direction:column;gap:.5rem}.home-page .home-hero .hero-content .hero-title{font-size:1.5rem}.home-page .home-hero .hero-content .hero-description{font-size:.875rem}.home-page .home-hero .hero-content .hero-description br{display:none}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9000;padding:1rem;animation:fadeIn .25s ease-out}.onboarding-modal{background:linear-gradient(135deg,#1a1d2e,#0f1117);border:1px solid rgba(74,222,128,.25);border-radius:24px;padding:2.5rem 2rem;max-width:480px;width:100%;color:#fff;text-align:center;box-shadow:0 20px 60px #00000080}.onboarding-modal h2{font-size:1.4rem;font-weight:800;margin:.75rem 0 1rem;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s}.onboarding-dot.active{background:#4ade80;transform:scale(1.3)}.onboarding-dot.done{background:#4ade8066}.onboarding-emoji{font-size:3rem;margin-bottom:.25rem}.onboarding-content{color:#d1d5db;font-size:.95rem;line-height:1.6;margin-bottom:1.75rem}.onboarding-content p{margin:.5rem 0}.onboarding-hint{color:#9ca3af;font-size:.85rem;font-style:italic}.onboarding-tiers{display:flex;flex-direction:column;gap:.75rem;text-align:left}.onboarding-tier{border-radius:12px;padding:.75rem 1rem}.onboarding-tier strong{font-size:.9rem;font-weight:700;display:block;margin-bottom:.2rem}.onboarding-tier p{font-size:.8rem;margin:0;color:#ffffffb3}.onboarding-tier.essential{background:#9ca3af26;border:1px solid rgba(156,163,175,.3)}.onboarding-tier.essential strong{color:#d1d5db}.onboarding-tier.premium{background:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.onboarding-tier.premium strong{color:#fbbf24}.onboarding-tier.pro{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.onboarding-tier.pro strong{color:#4ade80}.onboarding-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.onboarding-next{width:100%;padding:.85rem;background:linear-gradient(135deg,#4ade80,#22d3ee);color:#0f1117;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s}.onboarding-next:hover{opacity:.88}.onboarding-cta{display:block;width:100%;padding:.75rem;background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:#4ade80;font-size:.9rem;font-weight:600;border-radius:12px;text-decoration:none;text-align:center;transition:background .2s}.onboarding-cta:hover{background:#4ade8040}.onboarding-skip{background:none;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.25rem}.onboarding-skip:hover{color:#9ca3af}.whats-new-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:8500;padding:1rem;animation:wnFadeIn .25s ease-out}.whats-new-modal{background:linear-gradient(160deg,#fff,#f0fdf4);border-radius:24px;padding:2rem 1.75rem;max-width:440px;width:100%;box-shadow:0 20px 60px #1b433233,0 4px 16px #00000014;animation:wnSlideUp .3s ease-out}.whats-new-header{text-align:center;margin-bottom:1.5rem}.whats-new-header h2{font-size:1.45rem;font-weight:800;color:#1b4332;margin:.4rem 0 .25rem}.whats-new-header p{font-size:.85rem;color:#6b7280;margin:0}.whats-new-badge{display:inline-block;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.2rem .65rem;border-radius:999px;text-transform:uppercase}.whats-new-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.whats-new-item{display:flex;align-items:flex-start;gap:.85rem;background:#fff;border:1px solid #d1fae5;border-radius:14px;padding:.85rem 1rem;box-shadow:0 2px 8px #2d6a4f0f}.whats-new-item .wn-emoji{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.whats-new-item strong{display:block;font-size:.9rem;font-weight:700;color:#1b4332;margin-bottom:.15rem}.whats-new-item p{margin:0;font-size:.8rem;color:#4b5563;line-height:1.45}.whats-new-close{width:100%;padding:.9rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:opacity .2s,transform .15s;box-shadow:0 4px 14px #2d6a4f59}.whats-new-close:hover{opacity:.9;transform:translateY(-1px)}.whats-new-close:active{transform:translateY(0)}@keyframes wnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wnSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard{min-height:100vh;background:transparent;padding:4rem 1rem 0rem}.dashboard .dashboard-header{max-width:1200px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard .dashboard-header .welcome h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.dashboard .dashboard-header .welcome p{color:#6b7280;font-size:1rem}.dashboard .dashboard-header .premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.5rem 1.5rem;border-radius:50px;box-shadow:0 4px 12px #fbbf244d}.dashboard .dashboard-header .premium-badge span{color:#fff;font-weight:700;font-size:.875rem;letter-spacing:1px}.dashboard .dashboard-section{max-width:1200px}.dashboard .dashboard-section h2{font-size:1.5rem;font-weight:700;color:#1a4d2e;margin-bottom:1.5rem}.dashboard .dashboard-section .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.dashboard .dashboard-section .category-grid .category-card{background:#fff;border-radius:16px;padding:2rem 1rem;text-align:center;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden}.dashboard .dashboard-section .category-grid .category-card:not(.coming-soon):hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d6a4f26}.dashboard .dashboard-section .category-grid .category-card.coming-soon{opacity:.7;cursor:not-allowed;position:relative;overflow:hidden}.dashboard .dashboard-section .category-grid .category-card.coming-soon .coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #dc262666,0 2px 6px #0003;z-index:10;white-space:nowrap}.dashboard .dashboard-section .category-grid .category-card.coming-soon .coming-soon-desc{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0}.dashboard .dashboard-section .category-grid .category-card.coming-soon:hover{transform:none;box-shadow:0 2px 8px #0000000f}.dashboard .dashboard-section .category-grid .category-card .card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #0000001a;position:relative}.dashboard .dashboard-section .category-grid .category-card .game-card-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #00000026}.dashboard .dashboard-section .category-grid .category-card h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.dashboard .dashboard-section .category-card.tool-card .card-icon{background:transparent!important;box-shadow:none!important}.dashboard .dashboard-section .category-card.tool-card .card-icon img{width:56px;height:56px;object-fit:contain}.dashboard .dashboard-section .guides-list{display:flex;flex-direction:column;gap:.75rem}.dashboard .dashboard-section .guides-list .guide-item{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.dashboard .dashboard-section .guides-list .guide-item:hover{border-color:#4ade80;background:linear-gradient(90deg,#4ade800d,#fff)}.dashboard .dashboard-section .guides-list .guide-item:hover .guide-arrow{transform:translate(4px)}.dashboard .dashboard-section .guides-list .guide-item .guide-icon{font-size:1.5rem;flex-shrink:0}.dashboard .dashboard-section .guides-list .guide-item .guide-name{font-size:1rem;font-weight:500;color:#1f2937;flex:1}.dashboard .dashboard-section .guides-list .guide-item .guide-arrow{font-size:1.25rem;color:#4ade80;font-weight:700;transition:transform .3s ease}.dashboard .dashboard-section.premium-cta .cta-card{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 24px #1a4d2e4d;color:#fff}.dashboard .dashboard-section.premium-cta .cta-card .cta-icon{font-size:3rem;margin-bottom:1rem}.dashboard .dashboard-section.premium-cta .cta-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#fff}.dashboard .dashboard-section.premium-cta .cta-card p{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.dashboard .dashboard-section.premium-cta .cta-card .cta-button{display:inline-block;background:#fff;color:#1a4d2e;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.dashboard .dashboard-section.premium-cta .cta-card .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dashboard .mode-switcher{max-width:1200px;margin:0 auto 1rem;display:flex;background:#1a4d2e;border-radius:14px;padding:4px;gap:4px;box-shadow:0 2px 8px #1a4d2e40}.dashboard .mode-switcher button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;border-radius:11px;background:transparent;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap;position:relative}.dashboard .mode-switcher button .switch-icon{font-size:1.1rem}.dashboard .mode-switcher button .mode-tab-badge{background:#ef4444;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;box-shadow:0 1px 3px #00000026;animation:pulse-badge 1.6s ease-in-out infinite}.dashboard .mode-switcher button.active{background:#fff;color:#1a4d2e;font-weight:700;box-shadow:0 2px 8px #00000026}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dashboard .game-stats-bar{max-width:1200px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:16px;padding:6px 20px;color:#fff}.dashboard .game-stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard .game-stats-bar .stat-item .stat-value{font-size:1.3rem;font-weight:700}.dashboard .game-stats-bar .stat-item .stat-label{font-size:.7rem;opacity:.8}.dashboard .game-stats-bar .stat-item.progress-stat{flex:1;max-width:140px;margin:0 12px}.dashboard .game-stats-bar .stat-item.progress-stat .mini-progress{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.dashboard .game-stats-bar .stat-item.progress-stat .mini-progress .mini-fill{height:100%;background:#4ade80;border-radius:3px;transition:width .5s ease}.dashboard .game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.dashboard .game-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:16px;padding:1.5rem 1rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-decoration:none;gap:10px}.dashboard .game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.dashboard .game-card .game-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px #0000001a;position:relative}.dashboard .game-card .game-card-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #00000026}.dashboard .game-card .game-info h3{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 2px}.dashboard .game-card .game-info p{font-size:.72rem;color:#6b7280;margin:0}@media (max-width: 768px){.dashboard{padding:4rem 1rem 0rem;min-height:unset;height:100dvh;box-sizing:border-box;overflow:hidden}.dashboard .dashboard-header .welcome h1{font-size:1.5rem}.dashboard .dashboard-header .welcome p{font-size:.875rem}.dashboard .dashboard-header .premium-badge{padding:.375rem 1rem}.dashboard .dashboard-header .premium-badge span{font-size:.75rem}.dashboard .dashboard-section h2{font-size:1.25rem}.dashboard .dashboard-section .category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.dashboard .dashboard-section .category-grid .category-card{padding:1.5rem .75rem}.dashboard .dashboard-section .category-grid .category-card .card-icon{width:48px;height:48px;font-size:1.5rem}.dashboard .dashboard-section .category-grid .category-card .card-icon img{width:40px;height:40px}.dashboard .dashboard-section .category-grid .category-card h3{font-size:.875rem}.dashboard .dashboard-section.premium-cta .cta-card{padding:2rem 1.5rem}.dashboard .dashboard-section.premium-cta .cta-card .cta-icon{font-size:2rem}.dashboard .dashboard-section.premium-cta .cta-card h3{font-size:1.5rem}.dashboard .dashboard-section.premium-cta .cta-card p{font-size:1rem}}.discover-page{min-height:100vh;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:6rem 2rem 4rem}.discover-page .discover-hero{position:relative;max-width:1200px;margin:0 auto}.discover-page .discover-hero .hero-background{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none}.discover-page .discover-hero .hero-background .floating-element{position:absolute;font-size:3rem;animation:float 20s infinite ease-in-out}.discover-page .discover-hero .hero-background .floating-element.herb-1{top:10%;left:10%;animation-delay:0s}.discover-page .discover-hero .hero-background .floating-element.herb-2{top:20%;right:15%;animation-delay:2s}.discover-page .discover-hero .hero-background .floating-element.herb-3{bottom:30%;left:20%;animation-delay:4s}.discover-page .discover-hero .hero-background .floating-element.herb-4{bottom:20%;right:10%;animation-delay:6s}.discover-page .discover-hero .hero-background .floating-element.herb-5{top:50%;left:50%;animation-delay:8s}.discover-page .discover-hero .discover-content{position:relative;z-index:1}.discover-page .discover-hero .discover-content .discover-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,#52b788,#95d5b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discover-page .discover-hero .discover-content .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.discover-page .discover-hero .discover-content .features-grid .feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-decoration:none;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discover-page .discover-hero .discover-content .features-grid .feature-card:hover{transform:translateY(-8px);background:#ffffff1a;box-shadow:0 8px 30px #52b7884d}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-icon{font-size:3rem;margin-bottom:1rem}.discover-page .discover-hero .discover-content .features-grid .feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#95d5b2}.discover-page .discover-hero .discover-content .features-grid .feature-card p{font-size:1rem;color:#cbd5e1;line-height:1.6}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-badge-row .badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-badge-row .badge.badge-free{background:#34d39933;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-badge-row .badge.badge-premium{background:#fbbf2426;color:#fcd34d;border:1px solid rgba(251,191,36,.3)}.discover-page .discover-hero .discover-content .discover-section-title{text-align:center;margin-bottom:1.5rem}.discover-page .discover-hero .discover-content .discover-section-title h2{font-size:1.5rem;font-weight:700;color:#95d5b2;margin-bottom:.3rem}.discover-page .discover-hero .discover-content .discover-section-title .discover-section-subtitle{font-size:.9rem;color:#94a3b8}.discover-page .discover-hero .discover-content .cta-section{text-align:center;padding:3rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discover-page .discover-hero .discover-content .cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.discover-page .discover-hero .discover-content .cta-section p{font-size:1.25rem;color:#cbd5e1;margin-bottom:2rem}.discover-page .discover-hero .discover-content .cta-section .cta-buttons{display:flex;gap:1rem;justify-content:center}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary,.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary{padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary{background:linear-gradient(135deg,#52b788,#2d6a4f);color:#fff;box-shadow:0 4px 20px #52b78866}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52b78880}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(5deg)}50%{transform:translateY(-60px) translate(-20px) rotate(-5deg)}75%{transform:translateY(-30px) translate(20px) rotate(5deg)}}@media (max-width: 768px){.discover-page{padding:5rem 1rem 2rem}.discover-page .discover-content .discover-title{font-size:2rem}.discover-page .discover-content .features-grid{grid-template-columns:1fr;gap:1.5rem}.discover-page .discover-content .cta-section{padding:2rem 1rem}.discover-page .discover-content .cta-section h2{font-size:1.5rem}.discover-page .discover-content .cta-section p{font-size:1rem}.discover-page .discover-content .cta-section .cta-buttons{flex-direction:column}.discover-page .discover-content .cta-section .cta-buttons .btn-primary,.discover-page .discover-content .cta-section .cta-buttons .btn-secondary{width:100%}}.about-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.about-page .about-container{max-width:1000px;margin:0 auto}.about-page .about-container .about-header{text-align:center;margin-bottom:3rem}.about-page .about-container .about-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.about-page .about-container .about-header .about-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.about-page .about-container .about-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.about-page .about-container .about-content h2,.about-page .about-container .about-content h3{color:#1a4d2e;margin-bottom:1rem}.about-page .about-container .about-content h2{font-size:1.75rem;font-weight:700}.about-page .about-container .about-content h3{font-size:1.5rem;font-weight:600;margin-top:2rem}.about-page .about-container .about-content p{color:#374151;line-height:1.8;margin-bottom:1rem}.about-page .about-container .about-content .about-intro{margin-bottom:2rem}.about-page .about-container .about-content .about-mission{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:1.5rem;border-radius:12px;border-left:4px solid #4ade80;margin:2rem 0}.about-page .about-container .about-content .about-features ul{list-style:none;padding:0;margin:1rem 0}.about-page .about-container .about-content .about-features ul li{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;color:#374151;line-height:1.6}.about-page .about-container .about-content .about-features ul li strong{color:#1a4d2e}.about-page .about-container .about-guides{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.about-page .about-container .about-guides h3{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.about-page .about-container .about-guides>p{color:#6b7280;margin-bottom:1.5rem}.about-page .about-container .about-guides .guides-section{display:flex;flex-direction:column;gap:.75rem}.about-page .about-container .about-guides .guides-section .guide-link{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.about-page .about-container .about-guides .guides-section .guide-link:hover{border-color:#4ade80;background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translate(4px)}.about-page .about-container .about-guides .guides-section .guide-link:hover .guide-arrow{transform:translate(4px)}.about-page .about-container .about-guides .guides-section .guide-link .guide-icon{font-size:1.5rem;flex-shrink:0}.about-page .about-container .about-guides .guides-section .guide-link .guide-text{font-size:1rem;font-weight:500;color:#1a4d2e;flex:1}.about-page .about-container .about-guides .guides-section .guide-link .guide-arrow{font-size:1.25rem;color:#4ade80;font-weight:700;transition:transform .3s ease}.about-page .about-container .about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.about-page .about-container .about-cards .about-card{background:#fff;border-radius:16px;padding:2rem;text-decoration:none;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;gap:1rem}.about-page .about-container .about-cards .about-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d6a4f26;border-color:#4ade80}.about-page .about-container .about-cards .about-card .about-card-icon{font-size:3rem;text-align:center}.about-page .about-container .about-cards .about-card h2{font-size:1.25rem;font-weight:700;color:#1a4d2e;margin:0}.about-page .about-container .about-cards .about-card p{color:#6b7280;font-size:.9375rem;line-height:1.6;flex:1;margin:0}.about-page .about-container .about-cards .about-card .about-card-footer .about-card-link{color:#4ade80;font-weight:600;font-size:.9375rem}.about-page .about-container .about-contact{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:16px;padding:2.5rem;text-align:center;color:#fff;box-shadow:0 8px 24px #1a4d2e4d;margin-bottom:2rem}.about-page .about-container .about-contact h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.about-page .about-container .about-contact p{font-size:1.125rem;opacity:.9;margin-bottom:1.5rem}.about-page .about-container .about-contact .contact-button{display:inline-block;background:#fff;color:#1a4d2e;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.about-page .about-container .about-contact .contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.about-page .about-container .back-link{display:inline-block;color:#4ade80;font-weight:600;text-decoration:none;font-size:1rem;transition:all .3s ease}.about-page .about-container .back-link:hover{transform:translate(-4px);color:#2d6a4f}@media (max-width: 768px){.about-page{padding:5rem 1rem 2rem}.about-page .about-container .about-header{margin-bottom:2rem}.about-page .about-container .about-header h1{font-size:1.75rem}.about-page .about-container .about-header .about-subtitle{font-size:1rem}.about-page .about-container .about-content{padding:1.5rem}.about-page .about-container .about-content h2{font-size:1.5rem}.about-page .about-container .about-content h3{font-size:1.25rem}.about-page .about-container .about-guides{padding:1.5rem}.about-page .about-container .about-guides h3{font-size:1.25rem}.about-page .about-container .about-guides .guides-section .guide-link{padding:1rem}.about-page .about-container .about-guides .guides-section .guide-link .guide-icon{font-size:1.25rem}.about-page .about-container .about-guides .guides-section .guide-link .guide-text{font-size:.9rem}.about-page .about-container .about-cards{grid-template-columns:1fr;gap:1rem}.about-page .about-container .about-contact{padding:2rem 1.5rem}.about-page .about-container .about-contact h3{font-size:1.5rem}.about-page .about-container .about-contact p{font-size:1rem}}.terms-page{background:transparent;min-height:100vh;padding:6rem 1rem 2rem}.terms-container{max-width:900px;margin:0 auto}.terms-header{text-align:center;margin-bottom:3rem}.terms-header h1{font-size:2.2rem;color:#1a4d2e;font-weight:700;line-height:1.3}.terms-content{display:flex;flex-direction:column;gap:2rem}.terms-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.terms-section h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1.5rem;font-weight:600;border-bottom:3px solid #4ade80;padding-bottom:.75rem}.terms-section h3{font-size:1.3rem;color:#2d6a4f;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.terms-section p{color:#444;line-height:1.7;margin-bottom:1rem;font-size:.95rem}.terms-section p a{color:#4ade80;text-decoration:none;font-weight:500;transition:color .3s ease}.terms-section p a:hover{color:#2d6a4f;text-decoration:underline}.terms-section ul{margin-left:1.5rem;margin-bottom:1rem}.terms-section ul li{color:#444;line-height:1.7;margin-bottom:.5rem;font-size:.95rem}.terms-section .last-update{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;font-style:italic;color:#666;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#1a4d2e;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;margin-top:2rem}.back-link:hover{transform:translate(-4px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.terms-page{padding:5rem 1rem 1.5rem}.terms-header h1{font-size:1.8rem}.terms-section{padding:1.5rem}.terms-section h2{font-size:1.5rem}.terms-section h3{font-size:1.2rem}.terms-section ul{margin-left:1rem}}.admin-menu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.admin-menu-modal{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out;position:relative}.close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-button:hover{background:#c0392b;transform:rotate(90deg)}.modal-title{font-size:32px;margin-bottom:10px;color:#2c3e50;text-align:center}.modal-subtitle{text-align:center;color:#7f8c8d;font-size:16px;margin-bottom:30px}.admin-menu-content{display:flex;flex-direction:column;gap:15px}.admin-menu-item{background:#fff;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0000001a}.admin-menu-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026;border-color:#27ae60}.admin-menu-item:active{transform:translateY(0)}.menu-item-icon{font-size:40px;min-width:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e8eef2);border-radius:12px;padding:10px}.menu-item-content{flex:1}.menu-item-content h3{font-size:20px;color:#2c3e50;margin:0 0 8px;font-weight:600}.menu-item-content p{font-size:14px;color:#7f8c8d;margin:0 0 10px;line-height:1.4}.access-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-badge.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.access-badge.team{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.menu-item-arrow{font-size:28px;color:#27ae60;font-weight:700;transition:transform .3s ease}.admin-menu-item:hover .menu-item-arrow{transform:translate(5px)}.modal-footer{margin-top:25px;padding-top:20px;border-top:1px solid #ecf0f1;text-align:center}.footer-note{font-size:13px;color:#95a5a6;margin:0;font-style:italic}@media (max-width: 768px){.admin-menu-modal{padding:20px;max-width:95%}.modal-title{font-size:26px}.admin-menu-item{padding:15px;gap:15px}.menu-item-icon{font-size:30px;min-width:50px;padding:8px}.menu-item-content h3{font-size:18px}.menu-item-content p{font-size:13px}}.userPage{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 1rem 6rem}@media (max-width: 768px){.userPage{padding:4rem .75rem 5rem}}.userData{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0}.userHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #2d6a4f4d,0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;position:relative;animation:fadeIn .5s ease-out}.userHeader .admin-link{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.userHeader .admin-link:hover{background:#ffffff4d;transform:scale(1.1) rotate(15deg)}.userHeader h2{font-size:1.75rem;font-weight:600;margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.userHeader p{margin:.25rem 0;font-size:1rem;opacity:.95}.userHeader .currentStatus{font-weight:700;color:#ffd60a;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.userHeader .membership-check{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.userHeader .membership-check .check-membership-btn{background:#fffffff2;color:#1b4332;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.userHeader .membership-check .check-membership-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.userHeader .membership-check .check-membership-btn:disabled{opacity:.7;cursor:not-allowed}.userHeader .membership-check .membership-message{font-size:.9rem;padding:.5rem 1rem;border-radius:8px;text-align:center;font-weight:500}.userHeader .membership-check .membership-message.success{background:#4ade8033;color:#059669;border:1px solid rgba(74,222,128,.3)}.userHeader .membership-check .membership-message.error{background:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.3)}@media (max-width: 768px){.userHeader{padding:2rem 1.5rem;border-radius:16px}.userHeader h2{font-size:1.5rem}.userHeader .membership-check{margin-top:1rem}.userHeader .membership-check .check-membership-btn{font-size:.85rem;padding:.65rem 1.25rem}.userHeader .membership-check .membership-message{font-size:.85rem}}.validation{cursor:pointer;width:3rem;height:3rem;position:fixed;bottom:2rem;right:2rem;transform:translate(50%);background:#fff;border-radius:50%;box-shadow:0 8px 20px #2d6a4f66,0 4px 10px #00000026;transition:all .3s ease;z-index:100;animation:pulse 2s ease-in-out infinite}.validation:hover{transform:translate(50%) scale(1.1);box-shadow:0 12px 28px #2d6a4f80,0 6px 14px #0003}.validation:active{transform:translate(50%) scale(.95)}@media (max-width: 768px){.validation{width:2.5rem;height:2.5rem}}.metaInfo{font-weight:600;color:#1b4332;margin:2rem 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.metaInfo{font-size:.75rem;margin:1.5rem 0 .75rem}}.lineSeparator{display:block;width:80px;height:4px;background:linear-gradient(90deg,transparent,#2d6a4f,transparent);margin:.5rem;border-radius:2px}.buttonBlock{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin:1rem 0}.buttonBlock a,.buttonBlock #ebooks,.buttonBlock #genius,.buttonBlock #plantIdentifier{border-radius:16px;cursor:pointer;background:#fff;box-shadow:0 4px 12px #2d6a4f26,0 2px 6px #0000001a;overflow:hidden;display:block}.buttonBlock a button,.buttonBlock #ebooks button,.buttonBlock #genius button,.buttonBlock #plantIdentifier button{width:100%;height:4rem;border-radius:16px}.buttonBlock a img,.buttonBlock #ebooks img,.buttonBlock #genius img,.buttonBlock #plantIdentifier img{width:2.5rem;height:2.5rem;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(45,106,79,.2))}@media (max-width: 768px){.buttonBlock{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.buttonBlock{grid-template-columns:repeat(4,1fr);gap:.75rem}.buttonBlock a img,.buttonBlock #ebooks img,.buttonBlock #genius img,.buttonBlock #plantIdentifier img{width:2rem;height:2rem}}.geniusZone{display:flex;justify-content:center;padding:1rem 0}.geniusZone .genie{width:5rem;height:5rem;filter:drop-shadow(0 4px 8px rgba(45,106,79,.3));animation:float 3s ease-in-out infinite}.selectorsBlock{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem;max-width:900px;margin:0 auto}.selectorsBlock h4{width:100%;text-align:center;font-size:1.1rem;font-weight:600;color:#2d6a4f;margin:1rem 0 .5rem}.selectorsBlock .selector{background:#fff;color:#52796f;font-weight:500;font-size:.95rem;text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.75rem;border-radius:12px;padding:.5rem 1.25rem;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 8px #2d6a4f1a,0 1px 4px #00000014;transition:all .3s ease;-webkit-user-select:none;user-select:none}.selectorsBlock .selector:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f33,0 2px 6px #0000001a;border-color:#2d6a4f}.selectorsBlock .selector:active{transform:translateY(0)}.selectorsBlock .selector.selected{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f66,0 2px 8px #00000026;font-weight:600}@media (max-width: 768px){.selectorsBlock{gap:.5rem;padding:.75rem}.selectorsBlock .selector{font-size:.85rem;padding:.4rem 1rem;min-height:2.5rem}}@media (max-width: 480px){.selectorsBlock .selector{font-size:.8rem;padding:.35rem .85rem;min-height:2.25rem}}.userDefaultAvatar{width:5rem;height:5rem;border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #0003;background:#fff}@keyframes pulse{0%,to{box-shadow:0 8px 20px #2d6a4f66,0 4px 10px #00000026}50%{box-shadow:0 12px 28px #2d6a4f99,0 6px 14px #0003}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.back-button-container a{text-decoration:none}.back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.back-button-container button:active{transform:translateY(0)}.back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.back-button-container{margin:2rem auto 0}.back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}.userNavCards{max-width:500px;margin:1.5rem auto 0;display:flex;flex-direction:column;gap:.75rem;padding:0 1rem}.userNavCard{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;padding:1.1rem 1.25rem;text-decoration:none;color:#1b4332;box-shadow:0 2px 10px #00000012;transition:transform .18s ease,box-shadow .18s ease}.userNavCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f2e}.userNavCard .userNavCard-icon{font-size:1.5rem;width:2.5rem;text-align:center;flex-shrink:0}.userNavCard div{flex:1}.userNavCard div strong{display:block;font-size:1rem;font-weight:700;color:#1b4332}.userNavCard div p{margin:0;font-size:.8rem;color:#6c757d}.userNavCard .userNavCard-arrow{font-size:1.4rem;color:#2d6a4f;font-weight:700;flex-shrink:0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1b4332f2;color:#fff;font-size:.75rem;font-weight:500;padding:.4rem .75rem;border-radius:8px;white-space:nowrap;max-width:220px;white-space:normal;text-align:center;line-height:1.35;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%) translateY(4px);z-index:200;box-shadow:0 4px 12px #00000040}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){[data-tooltip]:after{display:none}}.hub-action-btn{position:relative}.hub-action-btn[data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}.hub-action-btn[data-tooltip]:hover:after{transform:translate(-50%) translateY(0)}.tp-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:calc(var(--navbar-height, 56px) + 1.5rem) 1rem 6rem}@media (max-width: 768px){.tp-page{padding:calc(var(--navbar-height, 56px) + 1rem) .75rem 5rem}}.tp-header{max-width:700px;margin:0 auto 2rem;text-align:center}.tp-header h1{font-size:1.8rem;font-weight:700;color:#1b4332;margin:.5rem 0}.tp-back{display:inline-block;color:#2d6a4f;font-size:.9rem;font-weight:600;text-decoration:none;margin-bottom:.5rem}.tp-back:hover{text-decoration:underline}.tp-subtitle{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.tp-content{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.tp-save-btn{display:flex;align-items:center;gap:.5rem;background:#2d6a4f;color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-end;transition:background .2s}.tp-save-btn img{width:22px;height:22px}.tp-save-btn:hover{background:#1b4332}.tp-saved-msg{text-align:center;color:#2d6a4f;font-weight:600;font-size:.95rem;margin:0}.tp-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.tp-section h2{font-size:1rem;font-weight:700;color:#1b4332;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.tp-sub-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.tp-sub-section h3{font-size:.9rem;font-weight:600;color:#495057;margin:0 0 .75rem}.tp-selectors{display:flex;flex-wrap:wrap;gap:.5rem}.selector{background:#fff;color:#52796f;font-weight:500;font-size:.95rem;display:flex;align-items:center;justify-content:center;min-height:2.75rem;border-radius:12px;padding:.5rem 1.25rem;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 8px #2d6a4f1a,0 1px 4px #00000014;transition:all .2s ease;-webkit-user-select:none;user-select:none}.selector:hover{transform:translateY(-2px);border-color:#2d6a4f}.selector.selected{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f66;font-weight:600}@media (max-width: 768px){.selector{font-size:.85rem;padding:.4rem 1rem;min-height:2.5rem}}.badge-display{width:100%}.rarity-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem;padding:.5rem 0}.rarity-filters .rarity-tab{padding:.35rem .7rem;border-radius:20px;border:1.5px solid #ddd;background:#f8f8f8;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#555}.rarity-filters .rarity-tab.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.rarity-filters .rarity-tab.rarity-common.active{background:#6b7280;border-color:#6b7280}.rarity-filters .rarity-tab.rarity-rare.active{background:#3b82f6;border-color:#3b82f6}.rarity-filters .rarity-tab.rarity-epic.active{background:#a855f7;border-color:#a855f7}.rarity-filters .rarity-tab.rarity-legendary.active{background:#f59e0b;border-color:#f59e0b}.badge-display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:.5rem 0}@media (max-width: 768px){.badge-display-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.badge-display-categorized{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.badge-category{background:linear-gradient(135deg,#fafaf9,#f4f4f3);border-radius:14px;padding:.9rem 1rem 1rem;border:1px solid #e5e7eb}.badge-category .badge-category-title{display:flex;align-items:center;gap:.55rem;margin:0 0 .85rem;font-size:.95rem;font-weight:700;color:#2d6a4f}.badge-category .badge-category-title .badge-category-icon{font-size:1.15rem}.badge-category .badge-category-title .badge-category-name{flex:1}.badge-category .badge-category-title .badge-category-count{font-size:.75rem;font-weight:600;color:#6b7280;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #e5e7eb}.badge-category .badge-category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 640px){.badge-category .badge-category-row{grid-template-columns:repeat(2,1fr)}}.badge-card{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .3s ease;border:2px solid transparent;overflow:hidden}.badge-card .rarity-indicator{position:absolute;top:0;left:0;right:0;padding:2px 0;font-size:.6rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center}.badge-card.locked{opacity:.45;filter:grayscale(100%);background:#f5f5f5;border-color:#ddd}.badge-card.locked .rarity-indicator{opacity:.5}.badge-card.locked .badge-icon-wrapper{filter:brightness(.7)}.badge-card.locked:hover{opacity:.55}.badge-card.unlocked:hover{transform:translateY(-4px)}.badge-card.rarity-common.unlocked{border-color:#9ca3af;background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-shadow:0 4px 12px #9ca3af40}.badge-card.rarity-common.unlocked:hover{box-shadow:0 8px 20px #9ca3af59}.badge-card.rarity-rare.unlocked{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f640}.badge-card.rarity-rare.unlocked:hover{box-shadow:0 8px 20px #3b82f659}.badge-card.rarity-epic.unlocked{border-color:#a855f7;background:linear-gradient(135deg,#faf5ff,#f3e8ff);box-shadow:0 4px 14px #a855f74d}.badge-card.rarity-epic.unlocked:hover{box-shadow:0 8px 24px #a855f766}.badge-card.rarity-legendary.unlocked{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 4px 16px #f59e0b59;animation:legendary-shimmer 3s ease-in-out infinite}.badge-card.rarity-legendary.unlocked:hover{box-shadow:0 8px 28px #f59e0b80}.badge-card .badge-icon-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-top:.75rem;margin-bottom:.5rem}.badge-card .badge-icon-wrapper .badge-icon{font-size:2.5rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.badge-card .badge-icon-wrapper .unlock-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;z-index:1}.badge-card .badge-icon-wrapper .glow-common{background:radial-gradient(circle,rgba(156,163,175,.25) 0%,transparent 70%);animation:glow 2.5s ease-in-out infinite}.badge-card .badge-icon-wrapper .glow-rare{background:radial-gradient(circle,rgba(59,130,246,.35) 0%,transparent 70%);animation:glow 2s ease-in-out infinite}.badge-card .badge-icon-wrapper .glow-epic{background:radial-gradient(circle,rgba(168,85,247,.4) 0%,transparent 70%);animation:glow 1.8s ease-in-out infinite}.badge-card .badge-icon-wrapper .glow-legendary{background:radial-gradient(circle,rgba(245,158,11,.5) 0%,transparent 70%);animation:glow 1.5s ease-in-out infinite;width:90px;height:90px}.badge-card .badge-info .badge-name{font-size:.85rem;font-weight:700;color:#2d6a4f;margin:0 0 .25rem}.badge-card .badge-info .badge-desc{font-size:.65rem;color:#666;margin:0}.badge-card .unlocked-checkmark{position:absolute;top:1.25rem;right:.5rem;background:#4ade80;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@keyframes glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes legendary-shimmer{0%,to{box-shadow:0 4px 16px #f59e0b59}50%{box-shadow:0 4px 24px #f59e0b8c,0 0 40px #f59e0b26}}@keyframes counter-pulse{0%,to{transform:scale(1)}50%{transform:scale(.952)}}@keyframes glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.level-card{background:linear-gradient(135deg,#1b4332,#2d6a4f);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 4px 16px #2d6a4f59}.level-badge{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.level-emoji{font-size:2.25rem;flex-shrink:0}.level-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.level-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;font-weight:600}.level-name{font-size:1.05rem;font-weight:700;color:#ffd60a}.level-points-total{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.level-points-total span{font-size:1.6rem;font-weight:800;color:#fff;line-height:1}.level-points-total small{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.level-progress-wrapper{display:flex;flex-direction:column;gap:.35rem}.level-progress-bar{height:8px;background:#fff3;border-radius:999px;overflow:hidden}.level-progress-fill{height:100%;background:linear-gradient(90deg,#ffd60a,#ffb703);border-radius:999px;transition:width .6s ease-out}.level-progress-labels{display:flex;justify-content:space-between;font-size:.72rem;color:#fff9}.level-to-next{color:#ffd60ad9;font-weight:600}.level-to-next.level-max{color:#ffd60a}.gamification-stats{margin-top:2rem;padding:0 1rem}.gamification-stats .metaInfo{font-size:1.2rem;font-weight:700;color:#2d6a4f;margin-bottom:1rem;text-align:center}.gamification-stats .lineSeparator{display:block;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4ade80,transparent);margin-bottom:1.5rem}.gamification-stats .loading-text{text-align:center;color:#666;padding:2rem}.gamification-stats .stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.gamification-stats .stats-overview{gap:.75rem}}.gamification-stats .stats-overview .stat-box{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.gamification-stats .stats-overview .stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.gamification-stats .stats-overview .stat-box.main-points{grid-column:1/-1;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.gamification-stats .stats-overview .stat-box.main-points .stat-value{font-size:2.5rem;color:#b45309}.gamification-stats .stats-overview .stat-box.main-points .stat-label{color:#92400e}.gamification-stats .stats-overview .stat-box.main-points .stat-icon{font-size:3rem}.gamification-stats .stats-overview .stat-box .stat-icon{font-size:2rem;flex-shrink:0}.gamification-stats .stats-overview .stat-box .stat-content{flex:1}.gamification-stats .stats-overview .stat-box .stat-content .stat-value{font-size:1.75rem;font-weight:800;color:#2d6a4f;line-height:1;margin-bottom:.25rem}.gamification-stats .stats-overview .stat-box .stat-content .stat-label{font-size:.8rem;color:#666;text-transform:uppercase}.gamification-stats .stats-overview.secondary{margin-top:-1rem}.gamification-stats .stats-overview.secondary .stat-box{background:#f8fafc;border:1px solid #e2e8f0}.gamification-stats .stats-overview.secondary .stat-box .stat-value{font-size:1.25rem}.gamification-stats .stats-overview.secondary .stat-box .stat-icon{font-size:1.5rem}.gamification-stats .badges-section{margin-bottom:2rem}.gamification-stats .badges-section .section-title{font-size:1.1rem;font-weight:700;color:#2d6a4f;margin-bottom:1rem;text-align:center}.gamification-stats .mission-challenges-summary{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.gamification-stats .mission-challenges-summary .section-title{font-size:1rem;font-weight:700;color:#2d6a4f;margin-bottom:.8rem}.gamification-stats .mission-challenges-summary .rarity-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab{padding:4px 10px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:999px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab.rarity-common.active{background:#64748b;border-color:#64748b}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab.rarity-rare.active{background:#3b82f6;border-color:#3b82f6}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab.rarity-epic.active{background:#a855f7;border-color:#a855f7}.gamification-stats .mission-challenges-summary .rarity-filters .rarity-tab.rarity-legendary.active{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;border-color:#f59e0b}.gamification-stats .mission-challenges-summary .challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:1rem}.gamification-stats .mission-challenges-summary .challenge-card{position:relative;padding:10px;border-radius:10px;border:1px solid #f3f4f6;background:#fafafa;display:flex;gap:8px;align-items:flex-start}.gamification-stats .mission-challenges-summary .challenge-card.rarity-common{border-left:3px solid #94a3b8}.gamification-stats .mission-challenges-summary .challenge-card.rarity-rare{border-left:3px solid #3b82f6}.gamification-stats .mission-challenges-summary .challenge-card.rarity-epic{border-left:3px solid #a855f7}.gamification-stats .mission-challenges-summary .challenge-card.rarity-legendary{border-left:3px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fafafa)}.gamification-stats .mission-challenges-summary .challenge-card.locked{opacity:.55;filter:grayscale(.3)}.gamification-stats .mission-challenges-summary .challenge-card.unlocked{background:#f0fdf4;border-color:#4ade80}.gamification-stats .mission-challenges-summary .challenge-card .challenge-icon{font-size:1.4rem;flex-shrink:0}.gamification-stats .mission-challenges-summary .challenge-card .challenge-info{flex:1;min-width:0}.gamification-stats .mission-challenges-summary .challenge-card .challenge-info h4{margin:0 0 2px;font-size:.78rem;color:#1f2937}.gamification-stats .mission-challenges-summary .challenge-card .challenge-info p{margin:0 0 4px;font-size:.68rem;color:#6b7280}.gamification-stats .mission-challenges-summary .challenge-card .challenge-info .challenge-points{font-size:.65rem;font-weight:700;color:#2d6a4f}.gamification-stats .mission-challenges-summary .challenge-card .challenge-check{position:absolute;top:4px;right:6px;color:#16a34a;font-weight:700}.gamification-stats .mission-challenges-summary .missions-link-btn{display:block;text-align:center;padding:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem}.gamification-stats .leaderboard-link{display:block;text-decoration:none}.gamification-stats .leaderboard-link .leaderboard-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2d6a4f4d}.gamification-stats .leaderboard-link .leaderboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.gamification-stats .leaderboard-link .leaderboard-btn:active{transform:translateY(0)}.stats-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:calc(var(--navbar-height, 56px) + 1.5rem) 1rem 6rem}@media (max-width: 768px){.stats-page{padding:calc(var(--navbar-height, 56px) + 1rem) .75rem 5rem}}.stats-page-header{max-width:900px;margin:0 auto 1.5rem;text-align:center}.stats-page-header h1{font-size:1.8rem;font-weight:700;color:#1b4332;margin:.5rem 0 0}.stats-back{display:inline-block;color:#2d6a4f;font-size:.9rem;font-weight:600;text-decoration:none}.stats-back:hover{text-decoration:underline}.modern-card-link{text-decoration:none;color:inherit;display:block;width:100%;max-width:100%}.modern-card{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;overflow:hidden;box-shadow:0 4px 6px #00000012,0 8px 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;height:100%;display:flex;flex-direction:column}.modern-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026,0 20px 40px #0000001f}.modern-card:hover .card-image{transform:scale(1.1)}.modern-card:hover .card-overlay{opacity:.3}.modern-card:hover .card-title{color:#2d6a4f}.modern-card .premium-badge{position:absolute;top:.5rem;right:.5rem;z-index:1;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd70066;animation:pulse 2s ease-in-out infinite}.modern-card .premium-badge img{width:20px;height:20px}.modern-card .card-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}@media (max-width: 1200px){.modern-card .card-image-wrapper{height:200px}}@media (max-width: 1024px){.modern-card .card-image-wrapper{height:180px}}@media (max-width: 768px){.modern-card .card-image-wrapper{height:140px}}@media (max-width: 600px){.modern-card .card-image-wrapper{height:130px}}@media (max-width: 480px){.modern-card .card-image-wrapper{height:120px}}.modern-card .card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.modern-card .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000001a);opacity:0;transition:opacity .4s ease}.modern-card .card-content{padding:1rem;display:flex;flex-direction:column;gap:.375rem;flex:1;background:#fff}@media (max-width: 1024px){.modern-card .card-content{padding:.875rem}}@media (max-width: 768px){.modern-card .card-content{padding:.75rem}}@media (max-width: 480px){.modern-card .card-content{padding:.625rem}}.modern-card .card-title{font-size:1rem;font-weight:700;color:#1b4332;margin:0;line-height:1.3;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.modern-card .card-title{font-size:.9375rem}}@media (max-width: 768px){.modern-card .card-title{font-size:.875rem}}@media (max-width: 480px){.modern-card .card-title{font-size:.8125rem}}.modern-card .card-subtitle{font-size:.875rem;color:#52796f;font-style:italic;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 480px){.modern-card .card-subtitle{font-size:.8125rem}}.modern-card .card-badge{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:auto;align-self:flex-start;box-shadow:0 2px 8px #2d6a4f4d}@media (max-width: 480px){.modern-card .card-badge{font-size:.6875rem;padding:.3125rem .625rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.card-skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%}.mushroom-card .card-image-wrapper{background:linear-gradient(135deg,#1a4d2e,#2d6a4f)}.mushroom-card .card-image{object-fit:cover}.wild-card .card-image-wrapper{background:linear-gradient(135deg,#1a4d2e,#2d6a4f)}.wild-card .card-image{object-fit:cover}.modern-card .edibility-badge{position:absolute;top:.5rem;left:.5rem;z-index:1;display:inline-flex;align-items:center;gap:.25rem;border-radius:20px;padding:.25rem .55rem;font-size:.7rem;font-weight:700;line-height:1;box-shadow:0 2px 8px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-card .edibility-badge .edibility-emoji{font-size:.9rem}.modern-card .edibility-badge .edibility-text{letter-spacing:.02em}.modern-card .edibility-badge.edibility-edible{background:linear-gradient(135deg,#2d6a4f,#40916c);color:#d0f0d5}.modern-card .edibility-badge.edibility-precaution{background:linear-gradient(135deg,#b07d00,#f6b300);color:#fff8e1}.modern-card .edibility-badge.edibility-toxic{background:linear-gradient(135deg,#b71c1c,#d32f2f);color:#ffcdd2}.modern-card .edibility-badge.edibility-deadly{background:linear-gradient(135deg,#1a1a1a,#4a0000);color:#f44;border:1px solid #ff4444}.modern-card .edibility-badge.edibility-inedible{background:linear-gradient(135deg,#e65100,#ff9800);color:#fff3e0}.modern-gallery-page{min-height:100vh;overflow-x:clip;padding:4rem 1rem}@media (max-width: 768px){.modern-gallery-page{padding:4rem 1rem}}@media (max-width: 480px){.modern-gallery-page{padding:4rem .5rem .5rem}}.modern-gallery-page .gallery-header{max-width:1200px;margin:0 auto 2rem;text-align:center}.modern-gallery-page .gallery-header .gallery-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1b4332,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media (max-width: 768px){.modern-gallery-page .gallery-header .gallery-title{font-size:2rem}}@media (max-width: 480px){.modern-gallery-page .gallery-header .gallery-title{font-size:1.75rem}}.modern-gallery-page .gallery-header .gallery-subtitle{font-size:1.125rem;color:#52796f;max-width:600px;margin:0 auto}@media (max-width: 480px){.modern-gallery-page .gallery-header .gallery-subtitle{font-size:1rem}}.modern-gallery-page .search-section{max-width:1200px;margin:0 auto 2rem}.modern-gallery-page .meta-info{max-width:1200px;margin:0 auto 1rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border-left:4px solid #2d6a4f;box-shadow:0 2px 8px #0000000d;color:#1b4332;font-weight:600}@media (max-width: 480px){.modern-gallery-page .meta-info{font-size:.875rem;padding:.625rem .875rem}}.modern-gallery-page .loading-container{max-width:1200px;margin:4rem auto;text-align:center}.modern-gallery-page .loading-container .loading-spinner{width:60px;height:60px;border:4px solid #e9ecef;border-top:4px solid #2d6a4f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.modern-gallery-page .loading-container .loading-text{font-size:1.125rem;color:#52796f;font-weight:500}.modern-gallery-page .modern-gallery{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:0 1rem}@media (max-width: 1200px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (max-width: 1024px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width: 768px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.875rem;padding:0 .5rem}}@media (max-width: 600px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 .375rem}}@media (max-width: 480px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.625rem;padding:0 .25rem}}@media (max-width: 450px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .375rem}}.modern-gallery-page .empty-state{max-width:600px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}.modern-gallery-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.modern-gallery-page .empty-state .empty-title{font-size:1.5rem;font-weight:700;color:#1b4332;margin-bottom:.75rem}.modern-gallery-page .empty-state .empty-message{font-size:1rem;color:#52796f;line-height:1.6}@media (max-width: 480px){.modern-gallery-page .empty-state{padding:2rem 1.5rem;margin:3rem 1rem}.modern-gallery-page .empty-state .empty-icon{font-size:3rem}.modern-gallery-page .empty-state .empty-title{font-size:1.25rem}.modern-gallery-page .empty-state .empty-message{font-size:.9375rem}}.modern-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;padding:0 1rem}.modern-gallery-page .back-button-container a{text-decoration:none}.modern-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.modern-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.modern-gallery-page .back-button-container button:active{transform:translateY(0)}.modern-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.modern-gallery-page .back-button-container{margin:2rem auto 0}.modern-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-delayed{opacity:0;animation:fadeIn .6s ease-out .2s forwards}.edibility-filter-bar{max-width:1200px;margin:0 auto 1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0 .5rem}.edibility-filter-bar .edibility-chip{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:2px solid transparent;background:#fff;color:#2d3a3a;font-weight:600;font-size:.85rem;height:2rem;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.edibility-filter-bar .edibility-chip .chip-emoji{font-size:1rem;line-height:1}.edibility-filter-bar .edibility-chip .chip-count{display:none;margin-left:.25rem;background:#00000014;border-radius:10px;padding:.05rem .45rem;font-size:.75rem;font-weight:700}.edibility-filter-bar .edibility-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.edibility-filter-bar .edibility-chip.is-active{color:#fff;border-color:#00000026}.edibility-filter-bar .edibility-chip.is-active .chip-count{background:#ffffff40;color:#fff}.edibility-filter-bar .edibility-chip--all.is-active{background:linear-gradient(135deg,#1b4332,#2d6a4f)}.edibility-filter-bar .edibility-chip--edible.is-active{background:linear-gradient(135deg,#2d6a4f,#40916c)}.edibility-filter-bar .edibility-chip--precaution.is-active{background:linear-gradient(135deg,#b07d00,#f6b300)}.edibility-filter-bar .edibility-chip--inedible.is-active{background:linear-gradient(135deg,#e65100,#ff9800)}.edibility-filter-bar .edibility-chip--toxic.is-active{background:linear-gradient(135deg,#b71c1c,#d32f2f)}.edibility-filter-bar .edibility-chip--deadly.is-active{background:linear-gradient(135deg,#1a1a1a,#4a0000);border-color:#f44}@media (max-width: 768px){.edibility-filter-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 1rem .5rem;margin-left:-1rem;margin-right:-1rem;max-width:none;mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 1rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 1rem),transparent 100%)}.edibility-filter-bar::-webkit-scrollbar{display:none}.edibility-filter-bar .edibility-chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}}@media (max-width: 480px){.edibility-filter-bar{gap:.35rem}.edibility-filter-bar .edibility-chip{padding:.4rem .7rem;font-size:.75rem}.edibility-filter-bar .edibility-chip .chip-emoji{font-size:.9rem}}.plant-suggestion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px;animation:fadeIn .2s ease-out}.plant-suggestion-modal{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:30px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #0000004d;animation:slideUp .3s ease-out;position:relative}.plant-suggestion-modal .close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.plant-suggestion-modal .close-button:hover{background:#c0392b;transform:rotate(90deg)}.plant-suggestion-modal h2{font-size:28px;color:#2c3e50;margin:0 0 10px;padding-right:40px}.plant-suggestion-modal .modal-intro{color:#7f8c8d;line-height:1.6;margin-bottom:20px;font-size:15px}.plant-suggestion-modal .important-notice{display:flex;gap:12px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #f39c12;padding:16px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px #f39c1226}@media (max-width: 768px){.plant-suggestion-modal .important-notice{flex-direction:column;gap:8px;padding:12px}}.plant-suggestion-modal .important-notice .notice-icon{font-size:28px;line-height:1;flex-shrink:0}@media (max-width: 768px){.plant-suggestion-modal .important-notice .notice-icon{font-size:24px}}.plant-suggestion-modal .important-notice .notice-content{color:#856404;line-height:1.6;font-size:14px}@media (max-width: 768px){.plant-suggestion-modal .important-notice .notice-content{font-size:13px}}.plant-suggestion-modal .important-notice .notice-content strong{color:#6d5200;font-weight:700}.suggestion-form .form-group{margin-bottom:20px}.suggestion-form .form-group label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:15px}.suggestion-form .form-group label .required{color:#e74c3c;margin-left:3px}.suggestion-form .form-group input[type=text],.suggestion-form .form-group textarea{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.suggestion-form .form-group input[type=text]:focus,.suggestion-form .form-group textarea:focus{outline:none;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.suggestion-form .form-group input[type=text]::placeholder,.suggestion-form .form-group textarea::placeholder{color:#bdc3c7}.suggestion-form .form-group textarea{resize:vertical;min-height:80px}.suggestion-form .form-group .field-hint{font-size:13px;color:#95a5a6;margin:6px 0 0;font-style:italic}.suggestion-form .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.suggestion-form .category-card{border:2px solid #ecf0f1;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.suggestion-form .category-card:hover{border-color:#27ae60;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.suggestion-form .category-card.selected{border-color:#27ae60;background:linear-gradient(135deg,#27ae601a,#27ae600d);box-shadow:0 0 0 3px #27ae601a}.suggestion-form .category-card .category-label{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:5px}.suggestion-form .category-card .category-description{font-size:13px;color:#7f8c8d}.suggestion-form .readonly-textarea{background-color:#f8f9fa;cursor:not-allowed;color:#495057}.suggestion-form .loading-resources{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:10px;padding:15px;text-align:center;color:#1976d2;font-weight:600;margin-bottom:15px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.suggestion-form .load-links-button{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.suggestion-form .load-links-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.suggestion-form .load-links-button:disabled{opacity:.6;cursor:not-allowed}.suggestion-form .external-links{background:#f8f9fa;border-radius:12px;padding:15px;border:1px solid #e9ecef}.suggestion-form .external-links h4{font-size:16px;color:#2c3e50;margin:0 0 12px}.suggestion-form .external-links .links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:10px}.suggestion-form .external-links .external-link{display:block;background:#fff;color:#3498db;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;border:2px solid #3498db;transition:all .3s ease}.suggestion-form .external-links .external-link:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.suggestion-form .external-links .links-hint{font-size:12px;color:#7f8c8d;margin:0;font-style:italic}.suggestion-form .external-links .add-resource{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.suggestion-form .external-links .add-resource h4{font-size:14px;color:#27ae60;margin-bottom:10px}.suggestion-form .external-links .add-resource .add-resource-input{display:flex;gap:8px;margin-bottom:10px}.suggestion-form .external-links .add-resource .add-resource-input input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:8px;font-size:13px}.suggestion-form .external-links .add-resource .add-resource-input input:focus{outline:none;border-color:#27ae60}.suggestion-form .external-links .add-resource .add-resource-input button{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.suggestion-form .external-links .add-resource .add-resource-input button:hover:not(:disabled){background:#229954}.suggestion-form .external-links .add-resource .add-resource-input button:disabled{opacity:.5;cursor:not-allowed}.suggestion-form .external-links .add-resource .additional-resources-list{display:flex;flex-direction:column;gap:6px}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #dee2e6;font-size:13px}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item span{flex:1;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item .remove-btn{background:#e74c3c;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:12px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item .remove-btn:hover{background:#c0392b}.suggestion-form .points-info{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.suggestion-form .points-info .info-box{flex:1;min-width:150px;background:linear-gradient(135deg,#ecf0f1,#f8f9fa);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;border:2px solid #e9ecef}.suggestion-form .points-info .info-box.bonus{background:linear-gradient(135deg,#fff3cd,#fff8e1);border-color:#f39c12}.suggestion-form .points-info .info-box .info-icon{font-size:24px}.suggestion-form .points-info .info-box .info-text{flex:1}.suggestion-form .points-info .info-box .info-text strong{display:block;color:#2c3e50;font-size:14px;margin-bottom:2px}.suggestion-form .form-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:2px solid #ecf0f1}.suggestion-form .form-actions button{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.suggestion-form .form-actions button.cancel-button{background:#ecf0f1;color:#7f8c8d}.suggestion-form .form-actions button.cancel-button:hover:not(:disabled){background:#bdc3c7}.suggestion-form .form-actions button.submit-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.suggestion-form .form-actions button.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.suggestion-form .form-actions button.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.plant-suggestion-modal{padding:20px;max-width:95%}.plant-suggestion-modal h2{font-size:22px}.plant-suggestion-modal .suggestion-form .category-grid{grid-template-columns:1fr}.plant-suggestion-modal .suggestion-form .points-info,.plant-suggestion-modal .suggestion-form .form-actions{flex-direction:column}.plant-suggestion-modal .suggestion-form .external-links .links-grid{grid-template-columns:1fr}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.discovery-map-fullscreen{position:fixed;top:var(--navbar-height, 56px);left:var(--sidebar-width, 220px);right:0;bottom:0;z-index:1}@media (max-width: 768px){.discovery-map-fullscreen{left:0}}.hg-layout__main--expanded .discovery-map-fullscreen{left:var(--sidebar-collapsed-width, 56px)}@media (max-width: 768px){.hg-layout__main--expanded .discovery-map-fullscreen{left:0}}.hg-layout__main--expanded .map-carnet-pill,.hg-layout__main--expanded .map-fab.primary{left:calc((var(--sidebar-collapsed-width, 56px) + 100vw) / 2)}@media (max-width: 768px){.hg-layout__main--expanded .map-carnet-pill,.hg-layout__main--expanded .map-fab.primary{left:50%}}.fullscreen-leaflet-map{width:100%;height:100%;z-index:1}.fullscreen-leaflet-map .leaflet-bottom{display:none!important}.map-toast{position:fixed;top:calc(var(--navbar-height, 56px) + 24px);left:calc((var(--sidebar-width, 220px) + 100vw) / 2);transform:translate(-50%);background:#1a4d2e;color:#fff;padding:12px 24px;border-radius:12px;font-size:.9rem;font-weight:600;box-shadow:0 4px 20px #0000004d;z-index:1000;animation:toastIn .3s ease-out}@media (max-width: 768px){.map-toast{left:50%}}.map-geo-toast{position:fixed;top:calc(var(--navbar-height, 56px) + 24px);left:calc((var(--sidebar-width, 220px) + 100vw) / 2);transform:translate(-50%);background:#dc2626;color:#fff;padding:10px 20px;border-radius:10px;font-size:.8rem;z-index:1000;box-shadow:0 4px 16px #dc26264d}@media (max-width: 768px){.map-geo-toast{left:50%}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-missions-pill{position:fixed;top:calc(var(--navbar-height, 56px) + 12px);right:10px;background:#fff;border-radius:24px;padding:8px 16px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px #00000026;z-index:100;cursor:pointer;transition:all .2s}.map-missions-pill:hover{box-shadow:0 4px 16px #0003}.map-missions-pill span{font-size:1.1rem}.map-missions-pill .pill-label{font-size:1rem;font-weight:700;color:#1a4d2e}.mini-targets-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;margin:.5rem}.map-carnet-pill{position:fixed;top:calc(var(--navbar-height, 56px) + 12px);left:calc((var(--sidebar-width, 220px) + 100vw) / 2);transform:translate(-50%);background:#fff;border-radius:24px;padding:8px 16px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px #00000026;z-index:100;cursor:pointer;transition:all .2s}.map-carnet-pill:hover{box-shadow:0 4px 16px #0003}.map-carnet-pill span{font-size:1.1rem}.map-carnet-pill .pill-label{font-size:1rem;font-weight:700;color:#1a4d2e}@media (max-width: 768px){.map-carnet-pill{left:50%}}.map-missions-panel{position:fixed;top:calc(var(--navbar-height, 56px) + 56px);right:10px;width:300px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 32px #00000026;z-index:100}.map-missions-panel h3{font-size:1rem;color:#1a4d2e;margin:0 0 12px}.map-missions-panel .mini-missions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.map-missions-panel .mini-mission{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f9fafb;border-radius:10px;transition:background .2s}.map-missions-panel .mini-mission.done{background:#f0fdf4}.map-missions-panel .mini-mission .mini-mission-icon{font-size:1.1rem;flex-shrink:0}.map-missions-panel .mini-mission .mini-mission-info{flex:1;min-width:0}.map-missions-panel .mini-mission .mini-mission-info .mini-mission-title{font-size:.8rem;font-weight:600;color:#374151;display:block}.map-missions-panel .mini-mission .mini-mission-info .mini-mission-bar{height:4px;background:#e5e7eb;border-radius:2px;margin-top:4px;overflow:hidden}.map-missions-panel .mini-mission .mini-mission-info .mini-mission-bar .mini-mission-fill{height:100%;background:#1a4d2e;border-radius:2px;transition:width .3s}.map-missions-panel .mini-mission .mini-mission-count{font-size:.7rem;color:#6b7280;font-weight:700;white-space:nowrap}.map-missions-panel .panel-link{display:block;text-align:center;font-size:.8rem;font-weight:700;color:#1a4d2e;text-decoration:none;margin-bottom:8px}.map-missions-panel .panel-link:hover{text-decoration:underline}.map-carnet-panel{position:fixed;top:calc(var(--navbar-height, 56px) + 56px);left:50%;transform:translate(-50%);width:280px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 32px #00000026;z-index:100}.map-carnet-panel h3{font-size:1rem;color:#1a4d2e;margin:0 0 12px}.map-carnet-panel h4{font-size:.8rem;color:#6b7280;margin:8px 0 6px}.map-carnet-panel .mini-active-trip{display:flex;align-items:center;gap:10px;padding:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:10px}.map-carnet-panel .mini-active-trip .active-dot{color:#22c55e;font-size:.7rem}.map-carnet-panel .mini-active-trip strong{font-size:.85rem;color:#1a4d2e;display:block}.map-carnet-panel .mini-active-trip .active-meta{font-size:.7rem;color:#6b7280}.map-carnet-panel .mini-suggestions{margin-bottom:10px}.map-carnet-panel .mini-suggestions .mini-suggestion{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:.8rem;color:#374151;font-weight:500}.map-carnet-panel .mini-suggestions .mini-suggestion:hover{background:#f0fdf4}.map-carnet-panel .mini-suggestions .mini-suggestion .mini-dist{font-size:.7rem;color:#3b82f6;font-weight:600}.map-carnet-panel .panel-link{display:block;text-align:center;font-size:.8rem;font-weight:700;color:#1a4d2e;text-decoration:none;margin-bottom:8px}.map-carnet-panel .panel-link:hover{text-decoration:underline}.map-highlight-banner{position:fixed;top:calc(var(--navbar-height, 56px) + 56px);left:calc(var(--sidebar-width, 220px) + 16px);right:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:100;box-shadow:0 4px 16px #f59e0b40;animation:toastIn .3s ease-out}.map-highlight-banner .highlight-info{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#92400e;min-width:0}.map-highlight-banner .highlight-info strong{white-space:nowrap}.map-highlight-banner .highlight-info span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-highlight-banner .highlight-close{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:#92400e1a;color:#92400e;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes pulse-marker{0%,to{box-shadow:0 0 #fbbf2480}50%{box-shadow:0 0 0 12px #fbbf2400}}.map-stats-pill{position:fixed;top:calc(var(--navbar-height, 56px) + 12px);left:calc(var(--sidebar-width, 220px) + 10px);background:#fff;border-radius:24px;padding:8px 16px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px #00000026;z-index:100;cursor:pointer;transition:all .2s}.map-stats-pill:hover{box-shadow:0 4px 16px #0003}.map-stats-pill .stats-emoji{font-size:1.1rem}.map-stats-pill .stats-count{font-size:1rem;font-weight:700;color:#1a4d2e}.map-stats-pill .stats-chevron{font-size:.5rem;color:#9ca3af}.map-stats-panel{position:fixed;top:calc(var(--navbar-height, 56px) + 60px);left:calc(var(--sidebar-width, 220px) + 10px);width:280px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000026;z-index:100}.map-stats-panel h3{font-size:1.1rem;color:#1a4d2e;margin:0 0 12px}.map-stats-panel .stats-grid{display:flex;gap:16px;margin-bottom:16px}.map-stats-panel .stats-grid .stats-number{display:flex;flex-direction:column;align-items:center;flex:1;padding:10px;background:#f0fdf4;border-radius:12px}.map-stats-panel .stats-grid .stats-number strong{font-size:1.5rem;color:#1a4d2e}.map-stats-panel .stats-grid .stats-number span{font-size:.7rem;color:#6b7280}.map-stats-panel .recent-discoveries h4{font-size:.85rem;color:#6b7280;margin:0 0 8px}.map-stats-panel .recent-discoveries .recent-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;text-decoration:none;border-bottom:1px solid #f3f4f6}.map-stats-panel .recent-discoveries .recent-item .recent-name{font-size:.85rem;color:#1a4d2e;font-weight:500}.map-stats-panel .recent-discoveries .recent-item .recent-date{font-size:.7rem;color:#9ca3af}.map-stats-panel .close-panel{width:100%;margin-top:12px;padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:.8rem;cursor:pointer}.map-stats-panel .panel-link{display:block;text-align:center;font-size:.8rem;font-weight:700;color:#1a4d2e;text-decoration:none;margin-top:12px;margin-bottom:4px}.map-stats-panel .panel-link:hover{text-decoration:underline}.map-filter-panel{position:fixed;bottom:80px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:100}.map-filter-panel button{padding:10px 18px;border:none;border-radius:12px;background:#fff;color:#374151;font-size:.85rem;font-weight:500;box-shadow:0 2px 10px #0000001f;cursor:pointer;transition:all .2s;white-space:nowrap}.map-filter-panel button.active{background:#1a4d2e;color:#fff}.map-filter-panel button.filter-admin-toggle{background:#fff;color:#7c3aed;border:1px solid rgba(124,58,237,.3)}.map-filter-panel button.filter-admin-toggle.active{background:linear-gradient(135deg,#7c3aed,#4c1d95);color:#fff;border-color:transparent;box-shadow:0 2px 12px #7c3aed73}.map-fab-group{position:fixed;bottom:32px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:100}.map-fab{width:52px;height:52px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.3rem}.map-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.map-fab:disabled{opacity:.4;cursor:not-allowed}.map-fab:disabled:hover{transform:none}.map-fab.fab-locate{position:fixed;bottom:10px;left:calc(var(--sidebar-width, 220px) + 10px)}.map-fab.fab-filter{position:fixed;bottom:10px;right:10px}.map-fab.fab-radius{position:fixed;bottom:10px;left:calc(var(--sidebar-width, 220px) + 75px)}.map-fab.fab-admin{position:fixed;bottom:140px;left:calc(var(--sidebar-width, 220px) + 10px);background:linear-gradient(135deg,#7c3aed,#4c1d95)}.map-fab.fab-admin.active{background:linear-gradient(135deg,#6d28d9,#3b0764);box-shadow:0 4px 16px #7c3aed80}.map-fab.fab-admin .fab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;font-size:.65rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.map-fab.fab-friends{position:fixed;bottom:75px;left:calc(var(--sidebar-width, 220px) + 10px)}.map-fab.fab-friends.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff}.map-fab.fab-friends .fab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid white}.map-fab.primary{position:fixed;bottom:10px;left:calc((var(--sidebar-width, 220px) + 100vw) / 2);transform:translate(-50%);width:auto;height:auto;border-radius:28px;padding:14px 22px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;gap:4px;box-shadow:0 6px 24px #1a4d2e59}.map-fab.primary span{font-size:1.4rem}.map-fab.primary label{font-size:.75rem;font-weight:700;letter-spacing:.5px;cursor:pointer}@media (max-width: 768px){.map-fab.primary{left:50%}}.plant-marker,.user-marker{background:none;border:none}.discovery-popup{display:flex;flex-direction:column;gap:4px;min-width:150px}.discovery-popup .popup-owner{font-size:.78rem;font-weight:600;color:#1a4d2e;margin-bottom:2px}.discovery-popup .popup-owner--friend{color:#0ea5e9}.discovery-popup strong{font-size:.95rem;color:#1a4d2e}.discovery-popup em{font-size:.8rem;color:#8f8f8f}.discovery-popup .popup-date{font-size:.75rem;color:#2d6a4f}.discovery-popup .popup-note{font-size:.8rem;color:#555;margin:4px 0 0}.discovery-popup .popup-link{font-size:.8rem;color:#1a4d2e;font-weight:600;text-decoration:none;margin-top:4px}.discovery-popup .popup-link:hover{text-decoration:underline}.discovery-popup .popup-suggest{background:#fef3c7;border:1px solid #fde68a;color:#b45309;border-radius:6px;padding:6px 10px;cursor:pointer;text-align:center}.discovery-popup .popup-suggest:hover{background:#fde68a;text-decoration:none}.discovery-popup .popup-delete{font-size:.75rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:4px 10px;margin-top:6px;cursor:pointer;font-weight:600;transition:all .2s}.discovery-popup .popup-delete:hover{background:#fee2e2}.map-sync-toast{position:fixed;top:calc(var(--navbar-height, 56px) + 24px);left:calc((var(--sidebar-width, 220px) + 100vw) / 2);transform:translate(-50%);background:#1e40af;color:#fff;padding:10px 20px;border-radius:10px;font-size:.8rem;font-weight:600;z-index:1000;box-shadow:0 4px 16px #1e40af4d;animation:toastIn .3s ease-out}@media (max-width: 768px){.map-sync-toast{left:50%}}.hg-layout__main--expanded .map-toast,.hg-layout__main--expanded .map-geo-toast,.hg-layout__main--expanded .map-sync-toast{left:calc((var(--sidebar-collapsed-width, 56px) + 100vw) / 2)}.hg-layout__main--expanded .map-highlight-banner{left:calc(var(--sidebar-collapsed-width, 56px) + 16px)}.hg-layout__main--expanded .map-stats-pill,.hg-layout__main--expanded .map-stats-panel,.hg-layout__main--expanded .map-fab.fab-locate{left:calc(var(--sidebar-collapsed-width, 56px) + 10px)}.hg-layout__main--expanded .map-fab.fab-radius{left:calc(var(--sidebar-collapsed-width, 56px) + 75px)}.hg-layout__main--expanded .map-fab.fab-friends{left:calc(var(--sidebar-collapsed-width, 56px) + 10px)}@media (max-width: 768px){.map-highlight-banner{left:16px!important}.map-stats-pill,.map-stats-panel,.map-fab.fab-locate{left:10px!important}.map-fab.fab-radius{left:75px!important}.map-fab.fab-friends{left:10px!important}}.map-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.map-confirm-dialog{background:#fff;border-radius:16px;padding:24px;max-width:320px;width:90%;text-align:center;box-shadow:0 12px 40px #00000040}.map-confirm-dialog p{font-size:.95rem;color:#374151;margin:0 0 20px;line-height:1.5}.map-confirm-dialog .confirm-actions{display:flex;gap:10px;justify-content:center}.map-confirm-dialog .confirm-actions button{padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.map-confirm-dialog .confirm-actions .confirm-cancel{background:#f3f4f6;color:#374151}.map-confirm-dialog .confirm-actions .confirm-cancel:hover{background:#e5e7eb}.map-confirm-dialog .confirm-actions .confirm-delete{background:#dc2626;color:#fff}.map-confirm-dialog .confirm-actions .confirm-delete:hover{background:#b91c1c}.pokedex-page{padding:2rem 0 80px;min-height:100vh;background:linear-gradient(180deg,#f0fdf4,#fff 30%)}.pokedex-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.pokedex-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin .7s linear infinite}.pokedex-loading p{color:#8f8f8f;font-size:.9rem}.pokedex-header{text-align:center;padding:20px 20px 0}.pokedex-header h1{font-size:1.6rem;color:#1a4d2e;margin:0 0 4px}.pokedex-header .subtitle{color:#8f8f8f;font-size:.85rem;margin:0 0 20px}.pokedex-header .global-progress{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.pokedex-header .global-progress .progress-ring{position:relative;width:90px;height:90px}.pokedex-header .global-progress .progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.pokedex-header .global-progress .progress-ring .ring-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.pokedex-header .global-progress .progress-ring .ring-fill{fill:none;stroke:#4ade80;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s ease}.pokedex-header .global-progress .progress-ring .ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pokedex-header .global-progress .progress-ring .ring-text .ring-number{font-size:1.4rem;font-weight:700;color:#1a4d2e;line-height:1}.pokedex-header .global-progress .progress-ring .ring-text .ring-total{font-size:.7rem;color:#8f8f8f}.pokedex-header .global-progress .progress-info{display:flex;flex-direction:column}.pokedex-header .global-progress .progress-info .progress-percent{font-size:2rem;font-weight:700;color:#1a4d2e;line-height:1}.pokedex-header .global-progress .progress-info .progress-label{font-size:.8rem;color:#8f8f8f}.category-badges{display:flex;gap:8px;padding:0 20px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-badges::-webkit-scrollbar{display:none}.category-badges .category-badge{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;min-width:fit-content;flex-shrink:0;cursor:pointer;transition:all .2s}.category-badges .category-badge:active{transform:scale(.95)}.category-badges .category-badge.active{border-color:var(--cat-color);background:#00000005;box-shadow:0 0 0 2px #0000000d}.category-badges .category-badge.complete{background:#f0fdf4;border-color:#4ade80}.category-badges .category-badge .badge-icon{font-size:1.1rem;line-height:1}.category-badges .category-badge .badge-count{font-size:.75rem;font-weight:700;color:#1a4d2e;margin-top:2px}.pokedex-controls{padding:0 20px 12px}.pokedex-controls .search-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:.9rem;margin-bottom:10px;box-sizing:border-box}.pokedex-controls .search-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}.pokedex-controls .control-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.pokedex-controls .filter-buttons{display:flex;gap:6px}.pokedex-controls .filter-buttons button{padding:6px 10px;border:1px solid #2d6a4f;border-radius:20px;background:#fff;color:#2d6a4f;font-size:.75rem;cursor:pointer;transition:all .2s}.pokedex-controls .filter-buttons button.active{background:#1a4d2e;color:#fff;border-color:#1a4d2e}.pokedex-controls .sort-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;color:#2d6a4f;background:#fff}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:0 20px}.pokedex-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px #0000000f;transition:all .2s;position:relative}.pokedex-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.pokedex-card.undiscovered .card-img-zone{filter:grayscale(.8);opacity:.6}.pokedex-card.discovered{border:2px solid #4ade80}.pokedex-card .card-img-zone{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.pokedex-card .card-img-zone img{width:100%;height:100%;object-fit:cover}.pokedex-card .card-img-zone .silhouette{width:100%;height:100%;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);display:flex;align-items:center;justify-content:center}.pokedex-card .card-img-zone .silhouette span{font-size:2.5rem}.pokedex-card .card-img-zone .category-dot{position:absolute;top:6px;right:6px;font-size:.65rem;padding:2px 6px;border-radius:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pokedex-card .card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.pokedex-card .card-info .card-name{font-size:.85rem;font-weight:600;color:#1a4d2e}.pokedex-card .card-info .card-latin{font-size:.7rem;color:#8f8f8f;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pokedex-card .card-info .card-date{font-size:.65rem;color:#2d6a4f}.pokedex-card .check-badge{position:absolute;top:6px;left:6px;font-size:1rem}.empty-state{text-align:center;padding:40px 20px;color:#8f8f8f;font-size:.9rem}.missions-page{padding:calc(var(--navbar-height, 56px) + 1rem) 0 80px 0;min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.missions-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px}.missions-header h1{font-size:1.4rem;color:#1a4d2e;margin:0}.missions-header .total-points{display:flex;flex-direction:column;align-items:flex-end}.missions-header .total-points .points-value{font-size:1.3rem;font-weight:700;color:#1a4d2e}.missions-header .total-points .points-label{font-size:.7rem;color:#8f8f8f}.game-stats-bar{margin:0 20px 1rem;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:16px;padding:6px 20px;color:#fff}.game-stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.game-stats-bar .stat-item .stat-value{font-size:1.3rem;font-weight:700}.game-stats-bar .stat-item .stat-label{font-size:.7rem;opacity:.8}.missions-tabs{display:flex;gap:4px;padding:0 20px 16px}.missions-tabs button{flex:1;padding:10px 8px;border:none;border-radius:10px;background:#f3f4f6;color:#8f8f8f;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.missions-tabs button.active{background:#1a4d2e;color:#fff}.missions-list{padding:0 20px;display:flex;flex-direction:column;gap:10px}.mission-card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;transition:all .2s}.mission-card.rarity-common{border-left:4px solid #94a3b8}.mission-card.rarity-rare{border-left:4px solid #3b82f6;box-shadow:0 2px 8px #3b82f614}.mission-card.rarity-epic{border-left:4px solid #a855f7;box-shadow:0 2px 12px #a855f71f}.mission-card.rarity-legendary{border-left:4px solid #f59e0b;box-shadow:0 2px 14px #f59e0b2e;background:linear-gradient(135deg,#fffbeb,#fff 60%)}.mission-card.ready{border-color:#4ade80;background:#f0fdf4;animation:pulse-border 2s infinite}.mission-card.claimed{opacity:.7;background:#f9fafb}.mission-card .rarity-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;vertical-align:middle}.mission-card .rarity-badge.rarity-common{background:#e2e8f0;color:#475569}.mission-card .rarity-badge.rarity-rare{background:#dbeafe;color:#1d4ed8}.mission-card .rarity-badge.rarity-epic{background:#f3e8ff;color:#7e22ce}.mission-card .rarity-badge.rarity-legendary{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f}.mission-card .mission-icon{font-size:1.8rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0fdf4;border-radius:12px}.mission-card .mission-info{flex:1;min-width:0}.mission-card .mission-info h3{margin:0 0 2px;font-size:.9rem;color:#1a4d2e}.mission-card .mission-info p{margin:0 0 8px;font-size:.75rem;color:#8f8f8f}.mission-card .mission-info .mission-progress{display:flex;align-items:center;gap:8px}.mission-card .mission-info .mission-progress .progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.mission-card .mission-info .mission-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#1a4d2e);border-radius:3px;transition:width .5s ease}.mission-card .mission-info .mission-progress .progress-text{font-size:.7rem;color:#2d6a4f;font-weight:600;white-space:nowrap}.mission-card .mission-reward{flex-shrink:0}.mission-card .mission-reward .points-label{font-size:.75rem;color:#8f8f8f;font-weight:500}.mission-card .mission-reward .claimed-badge{font-size:1.3rem}.mission-card .mission-reward .claim-btn{padding:8px 14px;background:#4ade80;color:#1a4d2e;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;animation:bounce .6s ease infinite}.mission-card .mission-reward .claim-btn:hover{background:#1a4d2e;color:#fff}@keyframes pulse-border{0%,to{border-color:#4ade80}50%{border-color:#4ade804d}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.unlocks-list{padding:0 16px 16px}.unlocks-list .unlocks-intro{font-size:.85rem;color:#555;background:#f0fdf4;border-left:3px solid #34d399;border-radius:8px;padding:12px 14px;margin-bottom:16px;line-height:1.5}.unlocks-list .unlocks-subscriber-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #6ee7b7;border-radius:16px;margin-top:8px}.unlocks-list .unlocks-subscriber-message .unlocks-subscriber-icon{font-size:3rem;margin-bottom:12px}.unlocks-list .unlocks-subscriber-message h3{font-size:1.1rem;font-weight:700;color:#065f46;margin:0 0 10px}.unlocks-list .unlocks-subscriber-message p{font-size:.85rem;color:#374151;line-height:1.6;max-width:320px;margin:0 0 20px}.unlocks-list .unlocks-subscriber-message .unlocks-subscriber-cta{display:inline-block;background:linear-gradient(135deg,#34d399,#10b981);color:#fff;font-weight:600;font-size:.9rem;padding:10px 22px;border-radius:50px;text-decoration:none;transition:opacity .2s}.unlocks-list .unlocks-subscriber-message .unlocks-subscriber-cta:hover{opacity:.88}.unlock-card{background:#fff;border:1.5px solid #d1fae5;border-radius:14px;padding:16px;margin-bottom:14px;transition:box-shadow .2s}.unlock-card:hover{box-shadow:0 4px 16px #34d3992e}.unlock-card--done{background:#f0fdf4;border-color:#6ee7b7;opacity:.85}.unlock-card .unlock-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.unlock-card .unlock-card-header .unlock-card-icon{font-size:1.8rem;flex-shrink:0}.unlock-card .unlock-card-header .unlock-card-meta{flex:1;display:flex;flex-direction:column}.unlock-card .unlock-card-header .unlock-card-meta .unlock-card-action{font-weight:700;font-size:.95rem;color:#065f46}.unlock-card .unlock-card-header .unlock-card-meta .unlock-card-count{font-size:.75rem;color:#6b7280;margin-top:2px}.unlock-card .unlock-card-header .unlock-done-badge{font-size:1.3rem}.unlock-card .unlock-card-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.unlock-card .unlock-card-items .unlock-item-chip{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:.75rem;font-weight:600;border-radius:20px;padding:3px 10px}.unlock-card .unlock-card-footer{border-top:1px solid #d1fae5;padding-top:10px;display:flex;flex-direction:column;gap:8px}.unlock-card .unlock-card-footer .unlock-card-desc{font-size:.82rem;color:#374151;margin:0}.unlock-card .unlock-card-footer .unlock-card-cta{display:inline-block;background:linear-gradient(135deg,#34d399,#10b981);color:#064e3b;font-weight:700;padding:8px 18px;border-radius:24px;text-decoration:none;font-size:.87rem;align-self:flex-start;transition:transform .15s ease}.unlock-card .unlock-card-footer .unlock-card-cta:hover{transform:translateY(-1px)}.unlock-card .unlock-card-footer--done .unlock-done-text{font-size:.82rem;color:#059669;font-weight:600;margin:0}.missions-footer{display:flex;gap:10px;padding:24px 20px;justify-content:center}.missions-footer .footer-link{padding:12px 20px;background:#f0fdf4;color:#1a4d2e;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .2s}.missions-footer .footer-link:hover{background:#4ade80;color:#fff}.notice-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.notice-page .notice-container{max-width:1000px;margin:0 auto}.notice-page .notice-container .notice-header{text-align:center;margin-bottom:3rem}.notice-page .notice-container .notice-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.notice-page .notice-container .notice-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.notice-page .notice-container .notice-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.notice-page .notice-container .notice-content{display:flex;flex-direction:column;gap:2rem}.notice-page .notice-container .notice-content .notice-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.notice-page .notice-container .notice-content .notice-section h2{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;transition:all .3s ease}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item:hover{transform:translate(4px);background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item img{width:40px;height:40px;flex-shrink:0}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item .legend-emoji{font-size:2rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item span:not(.legend-emoji){color:#374151;font-size:.9375rem;font-weight:500}.notice-page .notice-container .notice-content .notice-section.premium-features{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #fbbf24}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header h3{color:#1a4d2e;font-size:1.25rem;font-weight:600;margin:0}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header .premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.375rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:1px}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card p{color:#374151;line-height:1.8;margin-bottom:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list{background:#f9fafb;padding:1rem;border-radius:8px}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list p{margin-bottom:.5rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list p strong{color:#1a4d2e}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul{list-style:none;padding-left:0;margin:0}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.notice-page .notice-container .notice-feature-card{display:flex;gap:1.25rem;background:#fff;border:1.5px solid #d1fae5;border-radius:16px;padding:1.5rem;margin-bottom:1.25rem}.notice-page .notice-container .notice-feature-card .notice-feature-icon{font-size:2.2rem;flex-shrink:0;line-height:1;margin-top:.2rem}.notice-page .notice-container .notice-feature-card .notice-feature-body{flex:1}.notice-page .notice-container .notice-feature-card .notice-feature-body h3{font-size:1.1rem;font-weight:700;color:#1a4d2e;margin:0 0 .5rem}.notice-page .notice-container .notice-feature-card .notice-feature-body p{font-size:.9rem;color:#374151;line-height:1.6;margin:0 0 .5rem}.notice-page .notice-container .notice-feature-card .notice-feature-body ul{margin:.5rem 0;padding-left:1.2rem}.notice-page .notice-container .notice-feature-card .notice-feature-body ul li{font-size:.87rem;color:#4b5563;line-height:1.7}.notice-page .notice-container .notice-feature-card .notice-feature-body .notice-warning{font-size:.82rem;color:#92400e;background:#fef3c7;border-left:3px solid #f59e0b;padding:6px 10px;border-radius:6px;margin-top:.5rem}.notice-page .notice-container .notice-feature-card .notice-feature-body .notice-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:20px;vertical-align:middle;margin-left:4px}.notice-page .notice-container .notice-feature-card .notice-feature-body .notice-badge.notice-badge--free{background:#34d39926;color:#065f46;border:1px solid rgba(52,211,153,.4)}.notice-page .notice-container .notice-feature-card .notice-feature-body .notice-badge.notice-badge--premium{background:#fbbf2426;color:#92400e;border:1px solid rgba(251,191,36,.4)}.notice-page .notice-container .back-button-container{margin:3rem auto 0;display:flex;justify-content:center}.notice-page .notice-container .back-button-container a{text-decoration:none}.notice-page .notice-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.notice-page .notice-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.notice-page .notice-container .back-button-container button:active{transform:translateY(0)}.notice-page .notice-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.notice-page .notice-container .back-button-container{margin:2rem auto 0}.notice-page .notice-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.notice-page{padding:4rem .75rem 5rem}.notice-page .notice-container .notice-header{margin-bottom:2rem}.notice-page .notice-container .notice-header .header-icon img{width:60px;height:60px}.notice-page .notice-container .notice-header h1{font-size:1.875rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1rem}.notice-page .notice-container .notice-content{gap:1.5rem}.notice-page .notice-container .notice-content .notice-section{padding:1.5rem}.notice-page .notice-container .notice-content .notice-section h2{font-size:1.25rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 768px){.notice-page{padding:5rem 1rem 2rem}.notice-page .notice-container .notice-header{margin-bottom:2rem}.notice-page .notice-container .notice-header .header-icon img{width:60px;height:60px}.notice-page .notice-container .notice-header h1{font-size:1.75rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1rem}.notice-page .notice-container .notice-content{gap:1.5rem}.notice-page .notice-container .notice-content .notice-section{padding:1.5rem}.notice-page .notice-container .notice-content .notice-section h2{font-size:1.25rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{grid-template-columns:1fr;gap:.75rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item{padding:.75rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item img{width:32px;height:32px}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item .legend-emoji{font-size:1.5rem;width:32px;height:32px}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item span:not(.legend-emoji){font-size:.875rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card{padding:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header{flex-direction:column;align-items:center;gap:.5rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header h3{font-size:1.1rem}}.definitions-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.definitions-page .definitions-container{max-width:1000px;margin:0 auto}.definitions-page .definitions-container .definitions-header{text-align:center;margin-bottom:3rem}.definitions-page .definitions-container .definitions-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.definitions-page .definitions-container .definitions-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.definitions-page .definitions-container .definitions-content{display:flex;flex-direction:column;gap:2rem}.definitions-page .definitions-container .definitions-content .definition-item{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-left:4px solid #4ade80}.definitions-page .definitions-container .definitions-content .definition-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d6a4f26}.definitions-page .definitions-container .definitions-content .definition-item h3{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.definitions-page .definitions-container .definitions-content .definition-item p{color:#374151;line-height:1.8;margin-bottom:1rem}.definitions-page .definitions-container .definitions-content .definition-item p:last-child{margin-bottom:0}.definitions-page .definitions-container .definitions-content .definition-item p em{color:#6b7280;font-style:italic}.definitions-page .definitions-container .definitions-content .definition-item p strong{color:#1a4d2e}.definitions-page .definitions-container .definitions-content .definition-section-title{font-size:1.15rem;font-weight:700;color:#1a4d2e;padding:.4rem 1rem;background:linear-gradient(90deg,rgba(74,222,128,.15),transparent);border-left:4px solid #4ade80;border-radius:6px;margin-top:.5rem;margin-bottom:-.5rem}.definitions-page .definitions-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.definitions-page .definitions-container .back-button-container a{text-decoration:none}.definitions-page .definitions-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.definitions-page .definitions-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.definitions-page .definitions-container .back-button-container button:active{transform:translateY(0)}.definitions-page .definitions-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.definitions-page .definitions-container .back-button-container{margin:2rem auto 0}.definitions-page .definitions-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.definitions-page{padding:4rem .75rem 5rem}.definitions-page .definitions-container .definitions-header{margin-bottom:2rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:60px;height:60px}.definitions-page .definitions-container .definitions-header h1{font-size:1.875rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1rem}.definitions-page .definitions-container .definitions-content{gap:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item{padding:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item h3{font-size:1.25rem}.definitions-page .definitions-container .definitions-content .definition-item p{font-size:.95rem;line-height:1.7}}@media (max-width: 768px){.definitions-page{padding:5rem 1rem 2rem}.definitions-page .definitions-container .definitions-header{margin-bottom:2rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:60px;height:60px}.definitions-page .definitions-container .definitions-header h1{font-size:1.75rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1rem}.definitions-page .definitions-container .definitions-content{gap:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item{padding:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item h3{font-size:1.25rem}}.tips-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.tips-page .tips-container{max-width:1000px;margin:0 auto}.tips-page .tips-container .tips-header{text-align:center;margin-bottom:3rem}.tips-page .tips-container .tips-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.tips-page .tips-container .tips-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.tips-page .tips-container .tips-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto 2rem}.tips-page .tips-container .tips-header .alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #fbbf24;border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 12px #fbbf2433}.tips-page .tips-container .tips-header .alert-warning img{width:24px;height:24px;flex-shrink:0;margin-top:2px}.tips-page .tips-container .tips-header .alert-warning div{flex:1}.tips-page .tips-container .tips-header .alert-warning div a{color:#92400e;font-weight:600;text-decoration:none;transition:color .3s ease}.tips-page .tips-container .tips-header .alert-warning div a:hover{color:#78350f;text-decoration:underline}.tips-page .tips-container .tips-content{display:flex;flex-direction:column;gap:2rem}.tips-page .tips-container .tips-content .tip-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;border-left:4px solid #4ade80;transition:all .3s ease}.tips-page .tips-container .tips-content .tip-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d6a4f26}.tips-page .tips-container .tips-content .tip-section h2{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tips-page .tips-container .tips-content .tip-section p{color:#374151;line-height:1.8;margin:0 0 .75rem}.tips-page .tips-container .tips-content .tip-section ul{padding-left:1.25rem;margin:.5rem 0}.tips-page .tips-container .tips-content .tip-section ul li{color:#374151;line-height:1.7;margin-bottom:.4rem}.tips-page .tips-container .tips-content .tip-section ul li ul{margin-top:.3rem}.tips-page .tips-container .tips-content .tip-section ul li strong{color:#1a4d2e}.tips-page .tips-container .tips-content .tip-section ul li em{font-style:italic}.tips-page .tips-container .tips-content .danger-section .danger-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;border-radius:16px;padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 12px #dc262633}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-left:4px solid #ff0000;box-shadow:0 6px 20px #b4000059}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content h3{color:#fecaca}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content p,.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content ul li{color:#fee2e2}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content ul li:before{color:#fca5a5}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content ul li strong{color:#fff}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content ul li em{color:#fca5a5;font-style:italic}.tips-page .tips-container .tips-content .danger-section .danger-alert.danger-alert--champignons .danger-content ul li ul li{color:#fecaca}.tips-page .tips-container .tips-content .danger-section .danger-alert img{width:40px;height:40px;flex-shrink:0}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content{flex:1}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content h3{color:#991b1b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content p{color:#7f1d1d;line-height:1.7;margin-bottom:.75rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul{list-style:none;padding:0;margin:0}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li{padding:.75rem 0 .75rem 1.75rem;position:relative;color:#7f1d1d;line-height:1.6;font-weight:500}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li:before{content:"⚠";position:absolute;left:0;color:#dc2626;font-size:1.1rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li strong{color:#991b1b;font-weight:700}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li ul{margin-top:.4rem;padding-left:1rem;list-style:disc}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li ul li{padding-left:0;font-weight:400}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li ul li:before{content:none}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content .antipoison-link{display:inline-block;margin-top:1rem;background:#dc2626;color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content .antipoison-link:hover{background:#b91c1c}.tips-page .tips-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.tips-page .tips-container .back-button-container a{text-decoration:none}.tips-page .tips-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.tips-page .tips-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.tips-page .tips-container .back-button-container button:active{transform:translateY(0)}.tips-page .tips-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.tips-page .tips-container .back-button-container{margin:2rem auto 0}.tips-page .tips-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.tips-page{padding:4rem .75rem 5rem}.tips-page .tips-container .tips-header{margin-bottom:2rem}.tips-page .tips-container .tips-header .header-icon img{width:60px;height:60px}.tips-page .tips-container .tips-header h1{font-size:1.875rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1rem}.tips-page .tips-container .tips-header .alert-warning{padding:1rem;font-size:.95rem}.tips-page .tips-container .tips-content{gap:1.5rem}.tips-page .tips-container .tips-content .tip-section{padding:1.5rem}.tips-page .tips-container .tips-content .tip-section h2{font-size:1.25rem}.tips-page .tips-container .tips-content .tip-section ul li{font-size:.95rem}}@media (max-width: 768px){.tips-page{padding:5rem 1rem 2rem}.tips-page .tips-container .tips-header{margin-bottom:2rem}.tips-page .tips-container .tips-header .header-icon img{width:60px;height:60px}.tips-page .tips-container .tips-header h1{font-size:1.75rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1rem}.tips-page .tips-container .tips-header .alert-warning{padding:1rem}.tips-page .tips-container .tips-header .alert-warning img{width:20px;height:20px}.tips-page .tips-container .tips-content{gap:1.5rem}.tips-page .tips-container .tips-content .tip-section{padding:1.5rem}.tips-page .tips-container .tips-content .tip-section h2{font-size:1.25rem}.tips-page .tips-container .tips-content .danger-section .danger-alert{padding:1.5rem;flex-direction:column;gap:1rem}.tips-page .tips-container .tips-content .danger-section .danger-alert img{width:32px;height:32px}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content h3{font-size:1.25rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li{font-size:.9rem;padding:.5rem 0 .5rem 1.5rem}}.editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.editor-modal{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #0000004d}@media (max-width: 768px){.editor-modal{max-width:100%;border-radius:15px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #ecf0f1;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}@media (max-width: 768px){.modal-header{padding:20px}}.modal-header h2{font-size:28px;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.modal-header h2{font-size:22px;gap:8px}}.modal-header .content-type-badge{font-size:16px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6px 16px;border-radius:20px;font-weight:500}@media (max-width: 768px){.modal-header .content-type-badge{font-size:14px;padding:4px 12px}}.modal-header .close-button{background:#e74c3c;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-header .close-button{width:35px;height:35px;font-size:20px}}.modal-header .close-button:hover{background:#c0392b;transform:rotate(90deg)}.editor-form{padding:30px}@media (max-width: 768px){.editor-form{padding:20px}}.form-section{margin-bottom:35px}.form-section:last-of-type{margin-bottom:0}.form-section .section-title{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 20px;padding-bottom:12px;border-bottom:3px solid #3498db;display:flex;align-items:center}@media (max-width: 768px){.form-section .section-title{font-size:18px;margin-bottom:15px;padding-bottom:10px}}.form-section .section-title:before{content:"📋";margin-right:10px;font-size:24px}@media (max-width: 768px){.form-section .section-title:before{font-size:20px;margin-right:8px}}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (max-width: 768px){.form-grid{gap:15px}}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:15px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:5px}@media (max-width: 768px){.form-field label{font-size:14px}}.form-field label .required{color:#e74c3c;font-size:18px}.form-field input[type=text],.form-field input[type=url],.form-field select{padding:12px 16px;border:2px solid #e1e8ed;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff}@media (max-width: 768px){.form-field input[type=text],.form-field input[type=url],.form-field select{padding:10px 14px;font-size:14px}}.form-field input[type=text]:focus,.form-field input[type=url]:focus,.form-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-field textarea{padding:12px 16px;border:2px solid #e1e8ed;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}@media (max-width: 768px){.form-field textarea{padding:10px 14px;font-size:14px;min-height:80px}}.form-field textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{flex-direction:row;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field label input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-right:10px}@media (max-width: 768px){.checkbox-field label input[type=checkbox]{width:18px;height:18px}}.form-actions{display:flex;gap:15px;justify-content:flex-end;border-top:2px solid #ecf0f1;position:sticky;bottom:0;background:#fff;margin:0 -30px -30px;padding:20px 30px;border-radius:0 0 20px 20px}@media (max-width: 768px){.form-actions{flex-direction:column;margin:0 -20px -20px;padding:15px 20px}}.form-actions button{padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.form-actions button{padding:12px 24px;font-size:15px;width:100%}}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions .cancel-button{background:#95a5a6;color:#fff}.form-actions .cancel-button:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.form-actions .save-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.form-actions .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #27ae6066}.admin-edit-button{position:absolute;top:.4rem;left:.4rem;z-index:1;display:flex;flex-direction:row;align-items:center;gap:6px;padding:.25rem .5rem;border:none;border-radius:50px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #3498db73;transition:transform .2s ease,box-shadow .2s ease}.admin-edit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #3498db8c}.admin-edit-button:active:not(:disabled){transform:translateY(0)}.admin-edit-button:disabled{opacity:.7;cursor:wait}@media (max-width: 480px){.admin-edit-button{top:.4rem;left:.4rem;padding:.4rem .5rem}.admin-edit-button .admin-edit-label{display:none}}.progression-gate{background:linear-gradient(135deg,#064e3b,#065f46 40%,#047857);border:2px solid #34d399;border-radius:16px;padding:2rem 1.5rem;margin:1.5rem 0;text-align:center;box-shadow:0 4px 24px #34d39933,0 0 0 1px #34d39914}.progression-gate .progression-gate-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.progression-gate .progression-gate-icon{font-size:2.8rem;animation:progression-pulse 2.2s ease-in-out infinite;line-height:1}.progression-gate h3{color:#ecfdf5;font-size:1.2rem;font-weight:700;margin:0}.progression-gate .progression-gate-subtitle{color:#6ee7b7;font-size:.82rem;margin:0;font-style:italic}.progression-gate .progression-gate-action{background:#34d3991f;border:1.5px solid #34d399;border-radius:10px;padding:.65rem 1.1rem;display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.progression-gate .progression-gate-action .progression-action-label{color:#6ee7b7;font-size:.8rem;font-weight:600;white-space:nowrap}.progression-gate .progression-gate-action .progression-action-text{color:#a7f3d0;font-weight:700;font-size:.95rem}.progression-gate .progression-gate-desc{color:#d1fae5;font-size:.85rem;margin:0;max-width:300px;line-height:1.4}.progression-gate .progression-gate-cta{display:inline-block;background:linear-gradient(135deg,#34d399,#10b981);color:#064e3b;font-weight:700;padding:.75rem 1.75rem;border-radius:30px;text-decoration:none;font-size:1rem;margin-top:.5rem;transition:transform .2s ease,box-shadow .2s ease}.progression-gate .progression-gate-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34d39973}.progression-gate .progression-gate-alt{color:#6ee7b7;font-size:.78rem;text-decoration:none;opacity:.7;margin-top:.25rem}.progression-gate .progression-gate-alt:hover{opacity:1;text-decoration:underline}@keyframes progression-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.modern-detail-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:calc(var(--navbar-height, 56px) + 1.5rem) 1rem 4rem}@media (max-width: 768px){.modern-detail-page{padding:calc(var(--navbar-height, 56px) + 1rem) .75rem 3rem}}.modern-detail-page .detail-header{max-width:1200px;margin:0 auto 2rem;text-align:center;position:relative}.modern-detail-page .detail-header .header-image-container{position:relative;display:inline-block;margin-bottom:1.5rem}.modern-detail-page .detail-header .header-image-container .detail-image{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #2d6a4f;box-shadow:0 8px 20px #2d6a4f4d,0 4px 10px #0000001a;transition:all .3s ease}.modern-detail-page .detail-header .header-image-container .detail-image:hover{transform:scale(1.05);box-shadow:0 12px 28px #2d6a4f66,0 6px 14px #00000026}@media (max-width: 768px){.modern-detail-page .detail-header .header-image-container .detail-image{width:150px;height:150px}}@media (max-width: 480px){.modern-detail-page .detail-header .header-image-container .detail-image{width:130px;height:130px;border-width:4px}}.modern-detail-page .detail-header .detail-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1b4332,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;animation:fadeIn .6s ease}@media (max-width: 768px){.modern-detail-page .detail-header .detail-title{font-size:1.875rem}}@media (max-width: 480px){.modern-detail-page .detail-header .detail-title{font-size:1.5rem}}.modern-detail-page .detail-header .detail-subtitle{font-size:1.125rem;color:#52796f;font-style:italic;margin-bottom:1rem}@media (max-width: 480px){.modern-detail-page .detail-header .detail-subtitle{font-size:1rem}}.modern-detail-page .detail-header .search-highlight-info{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:12px;border-left:4px solid #ffc107;font-size:.9375rem;color:#856404;margin-bottom:1rem;box-shadow:0 2px 8px #00000014}.modern-detail-page .detail-header .search-highlight-info #highlight{background:#ffc107;padding:.125rem .375rem;border-radius:4px;font-weight:700}.modern-detail-page .detail-description{max-width:900px;margin:0 auto 2rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;font-size:1.0625rem;line-height:1.7;color:#2c3e50;text-align:left}@media (max-width: 768px){.modern-detail-page .detail-description{padding:1.5rem;font-size:1rem}}@media (max-width: 480px){.modern-detail-page .detail-description{padding:1.25rem;font-size:.9375rem}}.modern-detail-page .detail-labels{max-width:900px;margin:0 auto 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}.modern-detail-page .detail-labels img{width:60px;height:60px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.modern-detail-page .detail-labels img:hover{transform:scale(1.1) rotate(5deg)}@media (max-width: 768px){.modern-detail-page .detail-labels img{width:50px;height:50px}}@media (max-width: 480px){.modern-detail-page .detail-labels img{width:45px;height:45px}}@media (max-width: 480px){.modern-detail-page .detail-labels{gap:.75rem;padding:1rem}}.modern-detail-page .buy-buttons{max-width:900px;margin:0 auto 2.5rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.modern-detail-page .buy-buttons a{text-decoration:none}.modern-detail-page .buy-buttons button{padding:.875rem 2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d;transition:all .3s ease}.modern-detail-page .buy-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2d6a4f66}.modern-detail-page .buy-buttons button:active{transform:translateY(-1px)}@media (max-width: 480px){.modern-detail-page .buy-buttons button{padding:.75rem 1.5rem;font-size:.9375rem}}.modern-detail-page .detail-info-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.modern-detail-page .detail-info-container{grid-template-columns:repeat(2,1fr)}}.modern-detail-page .info-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.modern-detail-page .info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}@media (max-width: 768px){.modern-detail-page .info-card{padding:1.5rem}}@media (max-width: 480px){.modern-detail-page .info-card{padding:1.25rem}}.modern-detail-page .info-card .info-card-title{font-size:1.375rem;font-weight:700;color:#1b4332;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:3px solid #2d6a4f;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.modern-detail-page .info-card .info-card-title{font-size:1.25rem}}@media (max-width: 480px){.modern-detail-page .info-card .info-card-title{font-size:1.125rem}}.modern-detail-page .info-card .info-card-content{font-size:1rem;line-height:1.7;color:#2c3e50}.modern-detail-page .info-card .info-card-content p{margin:.75rem 0}.modern-detail-page .info-card .info-card-content p:first-child{margin-top:0}.modern-detail-page .info-card .info-card-content p:last-child{margin-bottom:0}.modern-detail-page .info-card .info-card-content span{display:block;margin:.5rem 0;padding-left:.5rem}@media (max-width: 480px){.modern-detail-page .info-card .info-card-content{font-size:.9375rem}}.modern-detail-page .info-card.full-width{grid-column:1/-1}.modern-detail-page .info-card.metadata-card{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-left:5px solid #2d6a4f}.modern-detail-page .info-card.warning-card{background:linear-gradient(135deg,#fff3cd,#fffaeb);border-left:5px solid #ffc107}.modern-detail-page .info-card.warning-card .info-card-title{color:#856404;border-bottom-color:#ffc107}.modern-detail-page .info-card.danger-card{background:linear-gradient(135deg,#f8d7da,#fdebed);border-left:5px solid #dc3545}.modern-detail-page .info-card.danger-card .info-card-title{color:#721c24;border-bottom-color:#dc3545}.modern-detail-page .alert-message{max-width:1200px;margin:2rem auto;padding:1.5rem 2rem;border-radius:16px;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 12px #0000001a;font-size:1rem;line-height:1.6}.modern-detail-page .alert-message img{width:32px;height:32px;flex-shrink:0;margin-top:.25rem}@media (max-width: 480px){.modern-detail-page .alert-message img{width:28px;height:28px}}.modern-detail-page .alert-message.danger{background:linear-gradient(135deg,#f8d7da,#fdebed);border-left:5px solid #dc3545;color:#721c24}.modern-detail-page .alert-message.warning{background:linear-gradient(135deg,#fff3cd,#fffaeb);border-left:5px solid #ffc107;color:#856404}.modern-detail-page .alert-message.warning a{color:#856404;font-weight:700;text-decoration:underline}.modern-detail-page .alert-message.warning a:hover{color:#533f03}@media (max-width: 768px){.modern-detail-page .alert-message{padding:1.25rem 1.5rem;font-size:.9375rem}}@media (max-width: 480px){.modern-detail-page .alert-message{padding:1rem;font-size:.875rem;flex-direction:column;gap:.75rem}}.modern-detail-page .sources-section{max-width:1200px;margin:2rem auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;border-left:5px solid #6c757d}.modern-detail-page .sources-section h3{font-size:1.25rem;font-weight:700;color:#495057;margin-bottom:1rem}.modern-detail-page .sources-section p,.modern-detail-page .sources-section span{font-size:.9375rem;line-height:1.7;color:#6c757d}@media (max-width: 768px){.modern-detail-page .sources-section{padding:1.5rem}}@media (max-width: 480px){.modern-detail-page .sources-section{padding:1.25rem}.modern-detail-page .sources-section h3{font-size:1.125rem}.modern-detail-page .sources-section p,.modern-detail-page .sources-section span{font-size:.875rem}}.modern-detail-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.modern-detail-page .back-button-container a{text-decoration:none}.modern-detail-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.modern-detail-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.modern-detail-page .back-button-container button:active{transform:translateY(0)}.modern-detail-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.modern-detail-page .back-button-container{margin:2rem auto 0}.modern-detail-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#highlight{background:#ffc107;padding:.125rem .375rem;border-radius:4px;font-weight:700;color:#212529}.premium-gate{max-width:700px;margin:2rem auto;padding:0 1rem}.premium-gate .premium-gate-content{background:linear-gradient(135deg,#1b4332,#2d6a4f);border-radius:20px;padding:2.5rem 2rem;text-align:center;color:#fff;box-shadow:0 12px 32px #1b433259,0 4px 12px #00000026}.premium-gate .premium-gate-content .premium-gate-icon{font-size:3rem;margin-bottom:1rem;display:block}.premium-gate .premium-gate-content h3{font-size:1.35rem;font-weight:800;margin-bottom:.75rem;color:#d8f3dc}.premium-gate .premium-gate-content p{font-size:.95rem;opacity:.85;margin-bottom:1.25rem}.premium-gate .premium-gate-content ul{list-style:none;padding:0;margin:0 0 2rem;display:inline-block;text-align:left}.premium-gate .premium-gate-content ul li{padding:.35rem 0;font-size:.9rem;opacity:.9;color:#b7e4c7}.premium-gate .premium-gate-content .premium-gate-cta{display:inline-block;background:linear-gradient(135deg,#52b788,#74c69d);color:#1b4332;padding:.875rem 2.5rem;border-radius:50px;font-weight:800;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #0003}.premium-gate .premium-gate-content .premium-gate-cta:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000004d;background:linear-gradient(135deg,#74c69d,#95d5b2)}@media (max-width: 480px){.premium-gate .premium-gate-content{padding:2rem 1.25rem}.premium-gate .premium-gate-content h3{font-size:1.15rem}.premium-gate .premium-gate-content .premium-gate-cta{padding:.75rem 1.75rem;font-size:.9rem}}.premium-page{background:transparent;min-height:100vh;padding:6rem 1rem 2rem}.premium-container{max-width:1200px;margin:0 auto}.premium-header{text-align:center;margin-bottom:3rem}.premium-header h1{font-size:2.5rem;color:#1a4d2e;margin-bottom:1rem;font-weight:700}.premium-header .premium-subtitle{font-size:1.1rem;color:#555;max-width:600px;margin:0 auto}.pricing-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.pricing-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.pricing-card h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1rem;font-weight:600}.pricing-card .price{margin-bottom:1rem}.pricing-card .price .amount{font-size:2.5rem;font-weight:700;color:#1a4d2e}.pricing-card .price .period{font-size:1rem;color:#666;margin-left:.5rem}.pricing-card .description{color:#666;margin-bottom:2rem;font-size:.95rem}.pricing-card .features-list{list-style:none;padding:0;margin-bottom:2rem}.pricing-card .features-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem}.pricing-card .features-list li.available{color:#333}.pricing-card .features-list li.available .icon-check{color:#4ade80;flex-shrink:0;font-size:1.2rem;font-weight:700}.pricing-card .features-list li.unavailable{color:#999;text-decoration:line-through}.pricing-card .features-list li.unavailable .icon-cross{color:#999;flex-shrink:0;font-size:1.2rem;font-weight:700}.pricing-card .features-list li span{flex:1}.pricing-card .btn{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;text-align:center}.pricing-card .btn.btn-outline{background:transparent;border:2px solid #ddd;color:#666}.pricing-card .btn.btn-outline:disabled{cursor:not-allowed;opacity:.6}.pricing-card .btn.btn-accent{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}.pricing-card .btn.btn-accent:hover{transform:scale(1.02);box-shadow:0 4px 12px #1a4d2e4d}.pricing-card .btn.btn-gifted{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;cursor:default;opacity:1;font-weight:700;letter-spacing:.3px}.premium-card{border:2px solid #4ade80;position:relative}.premium-card .popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #00000026}.premium-card .popular-badge.gifted-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b66}.gifted-card{border:2px solid #f59e0b;box-shadow:0 0 0 4px #f59e0b1f,0 8px 24px #f59e0b26}.premium-benefits{margin-bottom:4rem}.premium-benefits h2{text-align:center;font-size:2rem;color:#1a4d2e;margin-bottom:2rem;font-weight:600}.premium-benefits .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.premium-benefits .benefit-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.premium-benefits .benefit-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.premium-benefits .benefit-card .benefit-icon{font-size:3rem;margin-bottom:1rem}.premium-benefits .benefit-card h3{font-size:1.2rem;color:#1a4d2e;margin-bottom:.75rem;font-weight:600}.premium-benefits .benefit-card p{color:#666;font-size:.95rem;line-height:1.5}.faq-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.faq-section h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1.5rem;font-weight:600}.faq-section .faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-section .faq-item h4{color:#1a4d2e;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.faq-section .faq-item p{color:#666;line-height:1.6;font-size:.95rem}.back-link{display:inline-flex;align-items:center;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease}.back-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.back-link:active{transform:translateY(0)}.back-link img{width:20px;height:20px;filter:brightness(0) invert(1);margin-right:.5rem}@media (max-width: 768px){.back-link{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.premium-page{padding:5rem 1rem 1.5rem}.premium-header h1{font-size:2rem}.premium-header .premium-subtitle{font-size:1rem}.pricing-comparison{grid-template-columns:1fr;gap:1.5rem}.premium-benefits .benefits-grid{grid-template-columns:1fr}.faq-section{padding:1.5rem}}.fav-gallery-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#1a4d2e;display:flex;flex-direction:column;align-items:center;padding:calc(var(--navbar-height, 56px) + 1.5rem) 20px 40px}.fav-gallery-page .fav-container{width:100%;max-width:1400px;animation:fadeInUp .6s ease}.fav-gallery-page .fav-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease}.fav-gallery-page .fav-header .header-badge{display:flex;justify-content:center;margin-bottom:20px}.fav-gallery-page .fav-header .header-badge img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.fav-gallery-page .fav-header .header-badge img{width:60px;height:60px}}.fav-gallery-page .fav-header .header-content h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#1a4d2e;text-shadow:2px 2px 4px rgba(26,77,46,.3)}@media (max-width: 768px){.fav-gallery-page .fav-header .header-content h1{font-size:2rem}}@media (max-width: 480px){.fav-gallery-page .fav-header .header-content h1{font-size:1.7rem}}.fav-gallery-page .fav-header .header-content p{font-size:1.2rem;opacity:.8;color:#1a4d2e;margin-bottom:15px}@media (max-width: 768px){.fav-gallery-page .fav-header .header-content p{font-size:1rem}}@media (max-width: 480px){.fav-gallery-page .fav-header .header-content p{font-size:.9rem}}.fav-gallery-page .fav-header .header-content .total-count{display:inline-block;background:#4ade801a;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#1a4d2e;border:1px solid #4ade80;margin-top:10px}.fav-gallery-page .empty-state{text-align:center;padding:60px 20px;background:#facfb40d;border:2px dashed rgba(250,207,180,.3);border-radius:20px;margin:40px 0;animation:fadeInUp .6s ease .3s backwards}.fav-gallery-page .empty-state .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6}.fav-gallery-page .empty-state h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:15px;font-weight:600}.fav-gallery-page .empty-state p{font-size:1.1rem;color:#1a4d2e;opacity:.8;margin-bottom:30px;line-height:1.6}.fav-gallery-page .empty-state .empty-link{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2a7ff94d}.fav-gallery-page .empty-state .empty-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2a7ff980}.fav-gallery-page .families-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.fav-gallery-page .families-list .family-section{background:#4ade8008;border:2px solid #4ade80;border-radius:15px;overflow:hidden;animation:fadeInUp .4s ease;transition:all .3s ease}.fav-gallery-page .families-list .family-section:hover{border-color:#1a4d2e;box-shadow:0 4px 20px #1a4d2e26}.fav-gallery-page .families-list .family-section .family-title{color:#1a4d2e;font-size:1.4rem;font-weight:700;margin:0;padding:20px 25px;background:#4ade801a;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.fav-gallery-page .families-list .family-section .family-title:hover{background:#4ade8033;padding-left:30px}.fav-gallery-page .families-list .family-section .family-title.collapsible .toggle-icon{font-size:1rem;transition:transform .3s ease;display:inline-block;min-width:25px}@media (max-width: 768px){.fav-gallery-page .families-list .family-section .family-title{font-size:1.2rem;padding:15px 20px;gap:12px}}@media (max-width: 480px){.fav-gallery-page .families-list .family-section .family-title{font-size:1rem;padding:12px 15px;gap:10px}}.fav-gallery-page .families-list .family-section .family-content{padding:20px;animation:slideDown .4s ease;background:#eff7f24d}@media (max-width: 768px){.fav-gallery-page .families-list .family-section .family-content{padding:15px}}.fav-gallery-page .families-list .family-section .family-content .cards-only .gallery-header,.fav-gallery-page .families-list .family-section .family-content .cards-only .search-section,.fav-gallery-page .families-list .family-section .family-content .cards-only .meta-info,.fav-gallery-page .families-list .family-section .family-content .cards-only .back-button-container{display:none!important}.fav-gallery-page .families-list .family-section .family-content .cards-only .modern-gallery-page{padding:0;background:transparent}.fav-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;animation:fadeInUp .6s ease .5s backwards}.fav-gallery-page .back-button-container a{text-decoration:none}.fav-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.fav-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.fav-gallery-page .back-button-container button:active{transform:translateY(0)}.fav-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.fav-gallery-page .back-button-container{margin:2rem auto 0}.fav-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}.aroma-gallery-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#1a4d2e;display:flex;flex-direction:column;align-items:center;padding:calc(var(--navbar-height, 56px) + 1.5rem) 20px 40px}.aroma-gallery-page .aroma-container{width:100%;max-width:1400px;animation:fadeInUp .6s ease}.aroma-gallery-page .aroma-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease}.aroma-gallery-page .aroma-header .header-badge{display:flex;justify-content:center;margin-bottom:20px}.aroma-gallery-page .aroma-header .header-badge img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-badge img{width:60px;height:60px}}.aroma-gallery-page .aroma-header .header-content h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#1a4d2e;text-shadow:2px 2px 4px rgba(26,77,46,.3)}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-content h1{font-size:2rem}}@media (max-width: 480px){.aroma-gallery-page .aroma-header .header-content h1{font-size:1.7rem}}.aroma-gallery-page .aroma-header .header-content p{font-size:1.2rem;opacity:.8;color:#1a4d2e;margin-bottom:15px}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-content p{font-size:1rem}}@media (max-width: 480px){.aroma-gallery-page .aroma-header .header-content p{font-size:.9rem}}.aroma-gallery-page .aroma-header .header-content .total-count{display:inline-block;background:#4ade801a;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#1a4d2e;border:1px solid #4ade80;margin-top:10px}.aroma-gallery-page .empty-state{text-align:center;padding:60px 20px;background:#facfb40d;border:2px dashed rgba(250,207,180,.3);border-radius:20px;margin:40px 0;animation:fadeInUp .6s ease .3s backwards}.aroma-gallery-page .empty-state .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6}.aroma-gallery-page .empty-state h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:15px;font-weight:600}.aroma-gallery-page .empty-state p{font-size:1.1rem;color:#1a4d2e;opacity:.8;margin-bottom:30px;line-height:1.6}.aroma-gallery-page .empty-state .empty-link{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2a7ff94d}.aroma-gallery-page .empty-state .empty-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2a7ff980}.aroma-gallery-page .families-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.aroma-gallery-page .families-list .family-section{background:#4ade8008;border:2px solid #4ade80;border-radius:15px;overflow:hidden;animation:fadeInUp .4s ease;transition:all .3s ease}.aroma-gallery-page .families-list .family-section:hover{border-color:#1a4d2e;box-shadow:0 4px 20px #1a4d2e26}.aroma-gallery-page .families-list .family-section .family-title{color:#1a4d2e;font-size:1.4rem;font-weight:700;margin:0;padding:20px 25px;background:#4ade801a;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.aroma-gallery-page .families-list .family-section .family-title:hover{background:#4ade8033;padding-left:30px}.aroma-gallery-page .families-list .family-section .family-title.collapsible .toggle-icon{font-size:1rem;transition:transform .3s ease;display:inline-block;min-width:25px}@media (max-width: 768px){.aroma-gallery-page .families-list .family-section .family-title{font-size:1.2rem;padding:15px 20px;gap:12px}}@media (max-width: 480px){.aroma-gallery-page .families-list .family-section .family-title{font-size:1rem;padding:12px 15px;gap:10px}}.aroma-gallery-page .families-list .family-section .family-content{padding:20px;animation:slideDown .4s ease;background:#eff7f24d}@media (max-width: 768px){.aroma-gallery-page .families-list .family-section .family-content{padding:15px}}.aroma-gallery-page .families-list .family-section .family-content .cards-only .gallery-header,.aroma-gallery-page .families-list .family-section .family-content .cards-only .search-section,.aroma-gallery-page .families-list .family-section .family-content .cards-only .meta-info,.aroma-gallery-page .families-list .family-section .family-content .cards-only .back-button-container{display:none!important}.aroma-gallery-page .families-list .family-section .family-content .cards-only .modern-gallery-page{padding:0;background:transparent}.aroma-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;animation:fadeInUp .6s ease .5s backwards}.aroma-gallery-page .back-button-container a{text-decoration:none}.aroma-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.aroma-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.aroma-gallery-page .back-button-container button:active{transform:translateY(0)}.aroma-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.aroma-gallery-page .back-button-container{margin:2rem auto 0}.aroma-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:5000px;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blog-page{min-height:100vh;background:transparent;padding:6rem 1rem 2rem}.blog-page .blog-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.blog-page .blog-header .header-content h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.blog-page .blog-header .header-content .subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.blog-page .blog-container{max-width:1200px;margin:0 auto}.blog-page .blog-container .blog-filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014}.blog-page .blog-container .blog-filters .filter-group{margin-bottom:1.25rem}.blog-page .blog-container .blog-filters .filter-group:last-child{margin-bottom:0}.blog-page .blog-container .blog-filters .filter-group label{display:block;font-weight:600;font-size:.95rem;color:#333;margin-bottom:.75rem}.blog-page .blog-container .blog-filters .filter-group .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.blog-page .blog-container .blog-filters .filter-group .filter-buttons .filter-btn{padding:.625rem 1.25rem;border-radius:24px;border:2px solid #e0e0e0;background:#fff;color:#555;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.blog-page .blog-container .blog-filters .filter-group .filter-buttons .filter-btn:hover{border-color:#4ade80;background:#f0fdf4;transform:translateY(-2px)}.blog-page .blog-container .blog-filters .filter-group .filter-buttons .filter-btn.active{color:#fff;border-color:currentColor;box-shadow:0 4px 12px #00000026}.blog-page .blog-container .articles-count{font-size:.95rem;color:#666;margin-bottom:1.25rem;font-weight:500}.blog-page .blog-container .loading-state{text-align:center;padding:4rem 2rem}.blog-page .blog-container .loading-state .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-page .blog-container .loading-state p{color:#6b7280;font-size:1rem}.blog-page .blog-container .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.blog-page .blog-container .empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.blog-page .blog-container .empty-state p{color:#6b7280;font-size:1.125rem}.blog-page .blog-container .empty-state .reset-filters{margin-top:1.5rem;padding:.75rem 2rem;background:#4ade80;color:#fff;border:none;border-radius:24px;font-weight:600;cursor:pointer;transition:all .3s ease}.blog-page .blog-container .empty-state .reset-filters:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.blog-page .blog-container .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-page .blog-container .article-card-link{text-decoration:none;color:inherit}.blog-page .blog-container .article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.blog-page .blog-container .article-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #2d6a4f26}.blog-page .blog-container .article-card:hover .article-image img{transform:scale(1.05)}.blog-page .blog-container .article-card:hover .read-more{background:#229954}.blog-page .blog-container .article-card .premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #fbbf2466;z-index:10}.blog-page .blog-container .article-card .premium-badge img{width:24px;height:24px;display:block}.blog-page .blog-container .article-card .article-image{width:100%;height:220px;overflow:hidden;background:#f3f4f6}.blog-page .blog-container .article-card .article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-page .blog-container .article-card .article-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.blog-page .blog-container .article-card .article-content .article-badges{display:flex;flex-wrap:wrap;gap:.5rem}.blog-page .blog-container .article-card .article-content .article-badges .badge-categorie{padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px}.blog-page .blog-container .article-card .article-content .article-badges .badge-temps{padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:500;background:#f0f0f0;color:#555}.blog-page .blog-container .article-card .article-content .article-badges .badge-niveau{padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:500;background:#ffecb3;color:#ff6f00}.blog-page .blog-container .article-card .article-content .article-tags{display:flex;flex-wrap:wrap;gap:.375rem}.blog-page .blog-container .article-card .article-content .article-tags .tag{padding:4px 10px;background:#e8f5e9;color:#2e7d32;border-radius:12px;font-size:.8rem;font-weight:500}.blog-page .blog-container .article-card .article-content .article-category{color:#4ade80;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-page .blog-container .article-card .article-content .article-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-container .article-card .article-content .article-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-page .blog-container .article-card .article-content .article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#9ca3af;padding-top:.5rem;border-top:1px solid #e5e7eb}.blog-page .blog-container .article-card .article-content .article-meta span{display:flex;align-items:center;gap:.25rem}.blog-page .blog-container .article-card .article-content .read-more{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;margin-top:auto}.blog-page .blog-container .back-link{text-align:center;margin-top:2rem}.blog-page .blog-container .back-link .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1a4d2e;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.blog-page .blog-container .back-link .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}@media (max-width: 768px){.blog-page{padding:5rem 1rem 2rem}.blog-page .blog-header .header-content h1{font-size:1.75rem}.blog-page .blog-header .header-content .subtitle{font-size:1rem}.blog-page .blog-container .blog-filters{padding:1rem;margin-bottom:1.5rem}.blog-page .blog-container .blog-filters .filter-group{margin-bottom:1rem}.blog-page .blog-container .blog-filters .filter-group label{font-size:.85rem;margin-bottom:.5rem}.blog-page .blog-container .blog-filters .filter-group .filter-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.375rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.blog-page .blog-container .blog-filters .filter-group .filter-buttons::-webkit-scrollbar{height:4px}.blog-page .blog-container .blog-filters .filter-group .filter-buttons::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.blog-page .blog-container .blog-filters .filter-group .filter-buttons .filter-btn{padding:.5rem .875rem;font-size:.8rem;flex-shrink:0}.blog-page .blog-container .articles-grid{grid-template-columns:1fr;gap:1.5rem}.blog-page .blog-container .article-card .article-image{height:200px}}@media (max-width: 480px){.blog-page .blog-header .header-content h1{font-size:1.5rem}.blog-page .blog-container .article-card .article-content{padding:1rem}.blog-page .blog-container .article-card .article-content .article-title{font-size:1.125rem}}.article-detail-page{min-height:100vh;background:#f9fafb;padding-top:48px}.article-detail-page .article-hero{position:relative;height:400px;overflow:hidden;background:#1a4d2e}.article-detail-page .article-hero .hero-image{position:absolute;width:100%;height:100%}.article-detail-page .article-hero .hero-image img{width:100%;height:100%;object-fit:cover;opacity:.4}.article-detail-page .article-hero .hero-image .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#1a4d2eb3,#1a4d2ee6)}.article-detail-page .article-hero .hero-content{position:relative;max-width:900px;margin:0 auto;padding:0 2rem 3rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.article-detail-page .article-hero .hero-content .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.article-detail-page .article-hero .hero-content .breadcrumb a{color:#4ade80;text-decoration:none;font-weight:600;transition:color .3s ease}.article-detail-page .article-hero .hero-content .breadcrumb a:hover{color:#86efac}.article-detail-page .article-hero .hero-content .breadcrumb .separator{color:#ffffff80}.article-detail-page .article-hero .hero-content .breadcrumb .category{color:#fffc}.article-detail-page .article-hero .hero-content .breadcrumb .category-badge{padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px}.article-detail-page .article-hero .hero-content h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.article-detail-page .article-hero .hero-content .subtitle{color:#ffffffe6;font-size:1.125rem;margin-top:.75rem}.article-detail-page .article-container{max-width:900px;margin:-2rem auto 0;padding:0 2rem 3rem;position:relative}.article-detail-page .article-container .article-meta-bar{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.article-detail-page .article-container .article-meta-bar .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.article-detail-page .article-container .article-meta-bar .meta-item .meta-icon{font-size:1.25rem}.article-detail-page .article-container .article-meta-bar .meta-item .meta-text{color:#6b7280}.article-detail-page .article-container .article-meta-bar .meta-item .meta-text strong{color:#1f2937;font-weight:600}.article-detail-page .article-container .article-content{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.article-detail-page .article-container .article-content .article-intro{font-size:1.125rem;color:#4b5563;line-height:1.8;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb;font-weight:500}.article-detail-page .article-container .article-content .article-intro p{margin:0}.article-detail-page .article-container .article-content .article-body{font-size:1rem;color:#374151;line-height:1.8}.article-detail-page .article-container .article-content .article-body h1,.article-detail-page .article-container .article-content .article-body h2,.article-detail-page .article-container .article-content .article-body h3,.article-detail-page .article-container .article-content .article-body h4,.article-detail-page .article-container .article-content .article-body h5,.article-detail-page .article-container .article-content .article-body h6{color:#1a4d2e;font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.article-detail-page .article-container .article-content .article-body h1{font-size:2rem}.article-detail-page .article-container .article-content .article-body h2{font-size:1.75rem}.article-detail-page .article-container .article-content .article-body h3{font-size:1.5rem}.article-detail-page .article-container .article-content .article-body h4{font-size:1.25rem}.article-detail-page .article-container .article-content .article-body p{margin-bottom:1.5rem;line-height:1.8}.article-detail-page .article-container .article-content .article-body strong{color:#1a4d2e;font-weight:600}.article-detail-page .article-container .article-content .article-body em{font-style:italic;color:#4b5563}.article-detail-page .article-container .article-content .article-body ul,.article-detail-page .article-container .article-content .article-body ol{margin:1.5rem 0;padding-left:2rem}.article-detail-page .article-container .article-content .article-body ul li,.article-detail-page .article-container .article-content .article-body ol li{margin-bottom:.75rem;line-height:1.6}.article-detail-page .article-container .article-content .article-body blockquote{border-left:4px solid #4ade80;padding:1rem 1.5rem;margin:1.5rem 0;background:#f0fdf4;border-radius:8px;font-style:italic;color:#1f2937}.article-detail-page .article-container .article-content .article-body code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.875rem;color:#dc2626}.article-detail-page .article-container .article-content .article-body pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-detail-page .article-container .article-content .article-body pre code{background:transparent;color:inherit;padding:0}.article-detail-page .article-container .article-content .article-body a{color:#4ade80;text-decoration:none;font-weight:500;transition:color .3s ease}.article-detail-page .article-container .article-content .article-body a:hover{color:#22c55e;text-decoration:underline}.article-detail-page .article-container .article-content .article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #0000001a}.article-detail-page .article-container .article-content .article-tags-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.article-detail-page .article-container .article-content .article-tags-section h4{color:#1a4d2e;font-size:1.125rem;margin-bottom:1rem}.article-detail-page .article-container .article-content .article-tags-section .tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.article-detail-page .article-container .article-content .article-tags-section .tags-list .tag{padding:6px 14px;background:#e8f5e9;color:#2e7d32;border-radius:16px;font-size:.875rem;font-weight:500;transition:all .3s ease}.article-detail-page .article-container .article-content .article-tags-section .tags-list .tag:hover{background:#c8e6c9;transform:translateY(-2px)}.article-detail-page .article-container .article-content .plantes-associees-section{margin-top:2rem;padding:2rem;background:#f0fdf4;border-radius:12px;border:2px solid #4ade80}.article-detail-page .article-container .article-content .plantes-associees-section h3{color:#1a4d2e;font-size:1.5rem;margin-top:0;margin-bottom:.5rem}.article-detail-page .article-container .article-content .plantes-associees-section .section-hint{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}.article-detail-page .article-container .article-content .plantes-associees-section .plantes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.article-detail-page .article-container .article-content .plantes-associees-section .plantes-grid .plante-card{background:#fff;border-radius:12px;padding:1rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.article-detail-page .article-container .article-content .plantes-associees-section .plantes-grid .plante-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4ade804d}.article-detail-page .article-container .article-content .plantes-associees-section .plantes-grid .plante-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto .75rem;display:block}.article-detail-page .article-container .article-content .plantes-associees-section .plantes-grid .plante-card .plante-nom{display:block;font-weight:600;color:#1a4d2e;font-size:.9rem}.article-detail-page .article-container .article-content .article-source{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.article-detail-page .article-container .article-content .article-source .source-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#1f2937;font-size:1rem}.article-detail-page .article-container .article-content .article-source .source-header .source-icon{font-size:1.25rem}.article-detail-page .article-container .article-content .article-source .source-header strong{font-weight:600}.article-detail-page .article-container .article-content .article-source .source-link{display:inline-block;color:#4ade80;text-decoration:none;word-break:break-all;padding:.75rem 1rem;background:#f0fdf4;border-radius:8px;transition:all .3s ease}.article-detail-page .article-container .article-content .article-source .source-link:hover{background:#dcfce7;color:#22c55e}.article-detail-page .article-container .article-disclaimer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem;box-shadow:0 4px 12px #f59e0b33}.article-detail-page .article-container .article-disclaimer .disclaimer-icon{width:32px;height:32px;flex-shrink:0}.article-detail-page .article-container .article-disclaimer p{margin:0;color:#78350f;font-size:.9375rem;line-height:1.6;font-weight:500}.article-detail-page .article-container .article-footer{text-align:center}.article-detail-page .article-container .article-footer .back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #1a4d2e4d;transition:all .3s ease}.article-detail-page .article-container .article-footer .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a4d2e66}.article-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f9fafb}.article-loading .loading-content{text-align:center}.article-loading .loading-content .spinner{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#2d6a4f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.article-loading .loading-content p{font-size:1.125rem;color:#6b7280}.article-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f9fafb}.article-not-found .not-found-content{text-align:center;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 8px 24px #00000014;max-width:500px}.article-not-found .not-found-content .not-found-icon{font-size:5rem;display:block;margin-bottom:1.5rem}.article-not-found .not-found-content h2{font-size:2rem;color:#1f2937;margin-bottom:1rem}.article-not-found .not-found-content p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.article-not-found .not-found-content .back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #1a4d2e4d;transition:all .3s ease}.article-not-found .not-found-content .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a4d2e66}@media (max-width: 768px){.article-detail-page .article-hero{height:300px}.article-detail-page .article-hero .hero-content{padding-bottom:2rem}.article-detail-page .article-hero .hero-content h1{font-size:1.75rem}.article-detail-page .article-container{padding:0 1rem 2rem}.article-detail-page .article-container .article-meta-bar{flex-direction:column;gap:1rem;padding:1rem}.article-detail-page .article-container .article-content{padding:2rem 1.5rem}.article-detail-page .article-container .article-content .article-intro{font-size:1rem}.article-detail-page .article-container .article-content .article-body h1{font-size:1.5rem}.article-detail-page .article-container .article-content .article-body h2{font-size:1.375rem}.article-detail-page .article-container .article-content .article-body h3{font-size:1.25rem}.article-detail-page .article-container .article-disclaimer{flex-direction:column;text-align:center;align-items:center}.article-not-found .not-found-content{padding:2rem}.article-not-found .not-found-content h2{font-size:1.5rem}.article-not-found .not-found-content p{font-size:1rem}}@media (max-width: 480px){.article-detail-page .article-hero{height:250px}.article-detail-page .article-hero .hero-content h1{font-size:1.5rem}.article-detail-page .article-container .article-content{padding:1.5rem 1rem}}.legalPage{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 1rem 2rem}@media (max-width: 768px){.legalPage{padding:4rem .75rem 5rem}}.legalHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #2d6a4f4d,0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;margin-bottom:2rem;animation:fadeIn .5s ease-out}.legalHeader .circleBan{width:100px;height:100px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 4px 12px #00000026}.legalHeader .circleBan img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}@media (max-width: 768px){.legalHeader{padding:2rem 1.5rem;border-radius:16px}.legalHeader .circleBan{width:80px;height:80px}}.legalTitle{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}@media (max-width: 768px){.legalTitle{font-size:1.75rem}}.legalSubtitle{font-size:1.1rem;margin:0;opacity:.95;color:#ffffffe6;font-weight:400}@media (max-width: 768px){.legalSubtitle{font-size:1rem}}.legalContent{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d}.legalContent h3{color:#1b4332;font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid #4ade80;display:inline-block}.legalContent h3.topMargin{margin-top:2.5rem}.legalContent p{color:#495057;font-size:1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.legalContent .metaInfo{color:#2d6a4f;font-weight:600}.legalContent .metaInfo a{color:#2d6a4f;text-decoration:underline;transition:all .3s ease}.legalContent .metaInfo a:hover{color:#1b4332;text-decoration:none}.legalContent a{color:#2d6a4f;text-decoration:none;font-weight:500;transition:all .3s ease}.legalContent a:hover{color:#1b4332;text-decoration:underline}@media (max-width: 768px){.legalContent{padding:1.5rem;border-radius:16px}.legalContent h3{font-size:1.25rem}.legalContent p{font-size:.95rem;line-height:1.7}}.legalFooter{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.legalFooter a{text-decoration:none}.legalFooter button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.legalFooter button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.legalFooter button:active{transform:translateY(0)}.legalFooter button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.legalFooter{margin:2rem auto 0}.legalFooter button{padding:.85rem 1.5rem;font-size:.95rem}}.points-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;text-align:center;animation:popIn .5s ease,float 2s ease-in-out .5s;pointer-events:none}.points-animation .points-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,215,0,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:.5rem}@media (max-width: 768px){.points-animation .points-value{font-size:2.5rem}}.points-animation .points-message{background:#2d6a4ff2;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #2d6a4f66}@media (max-width: 768px){.points-animation .points-message{font-size:.9rem;padding:.6rem 1.2rem}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}.badge-unlocked-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.badge-unlocked{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:400px;width:90%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:zoomIn .5s ease}@media (max-width: 768px){.badge-unlocked{padding:2rem 1.5rem}}.badge-unlocked .badge-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}.badge-unlocked .badge-icon-large{font-size:6rem;margin-bottom:1rem;position:relative;z-index:1;animation:bounce .6s ease .5s}@media (max-width: 768px){.badge-unlocked .badge-icon-large{font-size:5rem}}.badge-unlocked .badge-title{font-size:1.75rem;font-weight:800;color:#4ade80;margin-bottom:.5rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-title{font-size:1.5rem}}.badge-unlocked .badge-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-name{font-size:1.25rem}}.badge-unlocked .badge-description{font-size:1rem;color:#fffc;margin:0 0 1rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-description{font-size:.9rem}}.badge-unlocked .badge-bonus{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#1b4332;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;position:relative;z-index:1;box-shadow:0 4px 12px #ffd70066}@media (max-width: 768px){.badge-unlocked .badge-bonus{font-size:1rem;padding:.6rem 1.2rem}}.badge-unlocked .badge-close-btn{position:absolute;top:.75rem;right:.75rem;background:#ffffff26;border:none;color:#fffc;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.badge-unlocked .badge-close-btn:hover{background:#ffffff4d}.badge-unlocked .badge-dismiss-btn{display:inline-block;background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3);padding:.6rem 2rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:1rem;position:relative;z-index:1;transition:all .2s}.badge-unlocked .badge-dismiss-btn:hover{background:#ffffff40}@keyframes zoomIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.plantIdentifierPage{min-height:100vh;background:transparent;padding:calc(var(--navbar-height, 56px) + 1.5rem) 1rem 2rem}@media (max-width: 768px){.plantIdentifierPage{padding:calc(var(--navbar-height, 56px) + 1rem) .75rem 1.5rem}}.scanner-back{display:inline-block;margin-bottom:12px;color:#2d6a4f;text-decoration:none;font-weight:600;font-size:.9rem}.scanner-back:hover{text-decoration:underline}.scan-mode-switcher{display:flex;max-width:400px;margin:0 auto 1.25rem;background:#1a4d2e;border-radius:14px;padding:4px;gap:4px;box-shadow:0 2px 8px #1a4d2e40}.scan-mode-switcher button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:11px;background:transparent;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.scan-mode-switcher button.active{background:#fff;color:#1a4d2e;font-weight:700;box-shadow:0 2px 8px #00000026}.similar-images{display:flex;gap:8px;padding:8px 12px;overflow-x:auto}.similar-images .similar-img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.mushroomExternalLinks{padding:10px 12px 6px;border-top:1px solid #e5e7eb;margin-top:8px}.mushroomExternalLinks .externalLabel{font-size:.75rem;font-weight:600;color:#6b7280;display:block;margin-bottom:6px}.mushroomExternalLinks .externalLinksRow{display:flex;flex-wrap:wrap;gap:6px}.mushroomExternalLinks .externalLink{display:inline-block;padding:6px 12px;border-radius:8px;background:#f0fdf4;color:#1a4d2e;font-size:.78rem;font-weight:500;text-decoration:none;border:1px solid #d1fae5;transition:all .2s}.mushroomExternalLinks .externalLink:hover{background:#dcfce7;border-color:#4ade80}.plantIdentifierHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:16px;padding:1rem;box-shadow:0 4px 16px #1a4d2e40;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;margin-bottom:1rem;position:relative;animation:fadeIn .5s ease-out}.plantIdentifierHeader .cornerBadge{position:absolute;top:12px;display:flex;align-items:center;gap:4px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;z-index:2}.plantIdentifierHeader .cornerBadge:hover{background:#ffffff4d}.plantIdentifierHeader .cornerBadge--left{left:12px}.plantIdentifierHeader .cornerBadge--right{right:12px;cursor:default}.plantIdentifierHeader .cornerBadge .cornerIcon{font-size:1rem}.plantIdentifierHeader .cornerBadge .cornerValue{font-weight:700;font-size:.9rem}.plantIdentifierHeader .cornerBadge .cornerLabel{opacity:.85;font-size:.75rem}.plantIdentifierHeader .cornerBadge .cornerBadgeIcon{font-size:.9rem;margin-left:2px}.plantIdentifierHeader .circleBan{width:100px;height:100px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 4px 12px #00000026}.plantIdentifierHeader .circleBan img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}@media (max-width: 768px){.plantIdentifierHeader{padding:2rem 1.5rem;border-radius:16px}.plantIdentifierHeader .circleBan{width:80px;height:80px}}.plantIdentifierTitle{font-size:2rem;font-weight:700;margin:0;padding-top:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}@media (max-width: 768px){.plantIdentifierTitle{font-size:1.75rem}}.plantIdentifierSubtitle{font-size:1.1rem;margin:0;opacity:.95;color:#ffffffe6;font-weight:400}@media (max-width: 768px){.plantIdentifierSubtitle{font-size:1rem}}.plantIdentifierContent{max-width:900px;margin:0 auto}.loadingCamera{background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.loadingCamera .spinner{width:50px;height:50px;border:4px solid rgba(45,106,79,.2);border-top-color:#2d6a4f;border-radius:50%;animation:spin .8s linear infinite}.loadingCamera p{font-size:1.1rem;color:#2d6a4f;font-weight:600;margin:0}@media (max-width: 768px){.loadingCamera{padding:2rem 1.5rem}}.cameraFullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column;animation:fadeIn .3s ease-out;touch-action:none}.cameraFullscreen .cameraHeader{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:1rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.cameraFullscreen .cameraHeader{padding:env(safe-area-inset-top,1rem) 1rem 1rem}}.cameraFullscreen .cameraHeader .closeButton{position:absolute;left:1rem;top:1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.cameraFullscreen .cameraHeader .closeButton:hover{background:#ffffff4d;transform:scale(1.1)}.cameraFullscreen .cameraHeader .closeButton:active{transform:scale(.95)}.cameraFullscreen .cameraHeader .closeButton .closeIcon{font-size:1.5rem;font-weight:700}@media (max-width: 768px){.cameraFullscreen .cameraHeader .closeButton{top:calc(env(safe-area-inset-top,1rem) + .5rem);width:40px;height:40px}.cameraFullscreen .cameraHeader .closeButton .closeIcon{font-size:1.3rem}}.cameraFullscreen .cameraHeader .cameraTitle{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.cameraFullscreen .cameraHeader .cameraTitle{font-size:1.1rem}}.cameraFullscreen .cameraPreview{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center;will-change:transform}.cameraFullscreen .zoomBadge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000008c;color:#fff;font-size:1.4rem;font-weight:700;padding:.4rem 1rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:20;letter-spacing:.03em;animation:fadeInOut 1.5s ease forwards}.cameraFullscreen .focusIndicator{position:absolute;width:80px;height:80px;border:2px solid rgba(255,220,0,.95);border-radius:8px;transform:translate(-50%,-50%);pointer-events:none;z-index:15;box-shadow:0 0 0 1px #0000004d}.cameraFullscreen .focusIndicator--focusing{animation:focusFocusing .6s ease-out;border-color:#ffdc00f2}.cameraFullscreen .focusIndicator--locked{animation:focusLocked 1.2s ease-out forwards;border-color:#50dc64f2}.cameraFullscreen .focusIndicator--unsupported{animation:focusUnsupported 1.2s ease-out forwards;border-color:#ffffffb3;border-style:dashed}@keyframes focusFocusing{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes focusLocked{0%{opacity:1;transform:translate(-50%,-50%) scale(1);border-width:2px}30%{opacity:1;transform:translate(-50%,-50%) scale(.85);border-width:3px}to{opacity:0;transform:translate(-50%,-50%) scale(.85);border-width:2px}}@keyframes focusUnsupported{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.cameraFullscreen .cameraTopControls{display:none}.cameraFullscreen .macroToggle{position:absolute;bottom:1.25rem;right:1rem;z-index:12;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.55rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;box-shadow:0 2px 8px #0006}.cameraFullscreen .macroToggle--active{background:#50dc64e6;border-color:#50dc64;color:#fff}.cameraFullscreen .macroToggle:active{transform:scale(.95)}.cameraFullscreen .cameraControls{position:absolute;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.cameraFullscreen .cameraControls{padding:2rem 1rem calc(env(safe-area-inset-bottom,1rem) + 1rem)}}.cameraFullscreen .cameraControls .captureButton{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease}.cameraFullscreen .cameraControls .captureButton:hover{transform:scale(1.05)}.cameraFullscreen .cameraControls .captureButton:active{transform:scale(.95)}.cameraFullscreen .cameraControls .captureButton .captureRing{width:80px;height:80px;border:4px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffffff4d}.cameraFullscreen .cameraControls .captureButton .captureRing .captureInner{width:65px;height:65px;background:#fff;border-radius:50%;transition:all .2s ease}.cameraFullscreen .cameraControls .captureButton:active .captureRing .captureInner{transform:scale(.9)}.cameraFullscreen .cameraControls .captureButton .captureText{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.cameraFullscreen .cameraControls .captureButton .captureRing{width:70px;height:70px;border-width:3px}.cameraFullscreen .cameraControls .captureButton .captureRing .captureInner{width:55px;height:55px}.cameraFullscreen .cameraControls .captureButton .captureText{font-size:.95rem}}.controlsSection{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.controlsSection{padding:1.25rem}}.uploadCard .uploadButton{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#4ade80,#2d6a4f);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #4ade804d,0 2px 6px #0000001a;transition:all .3s ease}.uploadCard .uploadButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066,0 4px 10px #00000026}.uploadCard .uploadButton:active{transform:translateY(0)}.uploadCard .uploadButton .uploadIcon{font-size:1.5rem}.cameraSelector{display:flex;flex-direction:column;gap:.75rem}.cameraSelector .selectorLabel{font-weight:600;color:#1b4332;font-size:1rem}.cameraSelector .cameraSelect{padding:.85rem 1rem;border:2px solid #2d6a4f;border-radius:10px;font-size:1rem;color:#1b4332;background:#fff;cursor:pointer;transition:all .3s ease}.cameraSelector .cameraSelect:hover{border-color:#1b4332}.cameraSelector .cameraSelect:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8033}.cameraButton{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease}.cameraButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.cameraButton:active:not(:disabled){transform:translateY(0)}.cameraButton:disabled{opacity:.7;cursor:not-allowed}.cameraButton .cameraIcon{font-size:1.5rem}.cameraButton .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}.multiPhotoGuide{text-align:center;margin-bottom:.5rem}.multiPhotoGuide .guideText{font-size:1rem;color:#2d6a4f;font-weight:600;margin-bottom:.25rem}.multiPhotoGuide .guideTip{font-size:.85rem;color:#6b7280;font-style:italic}.multiPhotoSection{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem}@media (max-width: 768px){.multiPhotoSection{padding:1.25rem}}.photoGallery{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:center}@media (max-width: 480px){.photoGallery{flex-direction:column;align-items:center}}.photoSlot{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:140px}@media (max-width: 480px){.photoSlot{width:100%;flex-direction:row;gap:.75rem}}.photoPreview{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}@media (max-width: 480px){.photoPreview{width:80px;min-width:80px;aspect-ratio:1}}.photoPreview img{width:100%;height:100%;object-fit:cover}.photoPreview .removePhoto{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc2626d9;border:none;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.photoPreview .removePhoto:hover{background:#dc2626;transform:scale(1.1)}.photoPreview .photoNumber{position:absolute;bottom:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#2d6a4fd9;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.organSelector{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}@media (max-width: 480px){.organSelector{justify-content:flex-start;flex:1}}.organChip{display:flex;align-items:center;gap:2px;padding:3px 6px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:.65rem;transition:all .2s ease}.organChip:hover{border-color:#4ade80;background:#f0fdf4}.organChip.active{border-color:#2d6a4f;background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 1px 4px #2d6a4f33}.organChip .organEmoji{font-size:.8rem;line-height:1}.organChip .organLabel{color:#374151;font-weight:500}.active .organChip .organLabel{color:#1b4332;font-weight:600}.addPhotoSlot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:140px;min-height:140px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;transition:all .2s ease}@media (max-width: 480px){.addPhotoSlot{width:100%;min-height:auto;flex-direction:row;padding:.75rem}}.addPhotoSlot:hover{border-color:#4ade80;background:#f0fdf4}.addPhotoSlot .addPhotoCamera,.addPhotoSlot .addPhotoFile{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.addPhotoSlot .addPhotoCamera:hover,.addPhotoSlot .addPhotoFile:hover{transform:scale(1.1)}.addPhotoSlot .addPhotoCamera:disabled,.addPhotoSlot .addPhotoFile:disabled{opacity:.5;cursor:not-allowed}.addPhotoSlot .addPhotoText{font-size:.75rem;color:#6b7280;font-weight:500}.multiPhotoInfo{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0}.photoCountBadge{background:#2d6a4f;color:#fff;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:600}.detectedOrgans{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.organsLabel{font-size:.8rem;color:#374151;font-weight:600}.detectedOrgan{font-size:.8rem;color:#1b4332;background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #d1fae5;font-weight:500}.previewSection{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem}@media (max-width: 768px){.previewSection{padding:1.5rem}}.previewCard{border-radius:16px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000001a}.previewCard .previewImage{width:100%;height:auto;display:block}.actionButtons{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.actionButtons{flex-direction:row}}@media (max-width: 768px){.actionButtons{gap:.75rem}}.identifyButton{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#4ade80,#2d6a4f);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #4ade804d,0 2px 6px #0000001a;transition:all .3s ease}.identifyButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066,0 4px 10px #00000026}.identifyButton:active:not(:disabled){transform:translateY(0)}.identifyButton:disabled{opacity:.7;cursor:not-allowed}.identifyButton .plantnetLogo{width:28px;height:28px;filter:brightness(0) invert(1)}.identifyButton .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}@media (max-width: 768px){.identifyButton{padding:1rem 1.5rem;font-size:1rem;gap:.75rem}.identifyButton .plantnetLogo{width:24px;height:24px}}.resetButton{flex:.5;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:1.25rem 2rem;color:#495057;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.resetButton:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-2px)}.resetButton:active{transform:translateY(0)}@media (max-width: 768px){.resetButton{padding:1rem 1.5rem;font-size:.95rem}}.resultsSection{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}@media (max-width: 768px){.resultsSection{padding:1.25rem}}.resultsTitle{font-size:1.375rem;font-weight:700;color:#1a4d2e;margin-bottom:1.5rem;padding-bottom:.875rem;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:.5rem}.noResults{text-align:center;padding:2rem;background:#fff3cd;border-radius:12px;margin-bottom:2rem}.noResults p{margin:.5rem 0;color:#856404;font-size:1rem;font-weight:500}.noResults p:first-child{font-size:1.1rem;font-weight:600}.noResults ul{text-align:left;max-width:400px;margin:1rem auto 0;color:#856404}.noResults ul li{margin:.5rem 0}.noResults .suggestionPrompt{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(133,100,4,.2)}.noResults .suggestionPrompt p{font-size:1rem;margin-bottom:1rem;color:#2c3e50}.noResults .suggestionPrompt .suggestButton{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.noResults .suggestionPrompt .suggestButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.externalResourcesSection{background:#f0fdf4;border-radius:16px;padding:2rem;margin:1.5rem 0;border:1px solid #bbf7d0}.externalResourcesSection .externalTitle{font-size:1.25rem;color:#1a4d2e;margin:0 0 .5rem;font-weight:700}.externalResourcesSection .externalIntro{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;font-size:.9rem}.externalResourcesSection .loadLinksButton{background:linear-gradient(135deg,#2d6a4f,#1a4d2e);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1.5rem}.externalResourcesSection .loadLinksButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f4d}.externalResourcesSection .loadLinksButton:disabled{opacity:.6;cursor:not-allowed}.externalResourcesSection .externalLinksGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:1.5rem}.externalResourcesSection .externalLinkCard{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:15px;text-decoration:none;transition:all .3s ease;border:2px solid #e9ecef}.externalResourcesSection .externalLinkCard:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:#4ade80}.externalResourcesSection .externalLinkCard .linkIcon{font-size:36px;min-width:50px;display:flex;align-items:center;justify-content:center}.externalResourcesSection .externalLinkCard .linkContent{flex:1}.externalResourcesSection .externalLinkCard .linkContent h4{margin:0 0 5px;color:#2c3e50;font-size:1.1rem;font-weight:600}.externalResourcesSection .externalLinkCard .linkContent p{margin:0;color:#7f8c8d;font-size:.9rem}.externalResourcesSection .suggestionPrompt{background:#27ae601a;border-radius:12px;padding:1.5rem;text-align:center;border:2px solid rgba(39,174,96,.3)}.externalResourcesSection .suggestionPrompt p{margin:0 0 1rem;color:#2c3e50;font-weight:600;font-size:1.05rem}.externalResourcesSection .suggestionPrompt .suggestButton{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.externalResourcesSection .suggestionPrompt .suggestButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.lowScoreSection{margin:2rem 0;background:#f8f9fa;border-radius:12px;padding:1.5rem;border:2px solid #ffc107}.lowScoreSection .lowScoreHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.lowScoreSection .lowScoreHeader{flex-direction:column;align-items:stretch}}.lowScoreSection .lowScoreHeader .lowScoreMessage{margin:0;color:#856404;font-size:1rem;font-weight:600;flex:1}@media (max-width: 768px){.lowScoreSection .lowScoreHeader .lowScoreMessage{text-align:center}}.lowScoreSection .lowScoreHeader .lowScoreToggle{background:#ffc107;border:none;border-radius:8px;padding:.75rem 1.5rem;color:#000;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.lowScoreSection .lowScoreHeader .lowScoreToggle:hover{background:#ffb300;transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.lowScoreSection .lowScoreHeader .lowScoreToggle:active{transform:translateY(0)}.lowScoreSection .lowScoreGrid{margin-top:1.5rem;animation:slideDown .3s ease-out}.lowScoreSection .lowScoreCard{background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid #ffc107}.lowScoreSection .lowScoreCard .resultRank.lowScore,.lowScoreSection .lowScoreCard .resultScore.lowScore{background:linear-gradient(135deg,#ffc107,#ff9800)}.matchedPlantsSection{margin-top:2rem;padding-top:1.75rem;border-top:2px solid #e9ecef}.matchedPlantsSection .matchedTitle{font-size:1.125rem;font-weight:700;color:#1a4d2e;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.matchedPlantsSection .matchedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media (max-width: 768px){.matchedPlantsSection .matchedGrid{grid-template-columns:1fr}}.matchedPlantsSection .matchedCard{background:#fff;border:1px solid #e9ecef;border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.matchedPlantsSection .matchedCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d6a4f26;border-color:#4ade80}.matchedPlantsSection .matchedCard .matchedImageWrapper{position:relative;width:100%;height:180px;overflow:hidden;background:#f8f9fa}.matchedPlantsSection .matchedCard .matchedImageWrapper .matchedImage{width:100%;height:100%;object-fit:cover}.matchedPlantsSection .matchedCard .matchedImageWrapper .matchedBadge{position:absolute;top:.75rem;right:.75rem;background:#2d6a4ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #0003}.matchedPlantsSection .matchedCard .matchedInfo{padding:1.25rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedName{font-size:1.15rem;font-weight:700;color:#1b4332;margin:0 0 .5rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedLatin{font-size:.95rem;font-style:italic;color:#6c757d;margin:0 0 .75rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedLink{display:inline-block;color:#2d6a4f;font-weight:600;font-size:.95rem;transition:all .3s ease}.matchedPlantsSection .matchedCard:hover .matchedLink{color:#4ade80;transform:translate(4px)}.matchedPlantsSection .matchedCard .mapLogButton{width:calc(100% - 2rem);margin:0 1rem 1rem;padding:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.matchedPlantsSection .matchedCard .mapLogButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.matchedPlantsSection .matchedCard .mapLogButton:disabled{opacity:.65;cursor:not-allowed}.mapLogSection{margin:1rem 0}.mapLogMainButton{width:100%;padding:14px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #f59e0b33}.mapLogMainButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.mapLogMainButton:disabled{opacity:.65;cursor:not-allowed}.resultsGrid{display:grid;gap:1.5rem;margin-bottom:2rem}.resultCard{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:1.5rem;transition:all .3s ease}.resultCard:hover{border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f26;transform:translateY(-2px)}.resultHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.resultHeader .resultRank{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;font-weight:700;font-size:1rem;padding:.5rem 1rem;border-radius:50px;box-shadow:0 2px 8px #2d6a4f4d}.resultHeader .resultScore{background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;font-weight:600;font-size:.95rem;padding:.5rem 1.25rem;border-radius:50px;box-shadow:0 2px 8px #4ade804d}.resultBody{display:flex;flex-direction:column;gap:1rem}.resultItem{display:flex;flex-direction:column;gap:.5rem}.resultItem .resultLabel{font-size:.85rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.resultItem .resultValue{font-size:1.05rem;color:#212529;font-weight:500;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.resultItem .resultValue.scientific{font-style:italic;color:#2d6a4f;font-weight:600}.newSearchButton{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:2px solid #1a4d2e;border-radius:12px;padding:.875rem 2rem;color:#1a4d2e;font-weight:600;font-size:1rem;cursor:pointer;width:100%;margin-top:.5rem;transition:all .25s ease}.newSearchButton:hover{background:#1a4d2e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1a4d2e33}.newSearchButton:active{transform:translateY(0)}@media (max-width: 768px){.newSearchButton{padding:.8rem 1.5rem;font-size:.95rem}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.scanHistorySection{margin:0 0 1.5rem;border-radius:16px;background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000f;overflow:hidden}.scanHistorySection .historyToggleBtn{width:100%;padding:1rem 1.25rem;background:transparent;border:none;color:#1a4d2e;font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;transition:background .2s}.scanHistorySection .historyToggleBtn:hover{background:#f0fdf4}.scanHistorySection .historyList{padding:0 .875rem .875rem;display:flex;flex-direction:column;gap:.5rem}.scanHistorySection .historyEntry{background:#f9fafb;border-radius:10px;padding:.65rem .875rem;border:1px solid #e9ecef}.scanHistorySection .historyEntryHeader{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.scanHistorySection .historyMode{font-size:1rem}.scanHistorySection .historyName{flex:1;font-size:.82rem;font-style:italic;color:#374151;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanHistorySection .historyScore{font-size:.78rem;color:#2d6a4f;font-weight:700}.scanHistorySection .historyDate{font-size:.75rem;color:#9ca3af}.scanHistorySection .historyFiches{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.scanHistorySection .historyFicheChip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#1a4d2e;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.scanHistorySection .historyFicheChip:hover{background:#dcfce7;border-color:#4ade80}.scanHistorySection .historyFicheType{color:#6b7280;font-size:.72rem}.scanHistorySection .clearHistoryBtn{align-self:flex-start;margin-top:.25rem;padding:.3rem .7rem;background:transparent;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:.75rem;cursor:pointer;transition:background .2s}.scanHistorySection .clearHistoryBtn:hover{background:#fef2f2}.game-rules-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.game-rules-modal{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@media (max-width: 768px){.game-rules-modal{max-width:100%;max-height:95vh;border-radius:16px}}.game-rules-modal .close-button{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#666;transition:all .3s ease;z-index:1}.game-rules-modal .close-button:hover{background:#0003;transform:scale(1.1)}.game-rules-modal .modal-title{font-size:2rem;font-weight:800;color:#1b4332;text-align:center;margin:2rem 2rem .5rem;padding-top:.5rem}@media (max-width: 768px){.game-rules-modal .modal-title{font-size:1.5rem;margin:1.5rem 1.5rem .5rem}}.game-rules-modal .modal-subtitle{text-align:center;color:#52796f;font-size:1rem;margin:0 2rem 2rem}@media (max-width: 768px){.game-rules-modal .modal-subtitle{margin:0 1.5rem 1.5rem}}.game-rules-modal .rules-content{padding:0 2rem 2rem}@media (max-width: 768px){.game-rules-modal .rules-content{padding:0 1.5rem 1.5rem}}.game-rules-modal .rules-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #2d6a4f}.game-rules-modal .rules-section.info{border-left-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#ffe69c)}.game-rules-modal .rules-section.highlight{border-left-color:#27ae60;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.game-rules-modal .rules-section h3{font-size:1.25rem;font-weight:700;color:#1b4332;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.game-rules-modal .rules-section ul{list-style:none;padding:0;margin:0}.game-rules-modal .rules-section ul li{padding:.5rem 0;color:#495057}.game-rules-modal .rules-section ul li:before{content:"•";color:#2d6a4f;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.game-rules-modal .rules-list{display:flex;flex-direction:column;gap:1rem}.game-rules-modal .rule-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.game-rules-modal .rule-item .rule-icon{font-size:1.75rem;flex-shrink:0}.game-rules-modal .rule-item .rule-text{flex:1}.game-rules-modal .rule-item .rule-text strong{display:block;color:#1b4332;font-size:1rem;margin-bottom:.25rem}.game-rules-modal .rule-item .rule-text p{margin:0;color:#6c757d;font-size:.9rem}.game-rules-modal .badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}@media (max-width: 768px){.game-rules-modal .badges-grid{grid-template-columns:1fr}}.game-rules-modal .badge-item{background:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d}.game-rules-modal .badge-item .badge-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.game-rules-modal .badge-item strong{display:block;color:#1b4332;font-size:.9rem;margin-bottom:.25rem}.game-rules-modal .badge-item p{margin:0;color:#6c757d;font-size:.8rem}.game-rules-modal .close-modal-button{width:calc(100% - 4rem);margin:0 2rem 2rem;padding:1rem 2rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.game-rules-modal .close-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66}@media (max-width: 768px){.game-rules-modal .close-modal-button{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;font-size:1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.leaderboard-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:calc(var(--navbar-height, 56px) + 1.5rem) 1rem 2rem}@media (max-width: 768px){.leaderboard-page{padding:calc(var(--navbar-height, 56px) + 1rem) 1rem 5rem}}.leaderboard-container{max-width:800px;margin:0 auto}.leaderboard-header{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;text-align:center;margin-bottom:2rem;box-shadow:0 10px 30px #2d6a4f4d}@media (max-width: 768px){.leaderboard-header{padding:2rem 1.5rem;border-radius:16px}}.leaderboard-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.leaderboard-title{font-size:1.75rem}}.leaderboard-subtitle{font-size:1rem;color:#ffffffe6;margin:0}@media (max-width: 768px){.leaderboard-subtitle{font-size:.9rem}}.rules-button{margin:1rem auto 0;padding:.6rem 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.rules-button:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px)}.rules-button:active{transform:translateY(0)}@media (max-width: 768px){.rules-button{padding:.5rem 1.2rem;font-size:.9rem}}.refresh-button{margin-top:1rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.refresh-button:disabled{opacity:.7;cursor:not-allowed;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.migration-button{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.migration-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)}.my-position-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #4ade80;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #4ade8033}.my-position-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.my-position-card .card-header .card-title{font-size:1.25rem;font-weight:700;color:#1b4332;display:flex;align-items:center;gap:.5rem}.my-position-card .card-header .scroll-to-me-btn{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2d6a4f4d}.my-position-card .card-header .scroll-to-me-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f66}.my-position-card .card-header .scroll-to-me-btn:active{transform:translateY(0)}.my-position-card .card-header .scroll-to-me-btn span{display:flex;align-items:center;gap:.25rem}.my-position-card .my-position-content{display:flex;gap:2rem;align-items:center}@media (max-width: 768px){.my-position-card .my-position-content{flex-direction:column;gap:1.5rem}}.my-position-card .my-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #fbbf24}.my-position-card .my-rank .rank-label{font-size:.875rem;color:#92400e;font-weight:600;margin-bottom:.5rem}.my-position-card .my-rank .rank-value{font-size:2.5rem;font-weight:700}@media (max-width: 768px){.my-position-card .my-rank{min-width:100%}}.my-position-card .my-stats{display:flex;gap:2rem;flex:1;justify-content:space-around}@media (max-width: 768px){.my-position-card .my-stats{width:100%;gap:1rem}}.my-position-card .my-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.my-position-card .my-stats .stat-item .stat-icon{font-size:1.75rem}.my-position-card .my-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#1b4332}.my-position-card .my-stats .stat-item .stat-label{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.my-position-card .my-stats .stat-item .stat-icon{font-size:1.5rem}.my-position-card .my-stats .stat-item .stat-value{font-size:1.25rem}.my-position-card .my-stats .stat-item .stat-label{font-size:.75rem}}@media (max-width: 768px){.my-position-card{padding:1.25rem;border-radius:12px}}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.leaderboard-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.leaderboard-item.current-user{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #4ade80;box-shadow:0 4px 16px #4ade804d}.leaderboard-item.top-three{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24}.leaderboard-item.top-three.current-user{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #4ade80}@media (max-width: 768px){.leaderboard-item{padding:1rem;gap:.75rem}}.leaderboard-item .rank{min-width:50px;text-align:center}@media (max-width: 768px){.leaderboard-item .rank{min-width:40px}}.leaderboard-item .rank .rank-icon{font-size:1.75rem;font-weight:700}@media (max-width: 768px){.leaderboard-item .rank .rank-icon{font-size:1.5rem}}.leaderboard-item .user-info{flex:1}.leaderboard-item .user-info .username{font-size:1.1rem;font-weight:700;color:#2d6a4f;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.leaderboard-item .user-info .username{font-size:1rem}}.leaderboard-item .user-info .username .you-badge{background:#4ade80;color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.leaderboard-item .user-info .user-stats{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.leaderboard-item .user-info .user-stats{gap:.75rem}}.leaderboard-item .user-info .user-stats .stat{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666}@media (max-width: 768px){.leaderboard-item .user-info .user-stats .stat{font-size:.8rem}}.leaderboard-item .user-info .user-stats .stat .stat-icon{font-size:1rem}.leaderboard-item .points{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.leaderboard-item .points .points-value{font-size:1.75rem;font-weight:800;color:#2d6a4f;line-height:1}@media (max-width: 768px){.leaderboard-item .points .points-value{font-size:1.5rem}}.leaderboard-item .points .points-label{font-size:.75rem;color:#888;text-transform:uppercase;margin-top:.25rem}.loading,.error,.not-logged-in{text-align:center;padding:3rem 1rem;color:#666;font-size:1.1rem}.error{color:#dc2626}.retry-button{display:block;margin:1rem auto;padding:.75rem 2rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2d6a4f4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.retry-button:active{transform:translateY(0)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-size:1.1rem;color:#666;margin:.5rem 0}.empty-state .empty-subtitle{font-size:.95rem;color:#999}.fieldlog-page{max-width:800px;margin:0 auto;padding:4rem .5rem 1rem}.fieldlog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.fieldlog-loading .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a4d2e;border-radius:50%;animation:spin .8s linear infinite}.fieldlog-loading p{color:#6b7280}.fieldlog-header{text-align:center;margin-bottom:24px}.fieldlog-header h1{font-size:1.6rem;color:#1a4d2e;margin:0 0 4px}.fieldlog-header p{color:#6b7280;font-size:.9rem;margin:0}.active-trip-banner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #4ade80;border-radius:16px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.active-trip-banner .active-trip-info{display:flex;align-items:center;gap:12px}.active-trip-banner .active-trip-info .active-dot{width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.active-trip-banner .active-trip-info strong{display:block;color:#1a4d2e;font-size:.95rem}.active-trip-banner .active-trip-info .active-meta{display:block;font-size:.8rem;color:#6b7280;margin-top:2px}.active-trip-banner .active-trip-actions{display:flex;gap:8px}.active-trip-banner .active-trip-actions .btn-view{padding:8px 16px;background:#1a4d2e;color:#fff;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600}.active-trip-banner .active-trip-actions .btn-end{padding:8px 16px;background:#f59e0b;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fieldlog-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:14px;padding:4px;margin-bottom:20px}.fieldlog-tabs button{flex:1;padding:10px 16px;border:none;border-radius:11px;background:transparent;font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.fieldlog-tabs button.active{background:#fff;color:#1a4d2e;box-shadow:0 2px 8px #0000001a}.new-trip-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#1a4d2e;color:#fff;border-radius:14px;text-decoration:none;font-size:1rem;font-weight:700;margin-bottom:20px;transition:transform .15s,box-shadow .15s}.new-trip-btn span{font-size:1.3rem;font-weight:300}.new-trip-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a4d2e4d}.repair-trips-btn{display:block;width:100%;padding:10px 14px;margin:-10px 0 20px;background:#fef3c7;color:#b45309;border:1px solid #fde68a;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.repair-trips-btn:hover:not(:disabled){background:#fde68a}.repair-trips-btn:disabled{opacity:.6;cursor:wait}.trips-list{display:flex;flex-direction:column;gap:12px}.trip-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;position:relative;transition:box-shadow .2s}.trip-card:hover{box-shadow:0 4px 20px #00000014}.trip-card.trip-active{border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.trip-card .trip-card-link{display:block;padding:16px;text-decoration:none;color:inherit}.trip-card .trip-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.trip-card .trip-date{font-size:.8rem;color:#9ca3af;font-weight:500;text-transform:capitalize}.trip-card .status-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px}.trip-card .status-badge.active{background:#dcfce7;color:#16a34a}.trip-card .status-badge.completed{background:#f3f4f6;color:#6b7280}.trip-card .trip-title{font-size:1.1rem;color:#1a4d2e;margin:0 0 8px;font-weight:700}.trip-card .trip-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.trip-card .trip-stats{display:flex;gap:16px;font-size:.8rem;color:#6b7280;margin-bottom:4px}.trip-card .trip-notes-preview{font-size:.8rem;color:#9ca3af;margin:4px 0 0;font-style:italic}.trip-card .trip-delete-btn{position:absolute;bottom:10px;right:12px;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.3;transition:opacity .2s;z-index:2}.trip-card .trip-delete-btn:hover{opacity:1}.meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 10px;background:#f3f4f6;border-radius:20px;color:#374151;font-weight:500}.empty-state{text-align:center;padding:40px 20px}.empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:12px}.empty-state h3{color:#1a4d2e;margin:0 0 8px;font-size:1.1rem}.empty-state p{color:#6b7280;font-size:.9rem;max-width:320px;margin:0 auto 20px}.empty-state .empty-cta{display:inline-block;padding:12px 24px;background:#1a4d2e;color:#fff;border-radius:12px;text-decoration:none;font-weight:700;font-size:.9rem}.suggestions-section .suggestions-intro{font-size:.85rem;color:#6b7280;margin:0 0 16px;text-align:center}.suggestions-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.suggestions-grid{grid-template-columns:1fr 1fr}}.suggestion-card{background:#fff;border-radius:16px;padding:16px;border:1px solid #e5e7eb;transition:box-shadow .2s,border-color .2s;cursor:pointer;display:flex;gap:12px}.suggestion-card:hover{box-shadow:0 4px 20px #00000014}.suggestion-card.selected{border-color:#1a4d2e;background:#f0fdf4;box-shadow:0 0 0 2px #1a4d2e26}.suggestion-card.cat-wild{border-left:4px solid #22c55e}.suggestion-card.cat-mushroom{border-left:4px solid #dc2626}.suggestion-card.cat-gemmo{border-left:4px solid #10b981}.suggestion-card.cat-phyto{border-left:4px solid #8b5cf6}.suggestion-card.cat-he{border-left:4px solid #f59e0b}.suggestion-card.cat-hydro{border-left:4px solid #06b6d4}.suggestion-card.cat-hv{border-left:4px solid #3b82f6}.suggestion-card .suggestion-select{flex-shrink:0;padding-top:2px}.suggestion-card .suggestion-select .select-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;font-size:.7rem;font-weight:700;color:#fff;transition:all .15s}.suggestion-card .suggestion-select .select-check.checked{background:#1a4d2e;border-color:#1a4d2e}.suggestion-card .suggestion-content{flex:1;min-width:0}.suggestion-card .suggestion-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.suggestion-card .suggestion-header .suggestion-icon{font-size:1.5rem}.suggestion-card .suggestion-header h4{margin:0;font-size:1rem;color:#1a4d2e;font-weight:700}.suggestion-card .suggestion-header .latin-name{display:block;font-size:.75rem;color:#9ca3af;font-style:italic}.suggestion-card .suggestion-tip{font-size:.8rem;color:#6b7280;margin:0 0 10px;line-height:1.4}.suggestion-card .suggestion-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.suggestion-card .suggestion-footer{display:flex;gap:12px;font-size:.75rem;color:#6b7280;margin-bottom:6px}.suggestion-card .suggestion-footer .known-spot{color:#16a34a;font-weight:600}.suggestion-card .suggestion-footer .distance{color:#3b82f6;font-weight:600}.suggestion-card .suggestion-action{display:inline-block;font-size:.8rem;color:#1a4d2e;font-weight:700;text-decoration:none;margin-top:4px;background:none;border:none;padding:0;cursor:pointer}.suggestion-card .suggestion-action:hover{text-decoration:underline}.plan-trip-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:#1a4d2e;color:#fff;padding:12px 16px;border-radius:14px;margin-bottom:16px;box-shadow:0 4px 20px #1a4d2e4d;animation:slideDown .2s ease-out}.plan-trip-bar span{font-size:.85rem;font-weight:600}.plan-trip-bar button{padding:8px 18px;background:#fff;color:#1a4d2e;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s}.plan-trip-bar button:hover{transform:scale(1.03)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.trip-detail-page{max-width:800px;margin:0 auto;padding:4rem 1rem 2rem}.trip-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.trip-detail-loading .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a4d2e;border-radius:50%;animation:spin .8s linear infinite}.trip-detail-loading p{color:#6b7280}.discovery-map-link{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px 6px;border-radius:6px;flex-shrink:0;line-height:1;transition:background .15s}.discovery-map-link:hover{background:#2d6a4f1a}.trip-detail-back{display:inline-block;color:#1a4d2e;text-decoration:none;font-weight:600;font-size:.9rem;margin-bottom:16px}.trip-detail-back:hover{text-decoration:underline}.trip-detail-header{margin-bottom:20px}.trip-detail-header .trip-detail-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.trip-detail-header .trip-detail-title h1{font-size:1.5rem;color:#1a4d2e;margin:0}.trip-detail-header .trip-detail-date{color:#6b7280;font-size:.9rem;margin:4px 0 0;text-transform:capitalize}.status-badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.completed{background:#f3f4f6;color:#6b7280}.trip-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.trip-info-grid--cols-3{grid-template-columns:repeat(3,1fr)}.trip-info-grid--cols-3 .info-item{padding:10px 6px}.trip-info-grid--cols-3 .info-value{font-size:.85rem}.trip-info-grid .info-item{background:#f9fafb;border-radius:12px;padding:12px;text-align:center}.trip-info-grid .info-item .info-icon{display:block;font-size:1.4rem;margin-bottom:4px}.trip-info-grid .info-item .info-label{display:block;font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.trip-info-grid .info-item .info-value{display:block;font-size:.9rem;color:#374151;font-weight:600;margin-top:2px}.trip-info-grid .info-item .info-value .duration-diff{font-size:.8rem;font-weight:600;margin-left:4px}.trip-info-grid .info-item .info-value .duration-diff.duration-over{color:#d97706}.trip-info-grid .info-item .info-value .duration-diff.duration-under{color:#059669}.trip-notes-section{background:#fffbeb;border-radius:14px;padding:16px;margin-bottom:20px}.trip-notes-section h3{font-size:1rem;color:#1a4d2e;margin:0 0 8px}.trip-notes-section p{margin:0;font-size:.9rem;color:#374151;line-height:1.5;white-space:pre-wrap}.trip-targets-section{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px;margin-bottom:20px}.trip-targets-section h3{font-size:1rem;color:#92400e;margin:0 0 12px;display:flex;align-items:center;gap:8px}.trip-targets-section .targets-progress{background:#fff;color:#92400e;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.trip-targets-section .targets-list{display:flex;flex-wrap:wrap;gap:6px}.trip-targets-section .target-pill{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:500}.trip-targets-section .target-pill.found{background:#d1fae5;color:#065f46}.trip-targets-section .target-pill.pending{background:#fff;color:#92400e;border:1px solid #fde68a}.trip-targets-section .targets-hint{margin:10px 0 0;font-size:.78rem;color:#78716c}.trip-section{margin-bottom:24px}.trip-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trip-section .section-header h3{font-size:1.05rem;color:#1a4d2e;margin:0}.trip-section .section-header .section-action{font-size:.85rem;color:#1a4d2e;font-weight:700;text-decoration:none;background:none;border:none;cursor:pointer}.trip-section .section-header .section-action:hover{text-decoration:underline}.trip-section .section-empty{text-align:center;color:#9ca3af;font-size:.85rem;padding:20px;background:#f9fafb;border-radius:12px}.discoveries-list{display:flex;flex-direction:column;gap:8px}.discoveries-list .discovery-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.discoveries-list .discovery-item .discovery-icon{font-size:1.3rem;flex-shrink:0}.discoveries-list .discovery-item .discovery-info strong{display:block;color:#374151;font-size:.9rem}.discoveries-list .discovery-item .discovery-info .latin{font-size:.75rem;color:#9ca3af;font-style:italic}.harvest-form{background:#f0fdf4;border-radius:14px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.harvest-form .form-row{display:flex;gap:8px}@media (max-width: 480px){.harvest-form .form-row{flex-direction:column}}.harvest-form input,.harvest-form select,.harvest-form textarea{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.85rem;font-family:inherit}.harvest-form input:focus,.harvest-form select:focus,.harvest-form textarea:focus{outline:none;border-color:#1a4d2e;box-shadow:0 0 0 2px #1a4d2e1a}.harvest-form textarea{resize:vertical}.harvest-form .harvest-submit{padding:12px;background:#1a4d2e;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer}.harvest-form .harvest-submit:disabled{opacity:.6;cursor:not-allowed}.harvests-list{display:flex;flex-direction:column;gap:8px}.harvests-list .harvest-item{display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.harvests-list .harvest-item .harvest-info{flex:1}.harvests-list .harvest-item .harvest-info .harvest-main strong{color:#374151;font-size:.9rem}.harvests-list .harvest-item .harvest-info .harvest-main .latin{margin-left:6px;font-size:.75rem;color:#9ca3af;font-style:italic}.harvests-list .harvest-item .harvest-info .harvest-meta{display:flex;gap:10px;margin-top:4px}.harvests-list .harvest-item .harvest-info .harvest-meta span{font-size:.75rem;color:#6b7280}.harvests-list .harvest-item .harvest-info .harvest-notes{font-size:.8rem;color:#9ca3af;margin:4px 0 0;font-style:italic}.harvests-list .harvest-item .harvest-delete{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.3;flex-shrink:0}.harvests-list .harvest-item .harvest-delete:hover{opacity:1}.trip-social-section .social-row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.trip-social-section .social-row.live-row{flex-direction:column;align-items:flex-start;gap:4px}.trip-social-section .social-label{font-weight:600;color:#374151;font-size:.9rem}.trip-social-section .social-chips{display:flex;flex-wrap:wrap;gap:6px}.trip-social-section .social-chip{display:inline-block;padding:4px 10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#064e3b;border-radius:999px;font-size:.85rem;font-weight:500}.trip-social-section .social-chip.owner{background:#fef3c7;border-color:#fde68a;color:#92400e}.trip-social-section .social-chip.info{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.trip-social-section .live-toggle{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:#064e3b;cursor:pointer}.trip-social-section .live-toggle input{accent-color:#059669}.trip-social-section .live-hint{color:#6b7280;font-size:.8rem}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.share-modal{background:#fff;border-radius:16px;width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.share-modal .share-modal-header{padding:14px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.share-modal .share-modal-header h3{margin:0;font-size:1.1rem;color:#111827}.share-modal .share-modal-header .modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.share-modal .share-modal-body{padding:16px 18px;overflow-y:auto}.share-modal .share-modal-body .toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;padding:6px 0}.share-modal .share-modal-body .toggle-row input{accent-color:#059669}.share-modal .share-modal-body .share-divider{margin:12px 0 6px;color:#6b7280;font-size:.85rem;font-style:italic}.share-modal .share-modal-body .share-friends-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.share-modal .share-modal-body .share-friend-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.92rem}.share-modal .share-modal-body .share-friend-row:hover{background:#f3f4f6}.share-modal .share-modal-body .share-friend-row input{accent-color:#059669}.share-modal .share-modal-body .hint a{color:#059669;font-weight:600}.share-modal .share-modal-footer{padding:12px 18px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.share-modal .share-modal-footer button{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent}.share-modal .share-modal-footer button.btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.share-modal .share-modal-footer button.btn-ghost:hover{background:#f3f4f6}.share-modal .share-modal-footer button.btn-primary{background:#059669;color:#fff}.share-modal .share-modal-footer button.btn-primary:hover{background:#047857}.trip-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.trip-actions .btn-complete{flex:1;padding:12px 20px;background:#22c55e;color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer}.trip-actions .btn-edit{flex:1;padding:12px 20px;background:#1a4d2e;color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;text-decoration:none;text-align:center;cursor:pointer}.trip-actions .btn-delete{padding:12px 20px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer}.trip-form-page{max-width:700px;margin:0 auto;padding:20px 16px 100px}.trip-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.trip-form-loading .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a4d2e;border-radius:50%;animation:spin .8s linear infinite}.trip-form-loading p{color:#6b7280}.back-link{display:inline-block;color:#1a4d2e;text-decoration:none;font-weight:600;font-size:.9rem;margin-bottom:16px}.back-link:hover{text-decoration:underline}h1{font-size:1.4rem;color:#1a4d2e;margin:0 0 24px}.trip-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1a4d2e;box-shadow:0 0 0 3px #1a4d2e1a}.form-group textarea{resize:vertical}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.form-row-2{grid-template-columns:1fr}}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 480px){.form-row-3{grid-template-columns:1fr}}.habitat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 480px){.habitat-grid{grid-template-columns:repeat(2,1fr)}}.habitat-grid .habitat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s}.habitat-grid .habitat-btn .habitat-icon{font-size:1.3rem}.habitat-grid .habitat-btn .habitat-label{font-size:.7rem;font-weight:600;color:#6b7280}.habitat-grid .habitat-btn.selected{border-color:#1a4d2e;background:#ecfdf5}.habitat-grid .habitat-btn.selected .habitat-label{color:#1a4d2e}.habitat-grid .habitat-btn:hover:not(.selected){border-color:#9ca3af}.weather-refresh-btn{display:block;width:100%;margin-top:6px;padding:10px 14px;font-size:.8rem;font-weight:500;text-align:center;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:10px;cursor:pointer;transition:all .15s}.weather-refresh-btn:hover:not(:disabled){background:#dcfce7}.weather-refresh-btn:disabled{cursor:wait;opacity:.7}.weather-refresh-btn.disabled{background:#fffbeb;color:#b45309;border-color:#fde68a;cursor:not-allowed;opacity:1}.weather-grid{display:flex;flex-wrap:wrap;gap:6px}.weather-grid .weather-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s}.weather-grid .weather-btn.selected{border-color:#1a4d2e;background:#ecfdf5;box-shadow:0 2px 8px #1a4d2e26}.weather-grid .weather-btn:hover:not(.selected){border-color:#9ca3af}.gps-indicator{padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:.8rem;color:#16a34a;font-weight:500}.target-species-section .hint{font-size:.78rem;color:#6b7280;margin:4px 0 8px}.target-species-section .target-species-grid{display:flex;flex-wrap:wrap;gap:8px}.target-species-section .target-chip{position:relative;padding:8px 14px;background:#fff;border:1.5px solid #d1d5db;border-radius:999px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.target-species-section .target-chip .target-badge{font-size:.72rem;background:#f3f4f6;padding:2px 6px;border-radius:8px;color:#6b7280}.target-species-section .target-chip .target-check{color:#d97706;font-weight:700}.target-species-section .target-chip:hover{border-color:#f59e0b}.target-species-section .target-chip.selected{background:#fffbeb;border-color:#f59e0b;color:#92400e;font-weight:600}.target-species-section .target-chip.selected .target-badge{background:#fef3c7;color:#92400e}.form-suggestions{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px}.form-suggestions h3{font-size:.9rem;color:#92400e;margin:0 0 10px}.form-suggestions .suggestion-chips{display:flex;flex-wrap:wrap;gap:6px}.form-suggestions .suggestion-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px solid #fde68a;border-radius:20px;font-size:.8rem;font-weight:600;color:#374151}.form-suggestions .suggestion-chip .chip-badge{font-size:.7rem}.friends-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px}.friends-section .hint{font-size:.88rem;color:#4b5563;margin:4px 0 10px}.friends-section .hint a{color:#059669;font-weight:600}.friends-section .participants-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.friends-section .participant-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;background:#fff;border:1.5px solid #d1d5db;border-radius:14px;cursor:pointer;font-size:.8rem;color:#374151;transition:all .15s;min-width:64px}.friends-section .participant-chip .chip-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.friends-section .participant-chip .chip-check{position:absolute;top:4px;right:6px;color:#059669;font-weight:700;font-size:.85rem}.friends-section .participant-chip:hover{border-color:#059669}.friends-section .participant-chip.selected{background:#d1fae5;border-color:#059669;color:#064e3b;font-weight:600}.friends-section .toggle-row{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#374151;cursor:pointer;padding:6px 0}.friends-section .toggle-row input{margin-top:3px;accent-color:#059669;flex-shrink:0}.submit-btn{padding:16px;background:#1a4d2e;color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1a4d2e4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.synergy-page{max-width:900px;margin:0 auto;padding:4rem .5rem 0}.synergy-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:20px;padding:2rem;text-align:center;color:#fff;margin-bottom:1.5rem}.synergy-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.synergy-header p{margin:0;opacity:.95;font-size:.95rem;color:#fff}.synergy-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f1f5f9;border-radius:12px;padding:4px}.synergy-tabs button{flex:1;padding:.75rem;border:none;border-radius:10px;background:transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;color:#64748b}.synergy-tabs button.active{background:#fff;color:#7c3aed;box-shadow:0 2px 8px #00000014}.synergy-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#7c3aed;color:#fff;border-radius:20px;font-size:.7rem;font-weight:700;vertical-align:middle;line-height:1}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.recipe-card{background:#fff;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s;border:2px solid #f1f5f9;position:relative}.recipe-card:hover{border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1f}.recipe-card .recipe-premium-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px}.recipe-card .recipe-icon{font-size:2rem;margin-bottom:.5rem}.recipe-card h3{margin:0 0 .25rem;font-size:1.1rem;color:#1e293b}.recipe-card .recipe-usage{color:#64748b;font-size:.85rem;margin:0 0 .75rem}.recipe-card .recipe-oils-preview{display:flex;flex-wrap:wrap;gap:.25rem}.recipe-card .recipe-oils-preview .oil-tag{font-size:.75rem;background:#f5f3ff;color:#7c3aed;padding:2px 8px;border-radius:20px}.recipe-detail .back-btn{background:none;border:none;color:#7c3aed;font-weight:600;cursor:pointer;padding:.5rem 0;font-size:1rem;margin-bottom:1rem}.recipe-detail-card{background:#fff;border-radius:20px;padding:2rem;border:2px solid #f1f5f9}.recipe-detail-card .recipe-detail-icon{font-size:3rem;margin-bottom:.5rem}.recipe-detail-card h2{margin:0 0 .25rem;color:#1e293b}.recipe-detail-card .recipe-usage{color:#7c3aed;font-weight:500;margin-bottom:1.5rem}.recipe-detail-card .recipe-section{margin-bottom:1.5rem}.recipe-detail-card .recipe-section h3{font-size:1rem;margin:0 0 .75rem;color:#334155}.recipe-detail-card .recipe-section.warning{background:#fffbeb;border-radius:12px;padding:1rem;border-left:4px solid #f59e0b}.recipe-detail-card .recipe-section.warning p{margin:0;color:#92400e;font-size:.9rem}.recipe-detail-card .recipe-oil-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.recipe-detail-card .recipe-oil-item .oil-name{font-weight:500;flex:1}.recipe-detail-card .recipe-oil-item .oil-link{color:#7c3aed;font-size:.85rem;text-decoration:none;font-weight:500}.recipe-detail-card .recipe-method{background:#f8fafc;padding:1rem;border-radius:12px;color:#334155;line-height:1.6;margin:0}.selection-summary{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #e9d5ff}.selection-summary h3{margin:0 0 .75rem;font-size:1rem;color:#7c3aed}.selected-oils{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selected-oils .selected-oil{display:flex;align-items:center;gap:.5rem;background:#f5f3ff;border:1px solid #e9d5ff;border-radius:25px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s}.selected-oils .selected-oil:hover{background:#fecaca;border-color:#fca5a5}.selected-oils .selected-oil .remove{color:#ef4444;font-weight:700}.common-props{margin-bottom:1rem}.common-props h4{margin:0 0 .5rem;font-size:.9rem;color:#334155}.common-props .prop-tag{display:inline-block;background:#ecfdf5;color:#059669;padding:4px 10px;border-radius:20px;font-size:.8rem;margin:.2rem;text-transform:capitalize}.matched-recipes h4{margin:0 0 .5rem;font-size:.9rem;color:#334155}.matched-recipes .matched-recipe{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#faf5ff;border-radius:12px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.matched-recipes .matched-recipe:hover{background:#f5f3ff}.matched-recipes .matched-recipe .recipe-icon-sm{font-size:1.5rem}.matched-recipes .matched-recipe strong{font-size:.9rem;display:block}.matched-recipes .matched-recipe .match-count{font-size:.8rem;color:#7c3aed}.multiselect-dropdown{position:relative}.multiselect-dropdown .multiselect-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff}.multiselect-dropdown .multiselect-input:focus{border-color:#7c3aed}.multiselect-dropdown .multiselect-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.multiselect-dropdown .multiselect-list{position:absolute;z-index:200;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #c4b5fd;border-radius:12px;max-height:240px;overflow-y:auto;box-shadow:0 8px 24px #7c3aed1f}.multiselect-dropdown .multiselect-option{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;cursor:pointer;transition:background .15s}.multiselect-dropdown .multiselect-option:hover{background:#faf5ff}.multiselect-dropdown .multiselect-option.selected{background:#f3e8ff}.multiselect-dropdown .multiselect-option.hv-selected{background:#f0fdf4}.multiselect-dropdown .multiselect-option .option-check{font-size:1rem;flex-shrink:0}.multiselect-dropdown .multiselect-option .option-name{font-weight:600;font-size:.88rem;color:#1e293b}.multiselect-dropdown .multiselect-option .option-latin{font-size:.75rem;color:#94a3b8;font-style:italic;margin-left:auto}.multiselect-dropdown .multiselect-empty{padding:1rem;text-align:center;color:#94a3b8;font-size:.9rem}.loading-state{text-align:center;padding:3rem;color:#64748b}.empty-aromatheque{text-align:center;padding:3rem 1.5rem;background:#fff;border:2px dashed #c4b5fd;border-radius:16px;margin:1rem 0}.empty-aromatheque .empty-icon{font-size:3rem;margin:0 0 .75rem}.empty-aromatheque h3{color:#1e293b;margin:0 0 .5rem;font-size:1.2rem}.empty-aromatheque p{color:#64748b;margin:0 0 1.25rem;font-size:.95rem}.empty-aromatheque .cta-link{display:inline-block;background:#7c3aed;color:#fff;padding:.65rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem;transition:all .2s}.empty-aromatheque .cta-link:hover{background:#5b21b6}.my-aromatheque-header{margin:1.25rem 0 .75rem;text-align:center}.my-aromatheque-header h3{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem}.my-aromatheque-header .hint{color:#64748b;margin:0;font-size:.85rem}.synergy-footer{text-align:center;padding:2rem 0}.synergy-footer .back-link{display:inline-block;background:#fff;color:#5b21b6;border:2px solid #5b21b6;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 2px 8px #7c3aed26;transition:all .2s ease}.synergy-footer .back-link:hover{background:#5b21b6;color:#fff}.premium-lock-banner{text-align:center;padding:2.5rem 1.5rem;margin:1rem 0;background:#fff;border-radius:20px;border:2px solid #e9d5ff}.premium-lock-banner h2{color:#1e293b;margin:0 0 .75rem}.premium-lock-banner p{color:#64748b;margin:0 0 .5rem;font-size:.95rem}.premium-lock-banner .premium-cta{display:inline-block;margin-top:1.25rem;padding:.75rem 2rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem;transition:opacity .2s}.premium-lock-banner .premium-cta:hover{opacity:.9}.suggestions-section{display:flex;flex-direction:column;gap:1.25rem}.aroma-filter-toggle{margin-bottom:.25rem}.aroma-filter-toggle .toggle-label{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.aroma-filter-toggle .toggle-label input[type=checkbox]{display:none}.aroma-filter-toggle .toggle-label .toggle-track{position:relative;width:40px;height:22px;background:#cbd5e1;border-radius:11px;transition:background .2s;flex-shrink:0}.aroma-filter-toggle .toggle-label .toggle-track .toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.aroma-filter-toggle .toggle-label input[type=checkbox]:checked+.toggle-track{background:#7c3aed}.aroma-filter-toggle .toggle-label input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translate(18px)}.aroma-filter-toggle .toggle-label .toggle-text{font-size:.85rem;font-weight:600;color:#475569}.suggestion-selection-block{background:#fff;border-radius:16px;padding:1.25rem;border:2px solid #f1f5f9}.selection-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.selection-block-header h3{margin:0;font-size:1rem;color:#1e293b}.selection-block-header .selection-hint{font-size:.75rem;color:#7c3aed;background:#f5f3ff;padding:2px 8px;border-radius:20px}.selected-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.selected-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:25px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.selected-pill.he-pill{background:#f5f3ff;border:1px solid #e9d5ff;color:#5b21b6}.selected-pill.he-pill:hover{background:#fecaca;border-color:#fca5a5;color:#dc2626}.selected-pill.hv-pill{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.selected-pill.hv-pill:hover{background:#fecaca;border-color:#fca5a5;color:#dc2626}.selected-pill .remove{font-weight:700;opacity:.7}.oil-card.hv-selected{border-color:#16a34a;background:#f0fdf4}.suggestions-results{background:#fff;border-radius:16px;padding:1.25rem;border:2px solid #e9d5ff}.suggestions-results>h3{margin:0 0 1rem;color:#7c3aed;font-size:1rem}.suggestions-results .results-count{font-size:.85rem;color:#64748b;margin:0 0 .75rem}.no-suggestions{text-align:center;padding:1.5rem;color:#94a3b8}.no-suggestions span{font-size:2rem;display:block;margin-bottom:.5rem}.no-suggestions p{margin:0;font-size:.9rem}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#faf5ff;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e9d5ff}.suggestion-card:hover{background:#f5f3ff;border-color:#c4b5fd}.suggestion-card .suggestion-card-left{display:flex;align-items:center;gap:.75rem}.suggestion-card .suggestion-card-left .suggestion-icon{font-size:1.5rem}.suggestion-card .suggestion-card-left strong{font-size:.9rem;display:block;color:#1e293b}.suggestion-card .suggestion-card-left .suggestion-usage{font-size:.78rem;color:#64748b}.suggestion-card .suggestion-card-right{display:flex;align-items:center;gap:.5rem}.suggestion-card .suggestion-card-right .match-badge{background:#7c3aed;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px}.suggestion-card .suggestion-card-right .arrow{color:#7c3aed;font-weight:700}.suggestion-match-banner{background:linear-gradient(135deg,#7c3aed15,#5b21b615);border:1px solid #e9d5ff;border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;color:#5b21b6;margin-bottom:1.25rem}.oil-match .oil-status{color:#16a34a;font-size:.78rem;font-weight:600}.oil-missing .oil-status{color:#dc2626;font-size:.78rem;font-weight:600}.composition-section{display:flex;flex-direction:column;gap:1.25rem}.composition-field{background:#fff;border-radius:16px;padding:1.25rem;border:2px solid #f1f5f9}.composition-field label{display:block;font-size:.9rem;font-weight:700;color:#334155;margin-bottom:.6rem}.composition-field label .required{color:#ef4444}.composition-field label .selection-hint{font-size:.75rem;font-weight:500;color:#7c3aed;background:#f5f3ff;padding:2px 8px;border-radius:20px;margin-left:.4rem}.composition-field input,.composition-field textarea{width:100%;padding:.7rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit;resize:vertical}.composition-field input:focus,.composition-field textarea:focus{border-color:#7c3aed}.method-chips{display:flex;flex-wrap:wrap;gap:.4rem}.method-chips .method-chip{padding:.4rem .85rem;border:2px solid #e2e8f0;border-radius:25px;background:#fff;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.method-chips .method-chip.active{border-color:#7c3aed;background:#f5f3ff;color:#7c3aed}.method-chips .method-chip:hover:not(.active){border-color:#c4b5fd}.generate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.generate-btn:hover:not(.disabled){opacity:.9;transform:translateY(-1px)}.generate-btn.disabled{opacity:.4;cursor:not-allowed}.composition-result .composition-sheet{background:#fff;border-radius:20px;padding:2rem;border:2px solid #e9d5ff;margin-top:1rem}.sheet-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.sheet-header .sheet-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.sheet-header h2{margin:0 0 .35rem;color:#1e293b}.sheet-header .sheet-usage{margin:0;color:#7c3aed;font-weight:500}.sheet-section{margin-bottom:1.5rem}.sheet-section h3{font-size:.95rem;color:#334155;margin:0 0 .75rem}.sheet-oil-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.sheet-oil-item .sheet-oil-name{font-weight:600;flex:1;font-size:.9rem}.sheet-oil-item .sheet-oil-latin{font-size:.75rem;color:#94a3b8;font-style:italic}.sheet-dosage{background:#f8fafc;padding:1rem;border-radius:12px;color:#334155;line-height:1.6;margin:0;font-size:.9rem}.sheet-notes{background:#fffbeb;border-radius:12px;padding:1rem;border-left:4px solid #f59e0b}.sheet-notes p{margin:0;color:#92400e;font-size:.9rem}.sheet-disclaimer{background:#fef2f2;border-radius:12px;padding:.85rem 1rem;color:#991b1b;font-size:.8rem;line-height:1.5;margin-bottom:1.5rem;border-left:3px solid #fca5a5}.reset-btn{width:100%;padding:.85rem;background:#f1f5f9;color:#475569;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#e2e8f0}.composition-topbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.list-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.list-btn:hover{background:#e2e8f0}.edit-comp-btn{background:#faf5ff;border:1px solid #c4b5fd;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:#7c3aed;cursor:pointer;transition:all .2s}.edit-comp-btn:hover{background:#ede9fe}.composition-result-actions-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.composition-result-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.save-comp-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.save-comp-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.save-comp-btn:disabled{opacity:.6;cursor:not-allowed}.save-success-banner{background:#dcfce7;color:#166534;border-radius:12px;padding:.85rem 1rem;font-weight:600;text-align:center;font-size:.95rem}.save-success-banner .link-btn{background:none;border:none;color:#166534;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.composition-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.7rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;z-index:9999;box-shadow:0 4px 20px #0003;white-space:nowrap}.composition-toast.error{background:#ef4444}.composition-toast.success{background:#10b981}.compositions-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.compositions-list-header h3{margin:0;font-size:1.1rem;color:#1e293b}.saved-compositions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.saved-composition-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:border-color .2s,box-shadow .2s}.saved-composition-card:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #7c3aed1a}.saved-composition-card .saved-comp-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.saved-composition-card .saved-comp-header .saved-comp-method{font-size:1.3rem}.saved-composition-card .saved-comp-header .saved-comp-name{font-weight:700;color:#1e293b;font-size:.95rem}.saved-composition-card .saved-comp-usage{font-size:.8rem;color:#64748b;margin:0 0 .5rem;font-style:italic}.saved-composition-card .saved-comp-meta{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.saved-composition-card .saved-comp-meta span{background:#f1f5f9;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;color:#475569;font-weight:600}.saved-composition-card .saved-comp-actions{display:flex;gap:.5rem}.saved-composition-card .saved-comp-actions .share-comp-btn{flex:1;padding:.5rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.saved-composition-card .saved-comp-actions .share-comp-btn:hover{background:#dbeafe}.saved-composition-card .saved-comp-actions .delete-comp-btn{padding:.5rem .75rem;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .15s}.saved-composition-card .saved-comp-actions .delete-comp-btn:hover{background:#fee2e2}.saved-composition-card .saved-comp-actions .delete-comp-btn.danger{flex:1;font-size:.8rem;font-weight:600}.saved-composition-card--shared{border-color:#c4b5fd;background:linear-gradient(135deg,#faf5ff,#fff);position:relative}.saved-composition-card--shared .shared-comp-unread-dot{position:absolute;top:.6rem;right:.6rem;width:10px;height:10px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 2px #fff,0 0 6px #7c3aed80}.saved-composition-card--shared .shared-comp-by{font-size:.78rem;color:#7c3aed;font-weight:600;margin:0 0 .4rem}.composition-shared-banner{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:1px solid #c4b5fd;border-radius:10px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.88rem;color:#5b21b6;text-align:center}.composition-shared-banner strong{color:#7c3aed}.share-modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.share-modal-content h3{margin:0 0 .4rem;font-size:1.05rem;color:#1e293b}.share-modal-content .share-hint{font-size:.82rem;color:#64748b;margin:0 0 1rem}.share-friends-list{display:flex;flex-direction:column;gap:.6rem}.share-friend-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .75rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.share-friend-item .friend-avatar-sm{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.share-friend-item .share-friend-name{flex:1;font-weight:600;font-size:.9rem;color:#1e293b}.share-friend-item .share-send-btn{padding:.4rem .85rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.share-friend-item .share-send-btn:hover:not(:disabled){opacity:.85}.share-friend-item .share-send-btn:disabled{opacity:.5;cursor:not-allowed}.share-friend-item .share-revoke-btn{padding:.4rem .85rem;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.share-friend-item .share-revoke-btn:hover:not(:disabled){background:#fee2e2}.share-friend-item .share-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem;color:#64748b;grid-column:1/-1}.empty-state .empty-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.empty-state p{margin:0}@media (max-width: 768px){.recipes-grid{grid-template-columns:1fr}.oils-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.calendar-page{max-width:900px;margin:0 auto;padding:4rem .5rem 0}.calendar-header{background:linear-gradient(135deg,#059669,#047857);border-radius:20px;padding:2rem;text-align:center;color:#fff;margin-bottom:1.5rem}.calendar-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.calendar-header p{margin:0;opacity:.95;font-size:.95rem;color:#fff}.view-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:#f1f5f9;border-radius:12px;padding:4px}.view-toggle button{flex:1;padding:.65rem;border:none;border-radius:10px;background:transparent;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:#64748b}.view-toggle button.active{background:#fff;color:#059669;box-shadow:0 2px 8px #00000014}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.category-filters button{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:25px;background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:#334155}.category-filters button.active{color:#fff;border-color:transparent}.month-selector{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.month-selector .month-nav{width:44px;height:44px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.month-selector .month-nav:hover{border-color:#059669;color:#059669}.month-selector .month-display{text-align:center}.month-selector .month-display h2{margin:.25rem 0 0;font-size:1.5rem;color:#1e293b}.month-selector .season-badge{display:inline-block;padding:2px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600}.month-pills{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.month-pills .month-pill{padding:.35rem .6rem;border:none;border-radius:8px;background:#f1f5f9;font-size:.75rem;font-weight:600;cursor:pointer;color:#64748b;transition:all .2s}.month-pills .month-pill.active{background:#059669;color:#fff}.month-pills .month-pill.current:not(.active){border:2px solid #059669}.plants-count{text-align:center;color:#64748b;font-size:.9rem;margin-bottom:1rem}.plants-list{display:flex;flex-direction:column;gap:.5rem}.plant-card{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:14px;padding:1rem;border-left:4px solid #e2e8f0;transition:all .2s}.plant-card.cat-sauvage{border-left-color:#059669}.plant-card.cat-champignon{border-left-color:#dc2626}.plant-card.cat-aromatique{border-left-color:#7c3aed}.plant-card:hover{box-shadow:0 4px 12px #0000000f}.plant-card .plant-icon{font-size:2rem}.plant-card .plant-info{flex:1}.plant-card .plant-info h3{margin:0;font-size:1rem;color:#1e293b}.plant-card .plant-info .plant-parts{margin:.2rem 0 0;font-size:.8rem;color:#64748b}.plant-card .plant-info .plant-habitat{margin:.1rem 0 0;font-size:.8rem;color:#94a3b8}.plant-card .plant-months{display:flex;gap:2px;flex-wrap:wrap;max-width:70px;justify-content:flex-end}.plant-card .plant-months .month-dot{width:18px;height:18px;border-radius:4px;background:#e2e8f0;font-size:.6rem;display:flex;align-items:center;justify-content:center;color:#94a3b8}.plant-card .plant-months .month-dot.active{background:#059669;color:#fff}.empty-state{text-align:center;padding:3rem;color:#94a3b8}.timeline-view{overflow-x:auto;background:#fff;border-radius:16px;padding:1rem}.timeline-header-row,.timeline-row{display:flex;align-items:center;min-height:32px}.timeline-header-row{font-weight:700;font-size:.75rem;color:#64748b;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem;margin-bottom:.25rem}.timeline-name-col{min-width:140px;max-width:140px;display:flex;align-items:center;gap:.35rem;font-size:.8rem;overflow:hidden}.timeline-name-col .timeline-plant-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-name-col .timeline-icon{font-size:1rem;flex-shrink:0}.timeline-month-col{flex:1;min-width:24px;text-align:center}.timeline-month-col.current{color:#059669;font-weight:800}.timeline-row{border-bottom:1px solid #f8fafc;padding:2px 0}.timeline-row:hover{background:#fafafa}.timeline-cell{flex:1;min-width:24px;height:20px;margin:1px;border-radius:4px;background:#f8fafc;transition:all .15s}.timeline-cell.active.cat-sauvage{background:#34d399}.timeline-cell.active.cat-champignon{background:#f87171}.timeline-cell.active.cat-aromatique{background:#a78bfa}.timeline-cell.current{outline:2px solid #059669;outline-offset:-1px}.calendar-footer{text-align:center;padding:2rem 0}.calendar-footer .back-link{display:inline-block;background:#fff;color:#047857;border:2px solid #047857;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 2px 8px #05966926;transition:all .2s ease}.calendar-footer .back-link:hover{background:#047857;color:#fff}@media (max-width: 768px){.timeline-name-col{min-width:100px;max-width:100px;font-size:.7rem}.timeline-cell{min-width:18px;height:16px}}.quiz-page{max-width:700px;margin:0 auto;padding:4rem .5rem 0;min-height:80vh;display:flex;flex-direction:column}.quiz-header{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;padding:2rem;text-align:center;color:#fff;margin-bottom:1.5rem}.quiz-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.quiz-header p{margin:0;opacity:.95;font-size:.95rem;color:#fff}.quiz-header.results-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.mode-selection h2{text-align:center;color:#334155;margin-bottom:1.25rem}.mode-selection .mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem}.mode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;width:100%;height:auto;min-height:160px;padding:1.75rem 1rem;background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:pointer;transition:all .25s ease;color:#1e293b;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.mode-card:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 8px 24px #22c55e26}.mode-card.coming-soon{opacity:.7;cursor:not-allowed}.mode-card.coming-soon:hover{transform:none;border-color:#f1f5f9;box-shadow:0 4px 12px #0000000f}.mode-card.coming-soon .coming-soon-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #f59e0b66}.mode-card .mode-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 4px 12px #22c55e1f}.mode-card .mode-label{font-size:1rem;font-weight:700;color:#1f2937;margin:0;line-height:1.25}.mode-card .mode-desc{font-size:.78rem;color:#6b7280;margin:0;line-height:1.35;text-align:center}.quiz-top-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.quiz-top-bar .quit-btn{width:36px;height:36px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;font-size:1rem;cursor:pointer;color:#64748b}.quiz-top-bar .progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.quiz-top-bar .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;transition:width .3s ease}.quiz-top-bar .q-counter{font-weight:700;color:#64748b;font-size:.9rem;min-width:40px;text-align:right}.streak-badge{text-align:center;font-size:1rem;font-weight:700;color:#f59e0b;margin-bottom:.75rem;animation:streakPop .3s ease}@keyframes streakPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.question-card{background:#fff;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #f1f5f9;text-align:center}.question-card .question-image{width:100%;max-height:250px;border-radius:14px;overflow:hidden;margin-bottom:1rem}.question-card .question-image img{width:100%;height:100%;object-fit:cover;max-height:250px}.question-card .question-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;line-height:1.5;white-space:pre-line}.options-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.option-btn{width:100%;padding:1rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;color:#1e293b;text-align:left}.option-btn:hover{border-color:#22c55e;background:#f0fdf4}.option-btn:disabled{cursor:default;opacity:.85}.option-btn:disabled:hover{border-color:#e2e8f0;background:#fff}.option-btn.correct{border-color:#22c55e;background:#dcfce7;color:#15803d;font-weight:700;animation:correctPulse .3s ease}.option-btn.wrong{border-color:#ef4444;background:#fee2e2;color:#b91c1c;font-weight:700;animation:wrongShake .3s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.score-bar{text-align:center;color:#64748b;font-weight:600;font-size:.9rem}.explanation-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-radius:14px;margin-bottom:1rem;font-weight:600;font-size:.95rem;animation:slideUp .25s ease}.explanation-bar.success{background:#dcfce7;color:#15803d}.explanation-bar.error{background:#fee2e2;color:#b91c1c}.explanation-bar .next-btn{padding:.5rem 1rem;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap;background:#fff;color:#334155;box-shadow:0 2px 6px #00000014}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.question-mode-badge{display:inline-block;font-size:1.5rem;margin-bottom:.5rem}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.results-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;border:2px solid #f1f5f9;margin-bottom:1.5rem}.results-score{margin-bottom:1rem}.results-score .score-circle{display:inline-flex;align-items:baseline;gap:2px}.results-score .score-circle .score-num{font-size:4rem;font-weight:800;color:#22c55e}.results-score .score-circle .score-den{font-size:1.5rem;color:#94a3b8}.score-message{font-size:1.2rem;font-weight:600;color:#334155;margin-bottom:1.5rem}.results-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.results-stats .result-stat{display:flex;flex-direction:column}.results-stats .result-stat .result-value{font-size:1.25rem;font-weight:700}.results-stats .result-stat .result-label{font-size:.8rem;color:#94a3b8}.results-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.results-actions .action-btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.results-actions .action-btn.primary{background:#22c55e;color:#fff}.results-actions .action-btn.primary:hover{background:#16a34a}.results-actions .action-btn.secondary{background:#f1f5f9;color:#64748b}.results-actions .action-btn.secondary:hover{background:#e2e8f0}.reward-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;padding:1.25rem;margin:1.25rem 0;text-align:center;animation:rewardAppear .4s ease}.reward-section .reward-saving,.reward-section .reward-limit,.reward-section .reward-error{margin:0;color:#78350f;font-weight:600;font-size:.95rem}.reward-section .reward-error{color:#991b1b}.reward-section .reward-points{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.reward-section .reward-points .reward-icon{font-size:2rem}.reward-section .reward-points .reward-value{font-size:1.75rem;font-weight:800;color:#b45309;text-shadow:0 1px 2px rgba(180,83,9,.2)}.reward-section .reward-breakdown{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;font-size:.8rem;color:#78350f;font-weight:500;opacity:.85}.reward-section .reward-badges{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(180,83,9,.3)}.reward-section .reward-badges h4{margin:0 0 .75rem;color:#78350f;font-size:1rem}.reward-section .reward-badges .badges-list{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.reward-section .reward-badges .badge-unlocked{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#fff;padding:.6rem .85rem;border-radius:12px;box-shadow:0 2px 6px #0000001a;animation:badgePop .5s ease}.reward-section .reward-badges .badge-unlocked .badge-icon{font-size:1.75rem}.reward-section .reward-badges .badge-unlocked .badge-name{font-size:.7rem;font-weight:600;color:#1e293b;text-align:center}.reward-login-hint{text-align:center;background:#f1f5f9;border-radius:12px;padding:.75rem;margin:1.25rem 0;color:#64748b;font-size:.9rem;font-weight:500}@keyframes rewardAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes badgePop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.quiz-rules-card{background:#fff;border-radius:16px;padding:1.25rem;margin:1.5rem 0;box-shadow:0 4px 12px #0000000f;border:1px solid #e2e8f0}.quiz-rules-card h3{margin:0 0 .75rem;color:#1e293b;font-size:1rem;text-align:center}.quiz-rules-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.quiz-rules-card ul li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569}.quiz-rules-card ul li strong{color:#16a34a;font-weight:700}.loading-state,.empty-state{text-align:center;padding:3rem;color:#64748b}.loading-state .retry-btn,.empty-state .retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#22c55e;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer}.quiz-footer{text-align:center;margin-top:auto}.quiz-footer .back-link{display:inline-block;background:#fff;color:#16a34a;border:2px solid #16a34a;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 2px 8px #22c55e26;transition:all .2s ease}.quiz-footer .back-link:hover{background:#16a34a;color:#fff}.friends-page{max-width:780px;margin:0 auto;padding:calc(var(--navbar-height, 56px) + 1rem) 16px 80px}.friends-page .friends-back{display:inline-block;margin-bottom:12px;color:#2d6a4f;text-decoration:none;font-weight:600;font-size:.9rem}.friends-page .friends-back:hover{text-decoration:underline}.friends-page h1{margin:0 0 6px;font-size:1.8rem;color:#064e3b}.friends-page .subtitle{color:#4b5563;font-size:.95rem;margin-bottom:20px}.friends-page .loading-spinner{width:36px;height:36px;border:3px solid #d1fae5;border-top-color:#059669;border-radius:50%;animation:spin .8s linear infinite;margin:40px auto 10px}.friends-page .friend-request-form{display:flex;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin-bottom:14px;flex-wrap:wrap}.friends-page .friend-request-form input[type=email]{flex:1;min-width:200px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff}.friends-page .friend-request-form button{padding:10px 16px;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.friends-page .friend-request-form button:hover:not(:disabled){background:#047857}.friends-page .friend-request-form button:disabled{opacity:.6;cursor:not-allowed}.friends-page .friend-feedback{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:.9rem;font-weight:500}.friends-page .friend-feedback.success{background:#d1fae5;color:#064e3b}.friends-page .friend-feedback.error{background:#fee2e2;color:#991b1b}.friends-page .friends-preferences{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;margin-bottom:14px}.friends-page .friends-preferences .pref-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9rem;color:#374151}.friends-page .friends-preferences .pref-toggle input{margin-top:3px;accent-color:#059669}.friends-page .friends-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e5e7eb}.friends-page .friends-tabs button{background:none;border:none;padding:10px 14px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.friends-page .friends-tabs button:hover{color:#059669}.friends-page .friends-tabs button.active{color:#059669;border-bottom-color:#059669}.friends-page .friends-tabs button .badge-count{background:#ef4444;color:#fff;border-radius:10px;padding:2px 7px;font-size:.75rem}.friends-page .friends-list{display:flex;flex-direction:column;gap:10px}.friends-page .friends-list .empty{text-align:center;color:#6b7280;padding:30px 10px;background:#f9fafb;border-radius:10px}.friends-page .friend-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:10px}.friends-page .friend-item.pending{background:#fffbeb;border-color:#fde68a}.friends-page .friend-item .friend-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.friends-page .friend-item .friend-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.friends-page .friend-item .friend-name{font-weight:600;color:#111827}.friends-page .friend-item .friend-meta{font-size:.82rem;color:#6b7280}.friends-page .friend-item .friend-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto;justify-content:flex-end}.friends-page .friend-item .friend-actions .share-toggle{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#374151;cursor:pointer}.friends-page .friend-item .friend-actions .share-toggle input{accent-color:#059669}.friends-page .friend-item .friend-actions button{padding:6px 12px;font-size:.82rem;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}.friends-page .friend-item .friend-actions button.btn-primary{background:#059669;color:#fff}.friends-page .friend-item .friend-actions button.btn-primary:hover{background:#047857}.friends-page .friend-item .friend-actions button.btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.friends-page .friend-item .friend-actions button.btn-ghost:hover{background:#f3f4f6}.friends-page .friend-item .friend-actions button.btn-danger{background:#fff;border-color:#fecaca;color:#b91c1c}.friends-page .friend-item .friend-actions button.btn-danger:hover{background:#fee2e2}.friend-settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2000;animation:fade-in .15s ease-out}.friend-settings-modal .modal-card{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 25px 60px #00000040;overflow:hidden;animation:pop-in .2s ease-out}.friend-settings-modal .modal-header{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 10px;border-bottom:1px solid #f3f4f6;position:relative}.friend-settings-modal .modal-header .modal-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.friend-settings-modal .modal-header h3{margin:0 0 4px;font-size:1.1rem;color:#111827}.friend-settings-modal .modal-header .modal-sub{margin:0;font-size:.82rem;color:#6b7280;line-height:1.35}.friend-settings-modal .modal-header .modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.1rem;color:#6b7280;cursor:pointer;padding:6px 10px;border-radius:8px}.friend-settings-modal .modal-header .modal-close:hover:not(:disabled){background:#f3f4f6;color:#111827}.friend-settings-modal .modal-header .modal-close:disabled{opacity:.5;cursor:not-allowed}.friend-settings-modal .modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.friend-settings-modal .modal-toggle{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:background .15s}.friend-settings-modal .modal-toggle:hover{background:#f3f4f6}.friend-settings-modal .modal-toggle input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#059669;flex-shrink:0;cursor:pointer}.friend-settings-modal .modal-toggle span{display:flex;flex-direction:column;gap:3px;font-size:.9rem;color:#111827}.friend-settings-modal .modal-toggle span strong{font-weight:600}.friend-settings-modal .modal-toggle span small{font-size:.8rem;color:#6b7280;line-height:1.35}.friend-settings-modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 18px;border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center}.friend-settings-modal .modal-actions .modal-actions-spacer{flex:1}.friend-settings-modal .modal-actions button{padding:8px 18px;font-size:.9rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer}.friend-settings-modal .modal-actions button.btn-primary{background:#059669;color:#fff}.friend-settings-modal .modal-actions button.btn-primary:hover:not(:disabled){background:#047857}.friend-settings-modal .modal-actions button.btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.friend-settings-modal .modal-actions button.btn-ghost:hover:not(:disabled){background:#f3f4f6}.friend-settings-modal .modal-actions button.btn-ghost.btn-danger-ghost{border-color:#fecaca;color:#b91c1c}.friend-settings-modal .modal-actions button.btn-ghost.btn-danger-ghost:hover:not(:disabled){background:#fef2f2}.friend-settings-modal .modal-actions button.btn-danger{background:#fff;border-color:#fecaca;color:#b91c1c}.friend-settings-modal .modal-actions button.btn-danger:hover:not(:disabled){background:#fee2e2}.friend-settings-modal .modal-actions button:disabled{opacity:.6;cursor:not-allowed}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hg-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height, 56px);background:#1a4d2e;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:100;box-shadow:0 2px 8px #0000004d}.hg-navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:7px;background:none;border:none;cursor:pointer;border-radius:8px;flex-shrink:0;transition:background .2s}.hg-navbar__hamburger:hover{background:#ffffff1f}.hg-navbar__hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px}@media (max-width: 768px){.hg-navbar__hamburger{display:flex}}.hg-navbar__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}@media (max-width: 768px){.hg-navbar__brand{position:absolute;left:50%;transform:translate(-50%)}}.hg-navbar__logo{width:30px;height:30px;border-radius:8px;object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.hg-navbar__title{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.01em}.hg-navbar__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.hg-app-switcher{position:relative}.hg-app-switcher__btn{width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#fffc}.hg-app-switcher__btn:hover,.hg-app-switcher__btn.active{background:#ffffff24;color:#fff}.hg-app-switcher__dots{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:3px}.hg-app-switcher__dots span{display:block;width:4px;height:4px;background:currentColor;border-radius:1px}.hg-app-switcher__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:270px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 8px 30px #00000024;padding:12px;z-index:200;animation:hgDropdownIn .15s ease}.hg-app-switcher__title{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;margin:0 0 10px 4px}.hg-app-switcher__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hg-app-switcher__app{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:10px;text-decoration:none;cursor:pointer;transition:background .15s;border:1px solid transparent}.hg-app-switcher__app:hover{background:#0000000a}.hg-app-switcher__app--current{background:#16a34a12;border-color:#16a34a38;cursor:default}.hg-app-switcher__app--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.hg-app-switcher__app-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.hg-app-switcher__app-name{font-size:.68rem;font-weight:500;color:#374151;text-align:center;line-height:1.2}.hg-app-switcher__soon{font-size:.58rem;background:#00000012;padding:1px 5px;border-radius:4px;color:#6b7280}.hg-user-menu{position:relative}.hg-user-menu__btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#2d6a4f;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s;flex-shrink:0}.hg-user-menu__btn:hover,.hg-user-menu__btn.active{border-color:#ffffffb3}.hg-user-menu__avatar-img{width:100%;height:100%;object-fit:cover}.hg-user-menu__initials{color:#fff;font-size:.78rem;font-weight:700;line-height:1;letter-spacing:.04em}.hg-user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 8px 30px #0000001f;padding:8px;z-index:200;animation:hgDropdownIn .15s ease}.hg-user-menu__name{font-size:.8rem;font-weight:600;color:#1a4d2e;padding:4px 8px 8px;margin:0}.hg-user-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.hg-user-menu__item:hover{background:#0000000d}.hg-user-menu__item--danger{color:#dc2626}.hg-user-menu__item--danger:hover{background:#dc262612}.hg-user-menu__separator{height:1px;background:#00000014;margin:4px 0}@keyframes hgDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hg-sidebar-backdrop{display:none}@media (max-width: 768px){.hg-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:59;animation:hgSidebarFadeIn .2s ease}}@keyframes hgSidebarFadeIn{0%{opacity:0}to{opacity:1}}.hg-sidebar{position:fixed;top:var(--navbar-height, 56px);left:0;width:var(--sidebar-width, 220px);height:calc(100vh - var(--navbar-height, 56px));height:calc(100dvh - var(--navbar-height, 56px));background:linear-gradient(180deg,#1a3d20,#0f2010);border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow-x:hidden;z-index:60;transition:width .3s ease,transform .3s ease;color:#ffffffbf}.hg-sidebar--collapsed{width:var(--sidebar-collapsed-width, 56px)}@media (max-width: 768px){.hg-sidebar{transform:translate(-100%);width:280px!important;box-shadow:4px 0 24px #0006}.hg-sidebar--open{transform:translate(0)}}.hg-sidebar__nav{flex:1;padding:.5rem 0;display:flex;flex-direction:column;gap:1px;overflow-y:auto;overflow-x:hidden}.hg-sidebar__nav::-webkit-scrollbar{width:3px}.hg-sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.hg-sidebar__separator{height:1px;background:#ffffff14;margin:.3rem .75rem;flex-shrink:0}.hg-sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#ffffffb3;text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;border:none;background:none;cursor:pointer;width:100%;text-align:left;border-left:3px solid transparent;transition:background .15s,color .15s}.hg-sidebar__link:hover{background:#ffffff0f;color:#fffffff2}.hg-sidebar__link--active{color:#4ade80;background:#4ade801a;border-left-color:#4ade80;font-weight:600}.hg-sidebar__section-icon{display:flex;align-items:center;justify-content:center;width:100%;padding:.65rem 0;background:none;border:none;border-left:3px solid transparent;cursor:pointer;font-size:1.15rem;color:#ffffff9e;transition:background .15s,color .15s}.hg-sidebar__section-icon:hover{background:#ffffff0f;color:#ffffffe6}.hg-sidebar__section-icon--active{color:#4ade80;background:#4ade8014;border-left-color:#4ade80}.hg-sidebar__section{display:flex;flex-direction:column}.hg-sidebar__section-header{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:none;border:none;border-left:3px solid transparent;cursor:pointer;color:#ffffffb3;font-size:.875rem;font-weight:600;width:100%;text-align:left;white-space:nowrap;transition:background .15s,color .15s}.hg-sidebar__section-header:hover{background:#ffffff0f;color:#fffffff2}.hg-sidebar__section-header--active{color:#4ade80;border-left-color:#4ade80}.hg-sidebar__chevron{margin-left:auto;font-size:1.1rem;transition:transform .2s ease;opacity:.45;flex-shrink:0}.hg-sidebar__chevron--open{transform:rotate(90deg);opacity:.75}.hg-sidebar__sub{display:flex;flex-direction:column;align-items:flex-start;padding-left:.5rem;gap:1px;margin-bottom:.25rem}.hg-sidebar__sublink{display:flex;align-items:center;gap:.65rem;padding:.42rem 1rem .42rem .75rem;color:#ffffff94;text-decoration:none;font-size:.82rem;font-weight:400;white-space:nowrap;border-left:2px solid rgba(255,255,255,.06);transition:background .15s,color .15s,border-color .15s}.hg-sidebar__sublink:hover{background:#ffffff0d;color:#ffffffe6;border-left-color:#4ade8059}.hg-sidebar__sublink--active{color:#4ade80;border-left-color:#4ade80;font-weight:600;background:#4ade8012}.hg-sidebar__sublink--soon{cursor:default;opacity:.45;pointer-events:none}.hg-sidebar__soon-badge{margin-left:auto;font-size:.6rem;font-weight:700;background:#4ade802e;color:#4ade80;border-radius:5px;padding:2px 5px;white-space:nowrap;flex-shrink:0}.hg-sidebar__icon{font-size:1rem;flex-shrink:0;width:1.4rem;text-align:center}.hg-sidebar__label{overflow:hidden;text-overflow:ellipsis;flex:1}.hg-sidebar__footer{padding:.4rem 0;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;flex-direction:column;gap:1px}.hg-sidebar__logout{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#ff6464bf;background:none;border:none;border-left:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;width:100%;text-align:left;white-space:nowrap;transition:background .15s,color .15s}.hg-sidebar__logout:hover{background:#ff505014;color:#ff7878}.hg-sidebar__copyright{font-size:.65rem;color:#ffffff4d;text-align:center;padding:.75rem .5rem .5rem;line-height:1.4;margin:0;flex-shrink:0}.hg-sidebar__toggle{position:absolute;right:-8px;top:95%;transform:translateY(-50%);width:28px;height:28px;border-radius:25%;background:#2d6a4f;border:2px solid rgba(255,255,255,.45);color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:61;box-shadow:0 2px 8px #00000059;transition:background .2s,box-shadow .2s}.hg-sidebar__toggle:hover{background:#4ade80;color:#1a4d2e;box-shadow:0 3px 12px #4ade8066}@media (max-width: 768px){.hg-sidebar__toggle{display:none}}.scan-return-fab{position:fixed;bottom:80px;right:1rem;z-index:1000;display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:none;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #00000059;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.scan-return-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.scan-return-fab:active{transform:translateY(0)}@media (max-width: 480px){.scan-return-fab{bottom:70px;right:.75rem;font-size:.8rem;padding:.5rem .85rem}}:root{--navbar-height: 56px;--sidebar-width: 220px;--sidebar-collapsed-width: 56px}.hg-layout{min-height:100vh}.hg-layout__container{display:flex;width:100%;min-height:100vh}.hg-layout__main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease;overflow-x:hidden;min-width:0}.hg-layout__main--expanded{margin-left:var(--sidebar-collapsed-width)}@media (max-width: 768px){.hg-layout__main{margin-left:0!important;width:100%}}.app-switcher{position:relative;width:100%}.app-switcher .app-switcher-btn{width:100%;background:transparent;border:none;color:#000;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;border-radius:8px}.app-switcher .app-switcher-btn:hover{background-color:#ffffff1a;transform:translate(2px)}.app-switcher .app-switcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a4d2ebf;z-index:10000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-switcher .app-switcher-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:95vh;background:linear-gradient(135deg,#1a4d2efa,#2d6a4ffa);border:2px solid rgba(74,222,128,.4);border-radius:20px;box-shadow:0 25px 50px #00000080;z-index:10001;animation:modalSlideIn .3s ease;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-switcher .app-switcher-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#2d6a4f26;border-bottom:2px solid rgba(45,106,79,.3)}.app-switcher .app-switcher-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.app-switcher .app-switcher-modal .modal-header .modal-close{background:#2d6a4f33;border:2px solid rgba(45,106,79,.4);color:#e6e9ef;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;font-weight:300}.app-switcher .app-switcher-modal .modal-header .modal-close:hover{background:#2d6a4f59;border-color:#4ade8099;transform:rotate(90deg)}.app-switcher .app-switcher-modal .modal-description{padding:16px 24px;margin:0;font-size:.875rem;color:#e6e9ef;opacity:.9;text-align:center;background:#2d6a4f0d;border-bottom:2px solid rgba(45,106,79,.15)}.app-switcher .app-switcher-modal .app-list{padding:20px;overflow-y:auto;flex:1}.app-switcher .app-switcher-modal .app-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px;width:100%;height:auto;background:#2d6a4f14;border:2px solid rgba(45,106,79,.25);border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:left}.app-switcher .app-switcher-modal .app-item:not(:last-child){margin-bottom:12px}.app-switcher .app-switcher-modal .app-item:hover:not(.current){background:#2d6a4f26;border-color:#4ade8080;transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.app-switcher .app-switcher-modal .app-item.current{background:#2d6a4f33;border-color:#4ade80;cursor:default}.app-switcher .app-switcher-modal .app-item .app-logo{width:56px;height:56px;flex-shrink:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#2d6a4f,#1a4d2e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;box-shadow:0 4px 12px #2d6a4f80}.app-switcher .app-switcher-modal .app-item .app-logo img{width:100%;height:100%;object-fit:cover}.app-switcher .app-switcher-modal .app-item .app-info{flex:1;min-width:0}.app-switcher .app-switcher-modal .app-item .app-info .app-name{display:flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;color:#e6e9ef;margin-bottom:4px}.app-switcher .app-switcher-modal .app-item .app-info .app-name .current-badge{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;font-size:.6875rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4ade8066}.app-switcher .app-switcher-modal .app-item .app-info .app-description{font-size:.8125rem;color:#e6e9ef;opacity:.7;line-height:1.4}.app-switcher .app-switcher-modal .app-item .app-action{flex-shrink:0}.app-switcher .app-switcher-modal .app-item .app-action .arrow{font-size:22px;color:#4ade80;transition:transform .25s ease;font-weight:700}.app-switcher .app-switcher-modal .app-item:hover:not(.current) .arrow{transform:translate(6px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.app-switcher .app-switcher-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;top:auto;bottom:0;left:0;transform:none;animation:slideUp .3s ease}.app-switcher .app-switcher-modal .modal-description{display:none}.app-switcher .app-item .app-logo{width:48px;height:48px;font-size:28px}.app-switcher .app-item .app-info .app-name{font-size:.9375rem}.app-switcher .app-item .app-info .app-description{font-size:.75rem}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}.admin-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.admin-page .admin-container{max-width:1400px;margin:0 auto}.admin-page .admin-container .admin-header{text-align:center;margin-bottom:3rem}.admin-page .admin-container .admin-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.admin-page .admin-container .admin-header .admin-subtitle{font-size:1.125rem;color:#6b7280}.admin-page .admin-container .admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.admin-page .admin-container .admin-stats .stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-left:4px solid #4ade80;transition:all .3s ease}.admin-page .admin-container .admin-stats .stat-card.clickable{cursor:pointer;border:2px solid transparent}.admin-page .admin-container .admin-stats .stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 20px #1a4d2e33;border-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.clickable.active{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-color:#1a4d2e;box-shadow:0 6px 20px #1a4d2e66}.admin-page .admin-container .admin-stats .stat-card.clickable.active .stat-number,.admin-page .admin-container .admin-stats .stat-card.clickable.active .stat-label{color:#fff}.admin-page .admin-container .admin-stats .stat-card.premium{border-left-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.premium.clickable:hover{border-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.premium.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.pro{border-left-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.pro.clickable:hover{border-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.pro.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.essential{border-left-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.essential.clickable:hover{border-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.essential.active{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.active-card{border-left-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.active-card.clickable:hover{border-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.active-card.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.admin-page .admin-container .admin-stats .stat-card.blocked-card{border-left-color:#f87171}.admin-page .admin-container .admin-stats .stat-card.blocked-card.clickable:hover{border-color:#f87171}.admin-page .admin-container .admin-stats .stat-card.blocked-card.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.admin-page .admin-container .admin-stats .stat-card .stat-number{font-size:2.5rem;font-weight:700;color:#1a4d2e}.admin-page .admin-container .admin-stats .stat-card .stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-page .admin-container .admin-filters{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.admin-page .admin-container .admin-filters .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease}.admin-page .admin-container .admin-filters .search-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.admin-page .admin-container .mobile-only{display:none}.admin-page .admin-container .desktop-only{display:block}.admin-page .admin-container .users-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:2rem}.admin-page .admin-container .users-table-container .users-table{width:100%;border-collapse:collapse}.admin-page .admin-container .users-table-container .users-table thead{background:linear-gradient(135deg,#1a4d2e,#2d6a4f)}.admin-page .admin-container .users-table-container .users-table thead tr th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.admin-page .admin-container .users-table-container .users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.admin-page .admin-container .users-table-container .users-table tbody tr:hover{background-color:#f9fafb}.admin-page .admin-container .users-table-container .users-table tbody tr:last-child{border-bottom:none}.admin-page .admin-container .users-table-container .users-table tbody tr td{padding:1rem;font-size:.875rem;color:#374151}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.essential{background:#e5e7eb;color:#6b7280}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.pro{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch{position:relative;display:inline-block;width:48px;height:24px}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input{opacity:0;width:0;height:0}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input:checked+.slider{background-color:#4ade80}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input:checked+.slider:before{transform:translate(24px)}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons{display:flex;gap:.5rem}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button:hover:not(:disabled){transform:scale(1.1)}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-block{background:#fecaca;color:#991b1b}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-block:hover{background:#fca5a5}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-unblock{background:#bbf7d0;color:#166534}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-unblock:hover{background:#86efac}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5)}.admin-page .admin-container .users-cards{display:none;flex-direction:column;gap:1rem}.admin-page .admin-container .users-cards .user-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:1rem;transition:all .3s ease}.admin-page .admin-container .users-cards .user-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.admin-page .admin-container .users-cards .user-card__header{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.admin-page .admin-container .users-cards .user-card__header .user-avatar-large{width:48px;height:48px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;flex-shrink:0}.admin-page .admin-container .users-cards .user-card__header .user-main-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-page .admin-container .users-cards .user-card__header .user-main-info h3{margin:0;font-size:1.125rem;font-weight:600;color:#1a4d2e}.admin-page .admin-container .users-cards .user-card__header .user-main-info .user-email{font-size:.875rem;color:#6b7280;margin:0;word-break:break-word}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row{display:flex;gap:.5rem;flex-wrap:wrap}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .id-badge{display:inline-block;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;background:#6b7280;color:#fff}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge{display:inline-block;padding:.25rem .625rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.essential{background:#e5e7eb;color:#6b7280}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.pro{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.admin-page .admin-container .users-cards .user-card__toggles{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:12px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .toggle-label{font-size:.875rem;font-weight:600;color:#374151}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch{position:relative;display:inline-block;width:48px;height:24px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input{opacity:0;width:0;height:0}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input:checked+.slider{background-color:#4ade80}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input:checked+.slider:before{transform:translate(24px)}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.admin-page .admin-container .users-cards .user-card__actions{display:flex;gap:.5rem}.admin-page .admin-container .users-cards .user-card__actions button{flex:1;padding:.75rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-page .admin-container .users-cards .user-card__actions button:hover:not(:disabled){transform:scale(1.02)}.admin-page .admin-container .users-cards .user-card__actions button:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-container .users-cards .user-card__actions .block-btn{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.admin-page .admin-container .users-cards .user-card__actions .block-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171)}.admin-page .admin-container .users-cards .user-card__actions .unblock-btn{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#166534}.admin-page .admin-container .users-cards .user-card__actions .unblock-btn:hover{background:linear-gradient(135deg,#86efac,#4ade80)}.admin-page .admin-container .users-cards .user-card__actions .delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.admin-page .admin-container .users-cards .user-card__actions .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5)}.admin-page .admin-container .loading{text-align:center;padding:3rem;font-size:1.25rem;color:#6b7280}.admin-page .admin-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.admin-page .admin-container .back-button-container a{text-decoration:none}.admin-page .admin-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.admin-page .admin-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.admin-page .admin-container .back-button-container button:active{transform:translateY(0)}.admin-page .admin-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.admin-page .admin-container .back-button-container{margin:2rem auto 0}.admin-page .admin-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.admin-page .admin-container .admin-quick-links{grid-template-columns:1fr;gap:1rem}.admin-page .admin-container .admin-quick-links .quick-link-card{padding:1.5rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-icon{font-size:2rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-content h3{font-size:1rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-content p{font-size:.8125rem}}@media (max-width: 768px){.admin-page{padding:5rem 1rem 2rem}.admin-page .admin-container .admin-header h1{font-size:1.75rem}.admin-page .admin-container .admin-header .admin-subtitle{font-size:1rem}.admin-page .admin-container .admin-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.admin-page .admin-container .admin-stats .stat-card{padding:.75rem}.admin-page .admin-container .admin-stats .stat-card .stat-number{font-size:1.5rem}.admin-page .admin-container .admin-stats .stat-card .stat-label{font-size:.7rem}.admin-page .admin-container .admin-filters .search-input{width:100%}.admin-page .admin-container .desktop-only{display:none!important}.admin-page .admin-container .users-cards{display:flex!important}}.content-management-page{padding:100px 20px 80px;max-width:100vw;margin:0}@media (max-width: 768px){.content-management-page{padding:80px 12px 60px}}@media (max-width: 480px){.content-management-page{padding:70px 8px 50px}}@media (max-width: 768px){.page-header{margin-bottom:20px}}@media (max-width: 480px){.page-header{margin-bottom:15px}}@media (max-width: 768px){.page-header h1{font-size:24px}}@media (max-width: 480px){.page-header h1{font-size:20px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-bottom:20px!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}.stat-card{position:relative;background:#fff;border-radius:15px;padding:6px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;cursor:pointer;border:3px solid transparent}@media (max-width: 768px){.stat-card{padding:12px;gap:10px;border-radius:10px;border-width:2px}}@media (max-width: 480px){.stat-card{flex-direction:column;padding:10px 8px;gap:6px;text-align:center}}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026;border-color:#3498db}.stat-card.active{border-color:#27ae60;background:linear-gradient(135deg,#f8fff9,#e8f8f0);box-shadow:0 4px 20px #27ae6033}.stat-card.active .stat-icon{transform:scale(1.1)}.stat-card.active .stat-value{color:#27ae60}.stat-card .stat-icon{font-size:36px;transition:transform .3s ease}@media (max-width: 768px){.stat-card .stat-icon{font-size:28px}}@media (max-width: 480px){.stat-card .stat-icon{font-size:24px}}.stat-card .active-indicator{position:absolute;top:10px;right:10px;background:#27ae60;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #27ae604d}@media (max-width: 768px){.stat-card .active-indicator{width:22px;height:22px;font-size:12px;top:6px;right:6px}}@media (max-width: 480px){.stat-card .active-indicator{width:20px;height:20px;font-size:11px;top:4px;right:4px}}.stat-card .stat-content{flex:1}.stat-card .stat-content h3{font-size:14px;color:#7f8c8d;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.stat-card .stat-content h3{font-size:11px;margin:0 0 4px;letter-spacing:.3px}}@media (max-width: 480px){.stat-card .stat-content h3{font-size:10px;margin:0 0 3px}}.stat-card .stat-content .stat-numbers{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.stat-card .stat-content .stat-numbers{gap:4px}}@media (max-width: 480px){.stat-card .stat-content .stat-numbers{gap:3px;justify-content:center}}.stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:#27ae60}@media (max-width: 768px){.stat-card .stat-content .stat-value{font-size:22px}}@media (max-width: 480px){.stat-card .stat-content .stat-value{font-size:18px}}.stat-card .stat-content .stat-label{font-size:14px;color:#95a5a6}@media (max-width: 768px){.stat-card .stat-content .stat-label{font-size:11px}}@media (max-width: 480px){.stat-card .stat-content .stat-label{font-size:10px}}.stat-card .stat-content .stat-separator{color:#bdc3c7;margin:0 2px}@media (max-width: 480px){.stat-card .stat-content .stat-separator{display:none}}.stat-card .stat-content .stat-draft{font-size:14px;color:#f39c12;font-weight:600}@media (max-width: 768px){.stat-card .stat-content .stat-draft{font-size:11px}}@media (max-width: 480px){.stat-card .stat-content .stat-draft{font-size:10px;display:block;width:100%}}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px}@media (max-width: 768px){.actions-bar{flex-direction:column;gap:12px;padding:12px;margin-bottom:15px}}@media (max-width: 480px){.actions-bar{padding:10px;gap:10px}}.create-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.create-button{width:100%;padding:10px 20px;font-size:14px}}@media (max-width: 480px){.create-button{padding:8px 16px;font-size:13px}}.create-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.filters-section{display:flex;gap:15px;align-items:center;flex:1}@media (max-width: 768px){.filters-section{width:100%;flex-direction:column;gap:10px}}.draft-filter{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:#fff;border-radius:8px;border:2px solid #e1e8ed;transition:all .3s ease;white-space:nowrap}@media (max-width: 768px){.draft-filter{width:100%;justify-content:center;padding:10px}}@media (max-width: 480px){.draft-filter{padding:8px;font-size:13px}}.draft-filter:hover{border-color:#3498db;background:#f8f9fa}.draft-filter input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}@media (max-width: 480px){.draft-filter input[type=checkbox]{width:16px;height:16px}}.draft-filter span{font-size:14px;color:#2c3e50;font-weight:500}@media (max-width: 480px){.draft-filter span{font-size:13px}}.search-bar{position:relative;flex:1;max-width:400px}@media (max-width: 768px){.search-bar{max-width:100%}}.search-bar input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:15px;transition:all .3s ease}@media (max-width: 768px){.search-bar input{padding:10px 35px 10px 12px;font-size:14px}}@media (max-width: 480px){.search-bar input{padding:8px 30px 8px 10px;font-size:13px}}.search-bar input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-bar .clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#95a5a6;font-size:18px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.search-bar .clear-search:hover{color:#e74c3c}.content-list{min-height:300px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.content-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.content-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.content-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.content-card .card-header h3{font-size:20px;color:#2c3e50;margin:0;flex:1}.content-card .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.content-card .status-badge.published{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.content-card .status-badge.draft{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.content-card .card-body{margin-bottom:15px}.content-card .card-body .latin-name{font-style:italic;color:#7f8c8d;margin:0 0 5px}.content-card .card-body .common-name{color:#95a5a6;font-size:14px;margin:0}.content-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}.content-card .action-btn{border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.content-card .action-btn.edit{background:#3498db;color:#fff}.content-card .action-btn.edit:hover{background:#2980b9}.content-card .action-btn.publish{background:#27ae60;color:#fff}.content-card .action-btn.publish:hover{background:#229954}.content-card .action-btn.publish.unpublish{background:#f39c12}.content-card .action-btn.publish.unpublish:hover{background:#e67e22}.content-card .action-btn.delete{background:#e74c3c;color:#fff}.content-card .action-btn.delete:hover{background:#c0392b}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.type-buttons{flex-direction:column}.actions-bar{flex-direction:column;gap:15px}.content-grid{grid-template-columns:1fr}}.suggestion-management-page{padding:100px 20px 80px;max-width:100vw;margin:0}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.page-header h1{font-size:32px;color:#2c3e50;margin:0}.back-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{transform:translate(-5px);box-shadow:0 4px 15px #3498db4d}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-box{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.stat-box:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026}.stat-box.active{border:3px solid #27ae60;box-shadow:0 4px 20px #27ae604d;transform:translateY(-3px)}.stat-box .stat-value{font-size:36px;font-weight:700;margin-bottom:8px}.stat-box .stat-label{font-size:14px;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-box.pending{border-left:4px solid #f39c12}.stat-box.pending .stat-value{color:#f39c12}.stat-box.approved{border-left:4px solid #27ae60}.stat-box.approved .stat-value{color:#27ae60}.stat-box.rejected{border-left:4px solid #e74c3c}.stat-box.rejected .stat-value{color:#e74c3c}.stat-box.total{border-left:4px solid #3498db}.stat-box.total .stat-value{color:#3498db}.suggestions-list{min-height:300px}.loading,.empty-state{text-align:center;padding:60px 20px;color:#95a5a6;font-size:18px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.suggestion-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border-left:4px solid transparent}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.suggestion-card .card-header{margin-bottom:15px}.suggestion-card .card-header .card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.suggestion-card .card-header .card-title h3{font-size:20px;color:#2c3e50;margin:0;font-style:italic;flex:1}.suggestion-card .card-header .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.suggestion-card .card-header .card-meta{display:flex;gap:15px;font-size:13px;color:#7f8c8d}.suggestion-card .card-body{margin-bottom:15px}.suggestion-card .card-body .info-row{margin-bottom:10px;font-size:14px}.suggestion-card .card-body .info-row strong{color:#2c3e50;display:block;margin-bottom:3px}.suggestion-card .card-body .info-row.traditional-use p{margin:5px 0 0;color:#7f8c8d;line-height:1.5}.suggestion-card .card-body .bonus-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;display:inline-block;margin-top:10px}.suggestion-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}.suggestion-card .action-btn{border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.suggestion-card .action-btn.details{background:#3498db;color:#fff}.suggestion-card .action-btn.details:hover{background:#2980b9}.suggestion-card .action-btn.approve{background:#27ae60;color:#fff}.suggestion-card .action-btn.approve:hover{background:#229954}.suggestion-card .action-btn.reject{background:#e74c3c;color:#fff}.suggestion-card .action-btn.reject:hover{background:#c0392b}.detail-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.modal-content .close-btn{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.modal-content .close-btn:hover{background:#c0392b;transform:rotate(90deg)}.modal-content h2{font-size:24px;color:#2c3e50;margin:0 0 20px;padding-right:40px}.modal-content .suggestion-name{margin:0 0 25px;padding:15px;background:#ecf0f1;border-radius:10px;text-align:center}.approval-modal{max-width:700px}.approval-modal .category-selection h3{font-size:18px;margin:0 0 10px;color:#2c3e50}.approval-modal .category-selection .category-hint{font-size:14px;color:#7f8c8d;margin-bottom:20px;line-height:1.5}.approval-modal .category-selection .category-hint strong{color:#27ae60}.approval-modal .category-selection .category-hint small{display:block;margin-top:5px;color:#95a5a6}.approval-modal .category-selection .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.approval-modal .category-selection .category-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.approval-modal .category-selection .category-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 15px #3498db33}.approval-modal .category-selection .category-card.selected{border-color:#27ae60;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);box-shadow:0 4px 15px #27ae604d}.approval-modal .category-selection .category-card.selected .category-icon{transform:scale(1.2)}.approval-modal .category-selection .category-card .category-icon{font-size:32px;margin-bottom:8px;transition:transform .3s ease}.approval-modal .category-selection .category-card .category-label{font-size:13px;font-weight:600;color:#2c3e50}.approval-modal .approval-info{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:8px;margin-bottom:20px}.approval-modal .approval-info p{margin:0;font-size:13px;line-height:1.8;color:#37474f}.approval-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.approval-modal .modal-actions .modal-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.approval-modal .modal-actions .modal-btn.approve{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.approval-modal .modal-actions .modal-btn.approve:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.approval-modal .modal-actions .modal-btn.cancel{background:#95a5a6;color:#fff}.approval-modal .modal-actions .modal-btn.cancel:hover{background:#7f8c8d}.detail-modal{background:#fff;border-radius:20px;padding:30px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.detail-modal .close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.detail-modal .close-button:hover{background:#c0392b;transform:rotate(90deg)}.detail-modal h2{font-size:28px;color:#2c3e50;margin:0 0 25px;font-style:italic;padding-right:40px}.detail-modal .modal-content .detail-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ecf0f1}.detail-modal .modal-content .detail-section:last-child{border-bottom:none}.detail-modal .modal-content .detail-section h3{font-size:20px;color:#2c3e50;margin:0 0 15px}.detail-modal .modal-content .detail-section p{color:#7f8c8d;line-height:1.6;margin:0}.detail-modal .modal-content .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-modal .modal-content .detail-section .detail-item{display:flex;flex-direction:column;gap:5px}.detail-modal .modal-content .detail-section .detail-item strong{color:#2c3e50;font-size:14px}.detail-modal .modal-content .detail-section .detail-item span{color:#7f8c8d;font-size:15px}.detail-modal .modal-content .external-links{display:flex;flex-wrap:wrap;gap:10px}.detail-modal .modal-content .external-links .external-link{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;transition:all .3s ease}.detail-modal .modal-content .external-links .external-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.detail-modal .modal-content .plantnet-data{background:#f8f9fa;padding:15px;border-radius:10px;overflow-x:auto;font-size:12px;line-height:1.5;border:1px solid #e9ecef}.detail-modal .modal-actions{display:flex;gap:15px;margin-top:25px;padding-top:25px;border-top:2px solid #ecf0f1}.detail-modal .modal-btn{flex:1;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.detail-modal .modal-btn.approve{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.detail-modal .modal-btn.approve:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.detail-modal .modal-btn.reject{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.detail-modal .modal-btn.reject:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}@media (max-width: 768px){.suggestion-management-page{padding:80px 15px 70px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px}.stat-box{padding:12px 8px}.stat-box .stat-value{font-size:24px}.stat-box .stat-label{font-size:11px}.suggestions-grid{grid-template-columns:1fr}.detail-modal,.modal-content{padding:20px;margin:10px}.detail-modal h2,.modal-content h2{font-size:22px}.detail-modal .modal-actions,.modal-content .modal-actions{flex-direction:column}.approval-modal .category-selection .category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-row{gap:8px}.stat-box{padding:10px 5px}.stat-box .stat-value{font-size:20px}.stat-box .stat-label{font-size:10px}.approval-modal .category-selection .category-grid{grid-template-columns:1fr}.approval-modal .category-card .category-icon{font-size:28px}}.article-management-page{padding:100px 20px 80px;max-width:1400px;margin:0 auto}.article-management-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.article-management-page .page-header h1{font-size:2rem;color:#1a4d2e;margin:0}.article-management-page .page-header .create-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #27ae604d}.article-management-page .page-header .create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.article-management-page .loading-state{text-align:center;padding:4rem 2rem}.article-management-page .loading-state .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.article-management-page .loading-state p{color:#6b7280;font-size:1rem}.article-management-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.article-management-page .empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.article-management-page .empty-state p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.article-management-page .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.article-management-page .article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative}.article-management-page .article-card.draft{border:2px solid #f59e0b}.article-management-page .article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.article-management-page .article-card .draft-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;z-index:10}.article-management-page .article-card .premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;z-index:10}.article-management-page .article-card .article-image{width:100%;height:200px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.article-management-page .article-card .article-image img{width:100%;height:100%;object-fit:cover}.article-management-page .article-card .article-image .no-image{font-size:3rem;color:#9ca3af}.article-management-page .article-card .article-content{padding:1.5rem}.article-management-page .article-card .article-content .article-category{color:#4ade80;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.article-management-page .article-card .article-content .article-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.4}.article-management-page .article-card .article-content .article-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.article-management-page .article-card .article-content .article-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:#9ca3af;padding-top:1rem;border-top:1px solid #e5e7eb;margin-bottom:1rem}.article-management-page .article-card .article-content .article-actions{display:flex;gap:.5rem;flex-wrap:wrap}.article-management-page .article-card .article-content .article-actions .action-btn{flex:1;min-width:fit-content;border:none;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-management-page .article-card .article-content .article-actions .action-btn.edit{background:#3b82f6;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.edit:hover{background:#2563eb}.article-management-page .article-card .article-content .article-actions .action-btn.publish{background:#27ae60;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.publish:hover{background:#229954}.article-management-page .article-card .article-content .article-actions .action-btn.unpublish{background:#6b7280;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.unpublish:hover{background:#4b5563}.article-management-page .article-card .article-content .article-actions .action-btn.delete{background:#e74c3c;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.delete:hover{background:#c0392b}.article-management-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;overflow-y:auto}.article-management-page .modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.article-management-page .modal-content .close-btn{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}.article-management-page .modal-content .close-btn:hover{background:#c0392b;transform:rotate(90deg)}.article-management-page .modal-content h2{font-size:1.75rem;color:#1a4d2e;margin:0 0 1.5rem;padding-right:40px}.article-management-page .modal-content .article-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.article-management-page .modal-content .article-form .form-grid .form-group{display:flex;flex-direction:column;gap:.5rem}.article-management-page .modal-content .article-form .form-grid .form-group.full-width{grid-column:1/-1}.article-management-page .modal-content .article-form .form-grid .form-group label{font-weight:600;color:#1f2937;font-size:.9375rem}.article-management-page .modal-content .article-form .form-grid .form-group label input[type=checkbox]{margin-right:.5rem}.article-management-page .modal-content .article-form .form-grid .form-group input[type=text],.article-management-page .modal-content .article-form .form-grid .form-group input[type=url],.article-management-page .modal-content .article-form .form-grid .form-group input[type=date],.article-management-page .modal-content .article-form .form-grid .form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.article-management-page .modal-content .article-form .form-grid .form-group input[type=text]:focus,.article-management-page .modal-content .article-form .form-grid .form-group input[type=url]:focus,.article-management-page .modal-content .article-form .form-grid .form-group input[type=date]:focus,.article-management-page .modal-content .article-form .form-grid .form-group textarea:focus{outline:none;border-color:#4ade80}.article-management-page .modal-content .article-form .form-grid .form-group textarea{resize:vertical;min-height:80px}.article-management-page .modal-content .article-form .form-grid .form-group .image-preview{margin-top:.5rem;border-radius:8px;overflow:hidden;max-width:300px}.article-management-page .modal-content .article-form .form-grid .form-group .image-preview img{width:100%;height:auto;display:block}.article-management-page .modal-content .article-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e5e7eb}.article-management-page .modal-content .article-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-management-page .modal-content .article-form .form-actions button.cancel-btn{background:#e5e7eb;color:#6b7280}.article-management-page .modal-content .article-form .form-actions button.cancel-btn:hover{background:#d1d5db}.article-management-page .modal-content .article-form .form-actions button.submit-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 12px #27ae604d}.article-management-page .modal-content .article-form .form-actions button.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.article-management-page .back-link{text-align:center;margin-top:2rem}.article-management-page .back-link .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1a4d2e;padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.article-management-page .back-link .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}@media (max-width: 768px){.article-management-page{padding:80px 15px 70px}.article-management-page .page-header{flex-direction:column;align-items:stretch}.article-management-page .page-header h1{font-size:1.5rem}.article-management-page .page-header .create-button{width:100%}.article-management-page .articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-management-page .modal-content{padding:1.5rem}.article-management-page .modal-content h2{font-size:1.5rem}.article-management-page .modal-content .article-form .form-grid{grid-template-columns:1fr;gap:1rem}.article-management-page .modal-content .article-form .form-actions{flex-direction:column}.article-management-page .modal-content .article-form .form-actions button{width:100%}}.synergy-management-page{max-width:960px;margin:0 auto;padding:2rem 1rem}.synergy-management-page .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.synergy-management-page .page-header h1{flex:1;margin:0;font-size:1.5rem;color:#1e293b}.synergy-management-page .page-header .back-button{background:none;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;color:#64748b;font-size:.9rem}.synergy-management-page .page-header .back-button:hover{background:#f8fafc}.synergy-management-page .page-header .create-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem}.synergy-management-page .page-header .create-button:hover{opacity:.9}.synergy-management-page .page-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;color:#64748b}.synergy-management-page .page-stats .stat-item strong{color:#1e293b}.synergy-management-page .loading-state,.synergy-management-page .empty-state{text-align:center;padding:3rem;color:#64748b}.synergy-management-page .loading-state .spinner,.synergy-management-page .empty-state .spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.synergy-management-page .loading-state .empty-icon,.synergy-management-page .empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.synergy-management-page .recipes-list{display:flex;flex-direction:column;gap:.75rem}.synergy-management-page .recipe-item{display:flex;align-items:flex-start;gap:1rem;background:#fff;border-radius:12px;padding:1rem 1.25rem;border:2px solid #f1f5f9;transition:border-color .2s}.synergy-management-page .recipe-item.premium{border-left:4px solid #f59e0b}.synergy-management-page .recipe-item.freemium{border-left:4px solid #22c55e}.synergy-management-page .recipe-item .recipe-item-icon{font-size:1.8rem;flex-shrink:0;width:2.5rem;text-align:center}.synergy-management-page .recipe-item .recipe-item-info{flex:1;min-width:0}.synergy-management-page .recipe-item .recipe-item-info .recipe-item-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.synergy-management-page .recipe-item .recipe-item-info .recipe-item-header h3{margin:0;font-size:1rem;color:#1e293b}.synergy-management-page .recipe-item .recipe-item-info .recipe-usage{margin:0 0 .5rem;color:#64748b;font-size:.85rem}.synergy-management-page .recipe-item .recipe-item-info .recipe-oils-preview{display:flex;flex-wrap:wrap;gap:.25rem}.synergy-management-page .recipe-item .recipe-item-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:flex-start}.synergy-management-page .recipe-item .recipe-item-actions button{padding:.4rem .75rem;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:500}.synergy-management-page .recipe-item .recipe-item-actions .btn-edit{background:#eff6ff;color:#2563eb}.synergy-management-page .recipe-item .recipe-item-actions .btn-edit:hover{background:#dbeafe}.synergy-management-page .recipe-item .recipe-item-actions .btn-delete{background:#fef2f2;color:#dc2626}.synergy-management-page .recipe-item .recipe-item-actions .btn-delete:hover{background:#fee2e2}.synergy-management-page .badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px}.synergy-management-page .badge.badge-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.synergy-management-page .badge.badge-freemium{background:#dcfce7;color:#166534}.synergy-management-page .oil-tag{font-size:.73rem;background:#f5f3ff;color:#7c3aed;padding:2px 8px;border-radius:20px}.synergy-management-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.synergy-management-page .modal-content{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:1.5rem}.synergy-management-page .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.synergy-management-page .modal-header h2{margin:0;font-size:1.2rem;color:#1e293b}.synergy-management-page .modal-header .modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#94a3b8;padding:.25rem .5rem}.synergy-management-page .modal-header .modal-close:hover{color:#1e293b}.synergy-management-page .recipe-form{display:flex;flex-direction:column;gap:1rem}.synergy-management-page .recipe-form .form-row{display:flex;gap:1rem;align-items:flex-end}.synergy-management-page .recipe-form .form-row .form-group--wide{flex:1}.synergy-management-page .recipe-form .form-group{display:flex;flex-direction:column;gap:.4rem}.synergy-management-page .recipe-form .form-group label{font-size:.85rem;font-weight:600;color:#374151}.synergy-management-page .recipe-form .form-group input[type=text],.synergy-management-page .recipe-form .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .75rem;font-size:.9rem;color:#1e293b;font-family:inherit;outline:none;resize:vertical}.synergy-management-page .recipe-form .form-group input[type=text]:focus,.synergy-management-page .recipe-form .form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.synergy-management-page .recipe-form .form-group .form-hint{font-size:.76rem;color:#94a3b8}.synergy-management-page .recipe-form .form-group.form-group--checkbox .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.synergy-management-page .recipe-form .form-group.form-group--checkbox .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#7c3aed}.synergy-management-page .recipe-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.synergy-management-page .recipe-form .form-actions .btn-cancel{background:#f1f5f9;border:none;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;color:#64748b;font-size:.9rem}.synergy-management-page .recipe-form .form-actions .btn-cancel:hover{background:#e2e8f0}.synergy-management-page .recipe-form .form-actions .btn-save{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.synergy-management-page .recipe-form .form-actions .btn-save:hover{opacity:.9}.synergy-management-page .recipe-form .form-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.analytics-page{min-height:100vh;background:linear-gradient(135deg,#0f1117,#1a1d2e);padding:4rem 1rem 6rem;color:#fff}@media (max-width: 768px){.analytics-page{padding:3rem .75rem 5rem}}.analytics-restricted{max-width:400px;margin:4rem auto;text-align:center;background:#ffffff0d;border-radius:16px;padding:2rem}.analytics-restricted p{font-size:1.1rem;margin-bottom:1rem}.analytics-restricted a{color:#4ade80;text-decoration:none}.analytics-header{max-width:1200px;margin:0 auto 1.5rem;text-align:center}.analytics-header h1{font-size:2rem;font-weight:800;margin:.5rem 0;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.analytics-back{display:inline-block;color:#4ade80;font-size:.9rem;font-weight:600;text-decoration:none;margin-bottom:.5rem}.analytics-back:hover{text-decoration:underline}.analytics-subtitle{color:#9ca3af;font-size:.85rem;margin:0}.analytics-actions{max-width:1200px;margin:0 auto 1.5rem;display:flex;justify-content:flex-end}.analytics-open-posthog{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#4ade80,#22d3ee);color:#0f1117;font-weight:700;font-size:.9rem;padding:.6rem 1.25rem;border-radius:10px;text-decoration:none;transition:opacity .2s}.analytics-open-posthog:hover{opacity:.85}.analytics-iframe-wrapper{max-width:1200px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000080;background:#1a1d2e;height:80vh}.analytics-iframe{width:100%;height:100%;border:none}.analytics-no-dashboard{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.analytics-setup-card{background:#ffffff0d;border:1px solid rgba(74,222,128,.2);border-radius:16px;padding:2rem}.analytics-setup-card h2{font-size:1.2rem;color:#4ade80;margin:0 0 1rem}.analytics-setup-card ol{padding-left:1.5rem;display:flex;flex-direction:column;gap:.6rem;color:#d1d5db;font-size:.95rem;line-height:1.6}.analytics-setup-card ol a{color:#22d3ee}.analytics-setup-card ol code{background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;font-size:.85rem;color:#fbbf24}.analytics-setup-card ol strong{color:#fff}.analytics-local-stats{background:#ffffff0d;border-radius:16px;padding:2rem}.analytics-local-stats h2{font-size:1.2rem;color:#22d3ee;margin:0 0 1.25rem}.analytics-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.analytics-stat-card{background:#ffffff12;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem;text-align:center}.analytics-stat-card .stat-value{font-size:1.6rem;font-weight:700;color:#4ade80}.analytics-stat-card .stat-label{font-size:.75rem;color:#9ca3af;line-height:1.3}