*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2c3e50;--color-secondary: #34495e;--color-accent: #3498db;--color-text: #2c3e50;--color-text-light: #7f8c8d;--color-background: #ffffff;--color-background-light: #f8f9fa;--color-border: #e1e8ed;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--radius: 8px;--transition: all .3s ease}body.theme-dark{--color-primary: #ecf0f1;--color-secondary: #bdc3c7;--color-accent: #3498db;--color-text: #ecf0f1;--color-text-light: #bdc3c7;--color-background: #121212;--color-background-light: #1e1e1e;--color-border: #2c3e50;background-color:var(--color-background);color:var(--color-text)}body.theme-light{background-color:var(--color-background-light);color:var(--color-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-background-light);line-height:1.6}#root{min-height:100vh}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes favoritePulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;flex:1;width:100%}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{font-size:2.5rem;color:var(--color-primary);margin-bottom:.5rem;font-weight:600}.subtitle{font-size:1.1rem;color:var(--color-text-light);font-weight:400}.filters-section{margin-bottom:3rem;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 767px){.filters-section{display:none}.app-container{padding-top:1rem}.app-header{margin-bottom:0}}@media (min-width: 768px){.app-container{padding:3rem 2rem}.app-header h1{font-size:3rem}.filters-section{justify-content:space-between;flex-wrap:nowrap}}.navbar{background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--color-primary);position:absolute;left:50%;transform:translate(-50%)}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-user-menu{position:relative}.navbar-user-icon-btn{background:#fff;border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:var(--transition);padding:0;line-height:1;text-align:center}.navbar-user-icon-btn:hover{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.05);box-shadow:var(--shadow-sm)}.navbar-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:250px;z-index:1000;animation:dropdownSlide .2s ease;overflow:hidden}.dropdown-header{padding:1rem;background:var(--color-background-light);border-bottom:1px solid var(--color-border)}.dropdown-user-info{display:flex;align-items:center;gap:.75rem}.dropdown-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.dropdown-user-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.dropdown-username{font-weight:600;color:var(--color-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:.85rem;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--color-border);margin:.5rem 0}.dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:var(--color-text);font-size:.95rem;transition:var(--transition)}.dropdown-item:hover{background:var(--color-background-light)}.dropdown-item-theme.theme-dark:hover{background:#f8f9fa;color:#2c3e50}.dropdown-item-theme.theme-light:hover{background:#1e1e1e;color:#ecf0f1}.dropdown-item-danger{color:#e74c3c}.dropdown-item-danger:hover{background:#e74c3c1a;color:#c0392b}.dropdown-icon{font-size:1.1rem;width:20px;text-align:center}.navbar-login-btn,.navbar-logout-btn{padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:var(--transition)}.navbar-login-btn{background:var(--color-accent);color:#fff}.navbar-login-btn:hover{background:#2980b9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.navbar-logout-btn{background:var(--color-background-light);color:var(--color-text);border:1px solid var(--color-border)}.navbar-logout-btn:hover{background:var(--color-border)}.navbar-desktop-menu{display:none}.navbar-mobile-menu{display:block;order:-1}.navbar-search-mobile{display:block;margin-left:auto}.navbar-actions{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-end}.navbar-brand-text{display:none}.navbar-brand-icon{font-size:1.5rem}.navbar-burger-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:.5rem;width:40px;height:40px;justify-content:center;align-items:center}.burger-line{width:24px;height:3px;background-color:var(--color-text);border-radius:2px;transition:var(--transition)}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar-mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;animation:fadeIn .2s ease}.navbar-mobile-menu-content{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;background-color:var(--color-background);box-shadow:2px 0 10px #0000001a;padding:1.5rem;overflow-y:auto;animation:slideInLeft .3s ease;z-index:1001}.mobile-menu-categories{margin-bottom:1rem}.mobile-menu-header{padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.mobile-menu-user-info{display:flex;align-items:center;gap:.75rem}.mobile-menu-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;flex-shrink:0}.mobile-menu-user-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.mobile-menu-username{font-weight:600;color:var(--color-primary);font-size:1rem}.mobile-menu-email{font-size:.85rem;color:var(--color-text-light)}.mobile-menu-divider{height:1px;background:var(--color-border);margin:.75rem 0}.mobile-menu-item{width:100%;padding:1rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:var(--color-text);font-size:1rem;transition:var(--transition);border-radius:var(--radius)}.mobile-menu-item:hover{background:var(--color-background-light)}.mobile-menu-item-danger{color:#e74c3c}.mobile-menu-item-danger:hover{background:#e74c3c1a;color:#c0392b}.mobile-menu-login{background:var(--color-accent);color:#fff;justify-content:center;font-weight:500}.mobile-menu-login:hover{background:#2980b9}.mobile-menu-icon{font-size:1.25rem;width:24px;text-align:center}.mobile-menu-item-small{padding:.75rem 1rem;font-size:.9rem}.mobile-menu-icon-small{font-size:1rem;width:20px}@media (min-width: 768px){.navbar-container{padding:1rem 2rem}.navbar-brand{position:static;transform:none}.navbar-desktop-menu{display:block}.navbar-mobile-menu,.navbar-search-mobile{display:none}.navbar-brand-text{display:inline}.navbar-brand-icon{font-size:1.5rem}.navbar-actions{width:auto}}.search-bar-desktop{position:relative;flex:1;max-width:600px;display:none;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;transition:var(--transition)}.search-icon-mobile{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius);width:40px;height:40px;cursor:pointer;color:var(--color-text);transition:var(--transition);padding:0}.search-icon-mobile:hover{background:var(--color-background-light);border-color:var(--color-accent);color:var(--color-accent)}.search-icon-mobile svg{width:20px;height:20px}.search-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:1rem;animation:fadeIn .2s ease}.search-mobile-content{width:90%;max-width:500px;animation:slideDown .3s ease}.search-bar-mobile{position:relative;display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;box-shadow:var(--shadow-lg)}.search-close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition);margin-left:.5rem;font-weight:700}.search-close-btn:hover{color:#333;transform:scale(1.1)}body.theme-dark .search-close-btn{color:#fff}body.theme-dark .search-close-btn:hover{color:#e0e0e0}@media (min-width: 768px){.search-bar-desktop{display:flex}.search-icon-mobile{display:none}}.search-bar{position:relative;display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;transition:var(--transition)}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db1a}.search-icon{width:20px;height:20px;color:var(--color-text-light);margin-right:.75rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text);background:transparent}.search-bar-mobile .search-input:focus{outline:none;border:none;box-shadow:none}.search-input::placeholder{color:var(--color-text-light)}.search-clear{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition);margin-left:.5rem;font-weight:700}.search-clear:hover{color:#fff;opacity:.8}.category-filter{width:100%;position:relative;overflow:visible;flex-shrink:0}.category-scroll{display:flex;gap:.5rem;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;position:relative;clip-path:none}.category-scroll::-webkit-scrollbar{height:6px}.category-scroll::-webkit-scrollbar-track{background:transparent}.category-scroll::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.category-button{padding:.6rem 1.2rem;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);border-radius:var(--radius);cursor:pointer;font-size:.9rem;white-space:nowrap;transition:var(--transition);font-weight:500}.category-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-button.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.category-dropdown{position:relative;display:inline-block}.category-button.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative}.category-button.dropdown-toggle span:first-child{flex:1;text-align:left}.category-dropdown.open .category-button.dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.dropdown-arrow{font-size:.7rem;transition:transform .2s ease;display:inline-block;margin-left:auto;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-background);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 4px 12px #00000026;z-index:3000;overflow:hidden;animation:slideDown .2s ease;margin:0;padding:0;box-sizing:border-box}@media (min-width: 768px){.dropdown-menu{min-width:200px;max-width:300px}}.dropdown-item{display:block;width:100%;padding:.75rem 1.2rem;text-align:left;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:.9rem;transition:background-color .2s ease;border-bottom:1px solid var(--color-border);position:relative}.dropdown-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--color-border)}.dropdown-item:hover{background-color:var(--color-accent);color:#fff}.dropdown-item.active{background-color:var(--color-accent);color:#fff;font-weight:500}.dropdown-item.subcategory{padding-left:2rem;font-size:.85rem;position:relative}.dropdown-item.subcategory:before{content:"→";position:absolute;left:1rem;opacity:.5}.navbar-mobile-menu-content .category-filter{width:100%}.navbar-mobile-menu-content .category-scroll{flex-direction:column;align-items:stretch;overflow-x:visible;overflow-y:visible;gap:.5rem;padding-bottom:0}.navbar-mobile-menu-content .category-button{width:100%;text-align:left;justify-content:flex-start}.navbar-mobile-menu-content .category-dropdown{width:100%}.navbar-mobile-menu-content .dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;margin-top:0;border:2px solid var(--color-border);border-radius:var(--radius);box-shadow:none;padding:.25rem 0}.navbar-mobile-menu-content .dropdown-item{border:1px solid var(--color-border);border-radius:var(--radius);margin:.25rem .5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.navbar-mobile-menu-content .dropdown-item:first-child{margin-top:.5rem}.navbar-mobile-menu-content .dropdown-item:last-child{margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.navbar-mobile-menu-content .dropdown-item:not(:last-child):after{display:none}@media (min-width: 768px){.category-filter{width:auto}}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1em}.no-results{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.no-results-hint{font-size:.9rem;margin-top:.5rem;opacity:.8}@media (min-width: 768px){.tips-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}.tip-card{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:1rem;height:100%}@media (max-width: 767px){.tip-card{padding:1.25rem;gap:.875rem;border-color:#d0d0d0}.tip-card-title{font-size:1.1rem}.tip-card-description{font-size:.9rem;-webkit-line-clamp:4}}.tip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-accent)}.tip-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:var(--shadow-md)}.tip-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.tip-card-badges{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.tip-favorite-btn{background:#ffffffe6;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;padding:0;margin:0;transition:var(--transition);line-height:1;flex-shrink:0;box-shadow:var(--shadow-sm);vertical-align:middle}.tip-favorite-btn>*{display:inline-block;line-height:1;margin:0;padding:0;vertical-align:middle}@media (max-width: 767px){.tip-favorite-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;margin:0;font-size:1.3rem;width:36px;height:36px;min-width:36px;min-height:36px}.tip-favorite-btn>*{display:inline-block;line-height:1;margin:0;padding:0}}.tip-favorite-btn:hover{transform:scale(1.15);box-shadow:var(--shadow-md);background:#fff}.tip-favorite-btn.favorited{background:var(--color-accent);border-color:var(--color-accent);color:#fff;animation:favoritePulse .3s ease}.tip-favorite-btn.favorited:hover{background:var(--color-accent);opacity:.9}.tip-category-badge,.tip-subcategory-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500;text-transform:capitalize}.tip-category-badge{background-color:#3498db1a;color:var(--color-accent)}.tip-subcategory-badge{background-color:#95a5a61a;color:var(--color-text-light)}.tip-card-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:0;line-height:1.3}.tip-card-description{color:var(--color-text-light);font-size:.95rem;line-height:1.6;text-align:left;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tip-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--color-border)}.tip-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tip-tag{font-size:.8rem;color:var(--color-text-light)}.tip-card-arrow{font-size:1.5rem;color:var(--color-accent);transition:var(--transition)}.tip-card:hover .tip-card-arrow{transform:translate(4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease;overflow-y:auto}.modal-content{background-color:var(--color-background);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:var(--shadow-lg);scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}.modal-close{position:absolute;top:1rem;right:1rem;border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;z-index:101;transition:opacity .2s ease;box-shadow:var(--shadow-lg)}.modal-close:hover{opacity:.7}.modal-header{padding:2rem;border-bottom:1px solid var(--color-border);position:relative}.modal-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.modal-category-badge,.modal-subcategory-badge{font-size:.85rem;padding:.35rem .85rem;border-radius:12px;font-weight:500;text-transform:capitalize}.modal-category-badge{background-color:#3498db1a;color:var(--color-accent)}.modal-subcategory-badge{background-color:#95a5a61a;color:var(--color-text-light)}.modal-title{font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;line-height:1.2}.modal-description{color:var(--color-text-light);font-size:1.05rem;line-height:1.6;text-align:left}.modal-body{padding:2rem}.steps-section{margin-bottom:2rem}.steps-section h3{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem}.steps-list{list-style:none;counter-reset:step-counter;padding:0}.step-item{counter-increment:step-counter;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.step-item:last-child{margin-bottom:0}.step-number{flex-shrink:0;width:40px;height:40px;background-color:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.step-content{flex:1}.step-text{font-size:1.05rem;line-height:1.7;color:var(--color-text);margin-bottom:1rem;text-align:left}.step-image,.step-video{margin-top:1rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.step-image img{width:100%;height:auto;display:block}.step-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.step-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-tags{padding-top:2rem;border-top:1px solid var(--color-border)}.modal-tags h4{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tag{padding:.4rem .8rem;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:16px;font-size:.9rem;color:var(--color-text)}.modal-comments-wrapper{padding:2rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-comments-wrapper{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-close{top:.75rem;right:.75rem;width:36px;height:36px;font-size:1.3rem;background:transparent;border:none;box-shadow:none;color:unset!important}.modal-close:hover{background:#0000001a;opacity:1}.step-item{gap:1rem}.step-number{width:32px;height:32px;font-size:.95rem}}.comments-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border)}.comments-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.comments-count{font-size:1rem;font-weight:400;color:var(--color-text-light)}.comment-form{margin-bottom:2rem}.comment-input-wrapper{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.comment-input{width:100%;border:none;outline:none;background:transparent;color:var(--color-text);font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:.75rem}.comment-input::placeholder{color:var(--color-text-light)}.comment-form-footer{display:flex;justify-content:space-between;align-items:center}.comment-char-count{font-size:.85rem;color:var(--color-text-light)}.comment-submit-btn{padding:.6rem 1.5rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition)}.comment-submit-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.comment-error{margin-top:.5rem;padding:.75rem;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:var(--radius);color:#e74c3c;font-size:.9rem}.comments-login-prompt{margin-bottom:2rem;padding:1rem;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-text-light)}.comments-login-prompt p{margin:0}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comments-empty{padding:2rem;text-align:center;color:var(--color-text-light)}.comment-item{display:flex;gap:1rem;padding:1rem;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition)}.comment-item:hover{box-shadow:var(--shadow-sm)}.comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.comment-author{font-weight:600;color:var(--color-primary);font-size:.95rem}.comment-date{font-size:.85rem;color:var(--color-text-light)}.comment-delete-btn{margin-left:auto;background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.1rem;padding:.25rem .5rem;border-radius:var(--radius);transition:var(--transition);opacity:.6}.comment-delete-btn:hover{opacity:1;color:#e74c3c;background-color:#e74c3c1a}.comment-text{color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.comments-section{margin-top:2rem;padding-top:1.5rem}.comments-title{font-size:1.25rem}.comment-item{padding:.75rem}.comment-avatar{width:36px;height:36px;font-size:.85rem}.comment-header{gap:.5rem}.comment-date{font-size:.8rem}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal-content{background:var(--color-background);border-radius:var(--radius);padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:var(--shadow-lg);animation:slideIn .3s ease}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem .5rem;border-radius:var(--radius);transition:var(--transition)}.auth-modal-close:hover{background:var(--color-background-light);color:var(--color-text)}.auth-modal-content h2{margin-bottom:1.5rem;color:var(--color-primary);font-size:1.75rem}.auth-error{background:#fee;color:#c33;padding:.75rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid #fcc}.auth-form-group{margin-bottom:1.25rem}.auth-form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500}.auth-form-group input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius);font-size:1rem;transition:var(--transition)}.auth-form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db1a}.auth-submit-btn{width:100%;padding:.75rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.5rem;text-align:center;color:var(--color-text-light)}.auth-switch-link{background:none;border:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.auth-switch-link:hover{color:#2980b9}.auth-info{text-align:center;color:var(--color-text-light);margin-bottom:1rem;line-height:1.6}@media (max-width: 480px){.auth-modal-content{padding:1.5rem}}.favorites-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1500;padding:1rem;overflow-y:auto}.favorites-modal-content{background:var(--color-background);border-radius:var(--radius);padding:2rem;max-width:1200px;width:100%;max-height:90vh;position:relative;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;display:flex;flex-direction:column}.favorites-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem .5rem;border-radius:var(--radius);transition:var(--transition);z-index:10}.favorites-modal-close:hover{background:var(--color-background-light);color:var(--color-text)}.favorites-modal-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.favorites-modal-header h2{font-size:1.75rem;color:var(--color-primary);margin:0 0 .5rem}.favorites-count{color:var(--color-text-light);font-size:1rem}.favorites-modal-body{flex:1;overflow-y:auto}.favorites-empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.favorites-empty-icon{font-size:4rem;margin-bottom:1rem}.favorites-empty-state p{margin:.5rem 0;font-size:1.1rem}.favorites-empty-hint{font-size:.9rem!important;color:var(--color-text-light);font-style:italic}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.favorite-item-wrapper{position:relative}.favorite-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:var(--transition);z-index:10;box-shadow:var(--shadow-sm)}.favorite-remove-btn:hover{background:#fee;transform:scale(1.1)}@media (max-width: 768px){.favorites-grid{grid-template-columns:1fr}.favorites-modal-content{padding:1.5rem;max-height:95vh}}