body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.search-bar{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:25px;display:flex;overflow:hidden;transition:box-shadow .3s ease}.search-bar:focus-within{box-shadow:0 0 0 2px var(--accent-green-light)}.search-bar input{background:#0000;border:none;color:var(--text-primary);flex-grow:1;font-size:1em;outline:none;padding:10px 15px}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar button{background-color:var(--accent-green);border:none;color:var(--text-primary);cursor:pointer;font-size:1em;padding:10px 15px;transition:background-color .3s ease}.search-bar button:hover{background-color:var(--accent-green-hover)}.notification-bell{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5em;padding:5px;position:relative;transition:color .3s ease}.notification-bell:hover{color:var(--accent-green)}.notification-badge{background-color:var(--accent-red);border-radius:50%;box-shadow:0 0 0 2px var(--bg-panel);color:#fff;font-size:.7em;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.notification-panel{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 20px var(--shadow-strong);display:flex;flex-direction:column;max-height:80vh;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:20px;top:var(--header-height-desktop);transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out;width:350px;z-index:999}.notification-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-header{align-items:center;background-color:var(--bg-input);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:15px 20px}.panel-header h3{color:var(--text-primary);font-size:1.2em;margin:0}.close-panel-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5em;transition:color .2s ease}.close-panel-button:hover{color:var(--accent-red)}.panel-actions{border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;justify-content:flex-end;padding:10px 20px}.panel-actions button{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:.85em;padding:6px 12px;transition:background-color .2s ease,color .2s ease}.panel-actions button:hover{background-color:var(--accent-green);border-color:var(--accent-green);color:var(--bg-main)}.notifications-list{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.no-notifications{color:var(--text-secondary);font-size:.9em;font-style:italic;padding:20px;text-align:center}.notification-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;padding:15px 20px;transition:background-color .2s ease}.notification-item.unread{background-color:#00e6760d}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-input)}.notification-icon{flex-shrink:0;font-size:1.3em;margin-right:15px}.notification-icon.success{color:var(--accent-green)}.notification-icon.error{color:var(--accent-red)}.notification-icon.warning{color:var(--accent-orange)}.notification-icon.info{color:var(--accent-blue)}.notification-content{flex-grow:1;text-align:left}.notification-message{color:var(--text-primary);font-size:.95em;line-height:1.4;margin:0}.notification-time{color:var(--text-secondary);display:block;font-size:.8em;margin-top:5px}@media (max-width:768px){.notification-panel{border-radius:0;box-shadow:0 4px 10px var(--shadow-strong);left:0;max-width:100%;right:0;top:var(--header-height-mobile);width:100%}}@media (max-width:600px){.notification-panel{padding-bottom:60px}}.toast-portal{bottom:20px;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;position:fixed;right:20px;z-index:1000}.toast{align-items:center;background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);display:flex;gap:15px;max-width:350px;min-width:250px;opacity:0;padding:15px 20px;transform:translateX(100%);transition:opacity .5s ease-out,transform .5s ease-out}.toast.show{opacity:1;transform:translateX(0)}.toast.info{border-left:5px solid var(--accent-blue)}.toast.success{border-left:5px solid var(--accent-green)}.toast.warning{border-left:5px solid #ffc107}.toast.error{border-left:5px solid #dc3545}.toast-icon svg{font-size:1.5em}.toast.info .toast-icon svg{color:var(--accent-blue)}.toast.success .toast-icon svg{color:var(--accent-green)}.toast.warning .toast-icon svg{color:#ffc107}.toast.error .toast-icon svg{color:#dc3545}.toast-message{font-size:1em;font-weight:700}@media (max-width:600px){.toast-portal{bottom:10px;left:10px;right:10px;width:auto}.toast{max-width:none;min-width:0;min-width:auto;width:100%}}:root{--bg-panel:#282c34;--text-primary:#f8f8f2;--text-secondary:#bd93f9;--accent-blue:#8be9fd;--accent-green:#50fa7b;--accent-green-hover:#44e06d;--border-subtle:#44475a;--shadow-strong:#0006;--bg-input:#44475a;--red-error:#f55;--switch-bg:#44475a;--switch-slider-bg:#bd93f9;--switch-icon-color:#f8f8f2;--switch-icon-active:#ffb86c;--search-bar-deployed-height:80px;--mobile-drawer-width:280px}.light-theme{--bg-panel:#fff;--text-primary:#333;--text-secondary:#666;--accent-blue:#007bff;--accent-green:#28a745;--accent-green-hover:#218838;--border-subtle:#dee2e6;--shadow-strong:#0000001a;--bg-input:#f0f0f0;--red-error:#dc3545;--switch-bg:#e0e0e0;--switch-slider-bg:#007bff;--switch-icon-color:#666;--switch-icon-active:#ffc107}body,html{overflow-x:hidden}*,:after,:before{box-sizing:border-box}.header{background-color:#282c34;background-color:var(--bg-panel);box-shadow:0 2px 8px #0006;box-shadow:0 2px 8px var(--shadow-strong);color:#f8f8f2;color:var(--text-primary);padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:40px}.logo-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.logo-container a{font-family:Press Start\ 2P,cursive;font-size:1.8em;text-decoration:none;transition:color .3s ease;white-space:nowrap}.logo-container a,.logo-container a:hover{color:#8be9fd;color:var(--accent-blue)}.close-drawer-button,.menu-toggle-button{align-items:center;background:none;border:none;color:#bd93f9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2em;gap:5px;padding:5px;transition:color .3s ease}.close-drawer-button:hover,.menu-toggle-button:hover{color:#50fa7b;color:var(--accent-green)}.theme-switch-desktop,.theme-switch-mobile{align-items:center;background-color:#44475a;background-color:var(--switch-bg);border-radius:34px;box-sizing:border-box;cursor:pointer;display:flex;height:34px;justify-content:space-between;overflow:hidden;padding:0 5px;position:relative;transition:background-color .3s ease;width:70px}.theme-switch-icon{color:#f8f8f2;color:var(--switch-icon-color);font-size:1.2em;position:relative;transition:color .3s ease;z-index:2}.theme-switch-icon.theme-sun-icon{margin-right:auto}.theme-switch-icon.theme-moon-icon{margin-left:auto}.theme-switch-slider{background-color:#bd93f9;background-color:var(--switch-slider-bg);border-radius:50%;height:30px;left:2px;position:absolute;top:2px;transition:transform .3s ease,background-color .3s ease;width:30px;z-index:1}.theme-switch-slider.light{transform:translateX(0)}.theme-switch-slider.dark{transform:translateX(36px)}.theme-switch-desktop.dark .theme-moon-icon,.theme-switch-desktop.light .theme-sun-icon,.theme-switch-mobile.dark .theme-moon-icon,.theme-switch-mobile.light .theme-sun-icon{color:#ffb86c;color:var(--switch-icon-active)}.main-nav,.main-nav ul{align-items:center;display:flex}.main-nav ul{list-style:none;margin:0;padding:0}.main-nav li{margin-left:25px}.main-nav a,.main-nav button{align-items:center;border-radius:5px;color:#f8f8f2;color:var(--text-primary);display:flex;font-size:1.1em;font-weight:700;gap:8px;padding:8px 12px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.main-nav a:hover,.main-nav button:hover{background-color:#00e67626;color:#50fa7b;color:var(--accent-green)}.main-nav a[href="/"]{background-color:#50fa7b;background-color:var(--accent-green);color:#282c34;color:var(--bg-panel)}.main-nav a[href="/"]:hover{background-color:#44e06d;background-color:var(--accent-green-hover);color:#282c34;color:var(--bg-panel)}.main-nav .bookmark-nav-link{color:#f8f8f2;color:var(--text-primary)}.main-nav .bookmark-nav-link svg{color:#50fa7b;color:var(--accent-green)}.main-nav .account-icon-link,.main-nav .account-icon-link svg{color:#8be9fd;color:var(--accent-blue)}.main-nav .account-icon-link svg{font-size:1.2em}.main-nav .account-icon-link:hover{background-color:#00e67626}.main-nav .account-icon-link:hover,.main-nav .profile-link,.main-nav .profile-link svg{color:#50fa7b;color:var(--accent-green)}.main-nav .logout-button{background-color:#f55;background-color:var(--red-error);color:#fff;padding:8px 15px}.main-nav .logout-button:hover{background-color:#c9302c;color:#fff}.desktop-search-icon-container{align-items:center;display:flex;margin-left:25px}.desktop-search-toggle-button{background:none;border:none;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1.5em;padding:5px;transition:color .3s ease}.desktop-search-toggle-button:hover{color:#50fa7b;color:var(--accent-green)}.search-full-width-overlay{align-items:center;background-color:#282c34;background-color:var(--bg-panel);box-shadow:0 8px 16px #0006;box-shadow:0 8px 16px var(--shadow-strong);box-sizing:border-box;display:flex;height:80px;height:var(--search-bar-deployed-height);justify-content:center;left:0;opacity:0;padding:0 20px;position:absolute;top:100%;transform:translateY(-100%);transition:opacity .3s ease-out,visibility 0s .3s,transform .3s ease-out;visibility:hidden;width:100%;z-index:999}.search-full-width-overlay.active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,visibility 0s 0s,transform .3s ease-out;visibility:visible}.search-overlay-content{align-items:center;display:flex;gap:15px;max-width:600px;width:100%}.search-full-width-overlay .search-bar{flex-grow:1}.close-search-overlay-button{background:none;border:none;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1.5em;padding:5px;transition:color .3s ease}.close-search-overlay-button:hover{color:#f55;color:var(--red-error)}body.overlay-active:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-out,visibility 0s .3s,-webkit-backdrop-filter .3s ease-out;transition:opacity .3s ease-out,visibility 0s .3s,backdrop-filter .3s ease-out;transition:opacity .3s ease-out,visibility 0s .3s,backdrop-filter .3s ease-out,-webkit-backdrop-filter .3s ease-out;visibility:hidden;width:100%;z-index:998}body.overlay-active.mobile-menu-active:after,body.overlay-active.search-overlay-active:after{opacity:1;transition:opacity .3s ease-out,visibility 0s 0s,-webkit-backdrop-filter .3s ease-out;transition:opacity .3s ease-out,visibility 0s 0s,backdrop-filter .3s ease-out;transition:opacity .3s ease-out,visibility 0s 0s,backdrop-filter .3s ease-out,-webkit-backdrop-filter .3s ease-out;visibility:visible}.header-left-group,.header-right-group,.mobile-drawer-nav,.mobile-only{display:none}@media (max-width:900px){.header-container{flex-wrap:nowrap;justify-content:space-between;padding:0 12px}.main-nav{display:none}.header-left-group,.header-right-group,.mobile-only{align-items:center;display:flex}.main-nav .theme-toggle-container{display:none}.header-left-group{flex:0 0 auto;order:1}.header-left-group .menu-toggle-button{font-size:1.4em;padding:8px}.logo-container{flex-grow:1;min-width:0;order:2;padding:0 5px;text-align:center}.logo-container a{font-size:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right-group{flex:0 0 auto;order:3}.header-right-group .theme-switch-mobile{margin-right:0;transform:scale(.9)}.desktop-search-icon-container,.search-full-width-overlay{display:none}.mobile-drawer-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#282c34;background-color:var(--bg-panel);box-shadow:2px 0 10px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;opacity:0;padding:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s ease-in-out,opacity .3s ease;width:280px;width:var(--mobile-drawer-width);z-index:1001}.mobile-drawer-nav.open{opacity:1;transform:translateX(0)}.mobile-drawer-header{align-items:center;background-color:initial;border-bottom:1px solid #44475a;border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 5px #0003;display:flex;justify-content:space-between;padding:20px}.mobile-drawer-logo{color:#8be9fd;color:var(--accent-blue);flex-grow:1;font-family:Press Start\ 2P,cursive;font-size:1.3em;overflow:hidden;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.close-drawer-button{color:#bd93f9;color:var(--text-secondary);font-size:1.4em;margin-left:10px;padding:5px}.close-drawer-button:hover{color:#f55;color:var(--red-error)}.mobile-drawer-links-container{background-color:initial;flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:10px 0}.mobile-drawer-links-container li{margin-bottom:0;width:100%}.mobile-drawer-links-container li:last-child{margin-bottom:0}.mobile-drawer-links-container a,.mobile-drawer-links-container button{align-items:center;background:none;border:none;border-radius:6px;color:#f8f8f2;color:var(--text-primary);display:flex;font-size:1em;font-weight:500;gap:12px;margin:4px 12px;padding:14px 24px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.mobile-drawer-links-container .active-link{background-color:#50fa7b1f;color:#50fa7b;color:var(--accent-green);font-weight:700}.mobile-drawer-links-container a:hover,.mobile-drawer-links-container button:hover{background-color:#50fa7b14;color:#50fa7b;color:var(--accent-green)}.mobile-drawer-links-container a svg,.mobile-drawer-links-container button svg{color:#50fa7b;color:var(--accent-green);font-size:1.1em}.search-bar-mobile-container{padding:15px 20px}.mobile-section-title,.search-bar-mobile-container{border-bottom:1px solid #44475a;border-bottom:1px solid var(--border-subtle);margin-bottom:0}.mobile-section-title{background:none;color:#bd93f9;color:var(--text-secondary);font-size:.85em;font-weight:600;letter-spacing:.05em;margin-top:12px;padding:12px 24px 6px;text-transform:uppercase}.mobile-section-title+li a,.mobile-section-title+li button{margin-top:0}.user-avatar-small{border-radius:50%;height:24px;margin-left:8px;object-fit:cover;width:24px}.notification-badge{background-color:#f55;background-color:var(--red-error);border-radius:10px;color:#fff;font-size:.7em;margin-left:auto;padding:3px 6px}.mobile-theme-switch-container{align-items:center;justify-content:center;margin-top:auto;padding:15px 20px}.mobile-bottom-nav,.mobile-theme-switch-container{border-top:1px solid #44475a;border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0}.mobile-bottom-nav{background:#282c34;background:var(--bg-panel);bottom:0;box-shadow:0 -2px 10px #0000004d;justify-content:space-around;left:0;padding:10px 0;position:-webkit-sticky;position:sticky;width:280px;width:var(--mobile-drawer-width);z-index:1002}.mobile-bottom-nav a{align-items:center;color:#f8f8f2;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;font-size:1.1em;justify-content:center;padding:5px 0;text-decoration:none;transition:color .3s ease}.mobile-bottom-nav a svg{font-size:1.3em;margin-bottom:3px}.mobile-bottom-nav a span{font-size:.7em;font-weight:700}.mobile-bottom-nav a.active-link,.mobile-bottom-nav a:hover{color:#50fa7b;color:var(--accent-green)}.header{--header-height:60px}@media (max-width:480px){.header{--header-height:70px}}}@media (max-width:480px){.header-container{flex-wrap:wrap}}.secondary-navbar{background-color:var(--bg-input);box-shadow:0 1px 5px var(--shadow-strong);color:var(--text-secondary);width:100%;z-index:90}.announcement-bar{background-color:var(--accent-green-hover);color:var(--bg-main);font-size:.9em;font-weight:700;overflow:hidden;padding:8px 20px;text-align:center}.announcement-text{animation:marquee 15s linear infinite;margin:0;white-space:nowrap}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.quick-links-nav{margin:0 auto;max-width:1200px;padding:10px 20px}.quick-links-nav ul{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;list-style:none;margin:0;padding:0}.quick-links-nav li a{background-color:var(--bg-main);border-radius:20px;box-shadow:0 1px 3px #0003;color:var(--text-primary);font-size:.9em;font-weight:700;padding:8px 15px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .1s ease;white-space:nowrap}.quick-links-nav li a:hover{background-color:var(--accent-blue);box-shadow:0 2px 5px #0000004d;color:var(--text-primary);transform:translateY(-2px)}@media (max-width:768px){.secondary-navbar{margin-top:var(--header-height-mobile);position:relative}.announcement-bar{font-size:.8em;padding:6px 10px}.quick-links-nav{padding:8px 10px}.quick-links-nav ul{gap:10px}.quick-links-nav li a{font-size:.85em;padding:6px 12px}}.newsletter-signup{background-color:var(--bg-main);border-radius:8px;box-shadow:0 2px 10px var(--shadow-strong);color:var(--text-primary);margin-left:auto;margin-right:auto;margin-top:30px;max-width:500px;padding:25px;text-align:center;width:100%}.newsletter-signup h3{color:var(--accent-green);font-size:1.6em;margin-bottom:10px}.newsletter-signup p{color:var(--text-secondary);font-size:.95em;margin-bottom:20px}.newsletter-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.newsletter-form input[type=email]{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);flex-grow:1;font-size:1em;min-width:200px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.newsletter-form input[type=email]::placeholder{color:var(--text-secondary)}.newsletter-form input[type=email]:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00e67633;outline:none}.newsletter-form button{background-color:var(--accent-green);border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:1em;font-weight:700;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.newsletter-form button:hover{background-color:var(--accent-green-hover);transform:translateY(-1px)}@media (max-width:600px){.newsletter-signup{padding:20px}.newsletter-signup h3{font-size:1.4em}.newsletter-form{flex-direction:column}.newsletter-form button,.newsletter-form input[type=email]{width:100%}}.footer{background-color:var(--bg-medium);box-shadow:0 -2px 8px var(--shadow-color);color:var(--text-light)}.footer p{color:var(--text-secondary);font-size:.9em;margin:0 0 10px}.theme-toggle-button-footer{align-items:center;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:5px;color:var(--text-light);cursor:pointer;display:flex;font-size:.9em;font-weight:700;gap:8px;margin-bottom:15px;padding:8px 15px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-toggle-button-footer:hover{background-color:var(--accent-green);border-color:var(--accent-green);color:var(--text-light)}.theme-toggle-button-footer svg{font-size:1.1em}.footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.footer-nav li{margin:0 15px}.footer-nav a{color:var(--text-secondary);font-size:.9em;text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:var(--accent-green)}@media (max-width:600px){.footer-nav ul{flex-direction:column}.footer-nav li{margin:5px 0}}.footer{background-color:var(--bg-panel);box-shadow:0 -2px 8px var(--shadow-strong);color:var(--text-primary);margin-top:auto;padding:20px;position:relative;text-align:center;z-index:5}.footer-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding-bottom:20px}.hero-slider-container{border-radius:8px;box-shadow:0 5px 20px var(--shadow-color);height:500px;margin:0 auto 40px;max-width:1200px;overflow:hidden;position:relative;width:100%}.hero-slide{align-items:flex-end;background-position:50%;background-size:cover;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(0deg,#000000b3,#0000 70%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{color:var(--text-light);max-width:70%;padding:30px;position:relative;text-align:left;z-index:2}.hero-category{background-color:var(--accent-green);border-radius:3px;color:var(--bg-darker);display:inline-block;font-size:.8em;font-weight:700;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.hero-title{color:var(--text-light);font-size:2.8em;line-height:1.2;margin:10px 0}.hero-summary{color:var(--text-secondary);font-size:1.1em;margin-bottom:20px;max-width:80%}.hero-watch-button{align-items:center;background-color:var(--accent-green);border-radius:5px;color:var(--text-light);display:inline-flex;font-size:1.1em;font-weight:700;padding:12px 25px;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease}.hero-watch-button:hover{background-color:var(--accent-green-hover);text-decoration:none}.arrow-icon{border-color:#0000 #0000 #0000 var(--text-light);border-style:solid;border-width:6px 0 6px 10px;display:inline-block;height:0;margin-left:10px;width:0}.slider-arrow{align-items:center;background-color:#0006;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:50px;z-index:10}.slider-arrow:hover{background-color:var(--accent-green)}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slide-indicators{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s ease,transform .3s ease;width:12px}.indicator.active{background-color:var(--accent-green);transform:scale(1.2)}@media (max-width:768px){.hero-slider-container{height:300px}.hero-content{max-width:90%;padding:20px}.hero-title{font-size:1.8em}.hero-summary{font-size:.9em}.hero-watch-button{font-size:1em;padding:10px 20px}.slider-arrow{font-size:1.5em;height:40px;width:40px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.slide-indicators{bottom:10px;gap:8px}.indicator{height:10px;width:10px}}.slider-arrow{font-size:2em}.hero-watch-button .arrow-icon{font-size:1.1em;margin-left:10px}.article-card{background-color:var(--bg-medium);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.article-card:hover{box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-5px)}.article-card-image-container{overflow:hidden;padding-top:56.25%;width:100%}.article-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.article-card-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.article-card-title{color:var(--text-light);font-size:1.3em;line-height:1.3;margin-bottom:10px;margin-top:0}.article-card-meta{color:var(--text-secondary);font-size:.85em;margin-bottom:10px}.article-card-category{background-color:var(--bg-darker);border-radius:4px;color:var(--accent-green);font-weight:700;margin-right:5px;padding:3px 8px;text-transform:uppercase}.article-card-summary{color:var(--text-secondary);flex-grow:1;font-size:.95em;line-height:1.5;margin-bottom:15px}.article-card-link{align-self:flex-start;background-color:var(--accent-green);border-radius:5px;display:inline-block;font-weight:700;padding:8px 15px;text-align:center;transition:background-color .3s ease,color .3s ease}.article-card-link,.article-card-link:hover{color:var(--text-light);text-decoration:none}.article-card-link:hover{background-color:var(--accent-green-hover)}.article-card-image-container{position:relative}.bookmark-button{align-items:center;background-color:#0009;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2em;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease,color .3s ease;width:35px;z-index:5}.bookmark-button:hover{background-color:var(--accent-green);color:var(--bg-panel)}.bookmark-button.bookmarked{background-color:#00e67633;color:var(--accent-green)}.bookmark-button.bookmarked:hover{background-color:var(--accent-green-hover);color:var(--bg-panel)}.article-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;padding:20px 0}.error-message,.no-articles-message{color:#dc3545;font-size:1.2em;margin-top:50px;text-align:center}.no-articles-message{color:#6c757d}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-container p{color:#555;font-size:1.1em}.filter-bar{align-items:flex-end;background-color:var(--bg-medium);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;padding:15px 20px}.filter-group{display:flex;flex-direction:column;min-width:180px}.filter-group label{color:var(--text-secondary);font-size:.9em;font-weight:700;margin-bottom:5px}.filter-bar input[type=text],.filter-bar select{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:5px;color:var(--text-light);font-size:1em;max-width:250px;padding:10px 12px;width:100%}.filter-bar input[type=text]:focus,.filter-bar select:focus{border-color:var(--accent-green);box-shadow:0 0 0 .2rem #00e67640;outline:none}.reset-button{background-color:var(--text-secondary);border:none;border-radius:5px;color:var(--text-light);cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.reset-button:hover{background-color:var(--accent-green-hover);color:var(--text-light)}@media (max-width:768px){.filter-bar{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto;width:100%}.filter-bar input[type=text],.filter-bar select{max-width:100%}.reset-button{margin-top:10px;width:100%}}.popular-articles-section{background-color:var(--bg-main);color:var(--text-primary);margin:0 auto;max-width:1200px;padding:40px 20px}.section-title{color:var(--text-primary);font-size:2.2em;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 5px #0003}.popular-articles-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.view-all-button-container{margin-top:40px;text-align:center}.view-all-button{background-color:var(--accent-green);border-radius:8px;box-shadow:0 4px 10px #00e6764d;color:var(--bg-panel);display:inline-block;font-size:1.1em;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.view-all-button:hover{background-color:var(--accent-green-hover);box-shadow:0 6px 15px #00e67666;transform:translateY(-2px)}@media (max-width:768px){.section-title{font-size:1.8em}.popular-articles-grid{grid-template-columns:1fr}}@media (max-width:480px){.popular-articles-section{padding:30px 15px}.section-title{font-size:1.6em}.view-all-button{padding:10px 20px;width:100%}}.home-page{background-color:var(--bg-dark);border-radius:8px;box-shadow:none;color:var(--text-light);margin:20px auto;max-width:1200px;padding:20px}.home-page h2{color:var(--accent-green);margin-bottom:20px;text-align:center}.home-page p{color:var(--text-secondary);font-size:1.1em;line-height:1.5;margin-bottom:30px;text-align:center}.article-detail-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:900px;padding:30px}.reading-progress-bar-container{background-color:var(--border-subtle);height:5px;left:0;position:fixed;top:0;width:100%;z-index:100}.reading-progress-bar{background-color:var(--accent-green);height:100%;transition:width .1s linear;width:0}.article-detail-header{margin-bottom:30px;text-align:center}.article-detail-image{border-radius:8px;box-shadow:0 2px 8px var(--shadow-strong);height:auto;margin-bottom:20px;max-width:100%}.article-title-bookmark-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.article-detail-page h1{color:var(--text-primary);font-size:2.5em;line-height:1.2;margin-bottom:10px}.bookmark-button-detail{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.8em;padding:5px;transition:color .3s ease,transform .2s ease}.bookmark-button-detail:hover{color:var(--accent-green);transform:scale(1.1)}.bookmark-button-detail.bookmarked{color:var(--accent-green)}.article-detail-meta{color:var(--text-secondary);font-size:.9em;margin-bottom:10px}.article-detail-category{background-color:var(--bg-input);border-radius:5px;margin-right:5px;padding:4px 10px;text-transform:uppercase}.article-detail-category,.article-rating{color:var(--accent-green);font-weight:700}.article-content{color:var(--text-primary);font-size:1.1em;line-height:1.7;margin-bottom:40px;text-align:justify}.article-content p{margin-bottom:1.5em}.article-content h3{color:var(--accent-green);font-size:1.8em;margin-bottom:.8em;margin-top:1.5em;text-align:left}.article-content ol,.article-content ul{color:var(--text-secondary);margin-bottom:1.5em;padding-left:25px}.article-content li{margin-bottom:.5em}.share-section{border-top:1px solid var(--border-subtle);margin-top:40px;padding-top:20px;text-align:center}.share-section h3{color:var(--text-primary);font-size:1.4em;margin-bottom:20px}.share-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.share-button{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1em;font-weight:700;gap:8px;padding:10px 20px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.share-button svg{font-size:1.2em}.share-button:hover{filter:brightness(1.2)}.share-button.twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.share-button.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.share-button.linkedin:hover{background-color:#0a66c2;border-color:#0a66c2;color:#fff}.share-button.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff}.comments-section{border-top:1px solid var(--border-subtle);color:var(--text-primary);margin-top:50px;padding-top:30px;text-align:left}.comments-section h3{color:var(--text-primary);font-size:2em;margin-bottom:25px;text-align:center}.comment-form-container{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 2px 10px var(--shadow-strong);margin-bottom:30px;padding:25px}.comment-form-container h4{color:var(--accent-green);font-size:1.5em;margin-bottom:20px;text-align:center}.comment-form .form-group{margin-bottom:15px}.comment-form label{color:var(--text-secondary);display:block;font-weight:700;margin-bottom:5px}.comment-form input[type=text],.comment-form textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:1em;padding:10px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-secondary)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00e67633;outline:none}.submit-comment-button{background-color:var(--accent-green);border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:1em;font-weight:700;margin-top:10px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-comment-button:hover{background-color:var(--accent-green-hover);transform:translateY(-1px)}.comments-list{margin-top:30px}.no-comments-message{background-color:var(--bg-input);border-radius:8px;color:var(--text-secondary);font-size:1.1em;font-style:italic;padding:20px;text-align:center}.comment-item{background-color:var(--bg-darker);border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-bottom:15px;padding:15px}.comment-meta{color:var(--text-secondary);font-size:.9em;margin-bottom:5px}.comment-author{color:var(--accent-green);font-weight:700}.comment-text{color:var(--text-primary);font-size:1em;line-height:1.5}@media (max-width:600px){.comments-section h3{font-size:1.8em}.comment-form-container{padding:15px}.comment-form-container h4{font-size:1.3em}.comment-form input,.comment-form textarea,.submit-comment-button{font-size:.9em;padding:8px}.comment-item{padding:12px}.comment-meta,.comment-text{font-size:.9em}}.back-button{background-color:var(--accent-green);border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;display:block;font-size:1.1em;margin:40px auto 0;padding:12px 25px;transition:background-color .3s ease,color .3s ease;width:-webkit-fit-content;width:fit-content}.back-button:hover{background-color:var(--accent-green-hover);color:var(--text-primary)}.article-detail-error{color:#ff4d4f;font-size:1.2em;margin-top:50px;text-align:center}.article-detail-error button{background-color:var(--bg-input);border:1px solid #ff4d4f;border-radius:5px;color:#ff4d4f;cursor:pointer;margin-top:20px;padding:10px 20px;transition:all .3s ease}.article-detail-error button:hover{background-color:#ff4d4f;color:#fff}.related-articles-section{border-top:1px solid var(--border-subtle);color:var(--text-primary);margin-top:50px;padding-top:30px;text-align:center}.related-articles-section .section-title{color:var(--text-primary);font-size:1.8em;font-weight:600;margin-bottom:25px}.related-articles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.related-articles-grid .article-card{box-shadow:0 2px 10px var(--shadow-strong)}@media (max-width:768px){.related-articles-section .section-title{font-size:1.5em}.related-articles-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}}.video-player-container{background-color:#000;border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);height:0;margin:30px 0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.responsive-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-player-error{background-color:var(--bg-panel);border-radius:8px;color:var(--text-error);margin:30px 0;padding:20px;text-align:center}.image-gallery-container{margin:40px 0;text-align:center}.image-gallery-container h3{color:var(--accent-green);font-size:1.8em;margin-bottom:25px}.image-grid{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.image-item{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 10px var(--shadow-strong);overflow:hidden;transition:transform .3s ease}.image-item:hover{transform:translateY(-5px)}.image-item img{display:block;height:200px;object-fit:cover;width:100%}@media (max-width:768px){.image-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:600px){.image-grid{grid-template-columns:1fr}.image-item img{height:220px}}.about-page{background-color:var(--bg-medium);border-radius:8px;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-light);margin:20px auto;max-width:800px;padding:30px;text-align:center}.about-page h1{color:var(--accent-green);font-size:2.2em;margin-bottom:25px}.about-page p{color:var(--text-light);font-size:1.1em;line-height:1.7;margin-bottom:20px;text-align:justify}.contact-info{border-top:1px solid var(--border-color);margin-top:40px;padding-top:20px}.contact-info h3{color:var(--text-light);margin-bottom:15px}.contact-info p{color:var(--text-secondary);font-size:1em;margin-bottom:10px;text-align:center}.contact-form{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);margin:30px auto;max-width:600px;padding:30px}.form-group label{color:var(--text-primary);font-size:1.1em}.form-group input[type=email],.form-group input[type=text],.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:1em;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00e67633;outline:none}.form-group textarea{resize:vertical}@media (max-width:600px){.contact-form{margin:20px auto;padding:20px}.form-group input,.form-group textarea,.submit-button{font-size:.95em;padding:10px}}.contact-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:900px;padding:30px;text-align:center}.contact-page h1{color:var(--accent-green);font-size:2.5em;margin-bottom:20px}.contact-page p{color:var(--text-secondary);font-size:1.1em;line-height:1.6;margin-bottom:40px}@media (max-width:768px){.contact-page{padding:20px}.contact-page h1{font-size:2em}.contact-page p{font-size:1em}}.bookmarks-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:1200px;padding:30px;text-align:center}.bookmarks-page h1{color:var(--accent-green);font-size:2.5em;margin-bottom:30px}.no-bookmarks-message{background-color:var(--bg-input);border-radius:8px;color:var(--text-secondary);font-size:1.1em;margin-top:40px;padding:20px}.bookmarks-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}.bookmarks-page-loading{color:var(--text-secondary);font-size:1.2em;margin-top:50px;text-align:center}@media (max-width:768px){.bookmarks-page{padding:20px}.bookmarks-page h1{font-size:2em}.bookmarks-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}}.category-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:1200px;padding:30px;text-align:center}.category-page h1{color:var(--accent-green);font-size:2.5em;margin-bottom:15px}.category-page .page-description{color:var(--text-secondary);font-size:1.1em;margin-bottom:30px}@media (max-width:768px){.category-page{padding:20px}.category-page h1{font-size:2em}.category-page .page-description{font-size:1em}}.categories-overview-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:1200px;padding:30px;text-align:center}.categories-overview-page.loading-state{padding:50px}.categories-overview-page h1{color:var(--accent-green);font-size:2.5em;margin-bottom:15px}.categories-overview-page .page-description{color:var(--text-secondary);font-size:1.1em;margin-bottom:40px}.categories-section,.platforms-section{margin-bottom:50px}.categories-section h2,.platforms-section h2{border-bottom:2px solid var(--border-subtle);color:var(--text-primary);display:inline-block;font-size:2em;margin-bottom:25px;padding-bottom:10px}.category-list,.platform-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.category-item,.platform-item{background-color:var(--bg-input);border-radius:25px;box-shadow:0 2px 5px #0003;color:var(--text-primary);font-weight:700;padding:12px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease;white-space:nowrap}.category-item:hover,.platform-item:hover{background-color:var(--accent-green);box-shadow:0 4px 8px #00e67666;color:var(--bg-main);transform:translateY(-2px)}@media (max-width:768px){.categories-overview-page{padding:20px}.categories-overview-page h1{font-size:2em}.categories-section h2,.platforms-section h2{font-size:1.8em}.category-list,.platform-list{gap:10px}.category-item,.platform-item{font-size:.9em;padding:10px 15px}}.auth-form{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:50px auto;max-width:450px;padding:40px;text-align:center}.auth-form h2{color:var(--accent-green);font-size:2.2em;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:var(--text-secondary);display:block;font-weight:700;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:1em;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input::placeholder{color:var(--text-secondary)}.form-group input:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00e67633;outline:none}.submit-button{background-color:var(--accent-green);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.2em;font-weight:700;margin-top:20px;padding:15px 30px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;width:100%}.submit-button:hover{background-color:var(--accent-green-hover);box-shadow:0 6px 15px #00e67666;transform:translateY(-2px)}.auth-link{color:var(--text-secondary);font-size:.95em;margin-top:20px}.auth-link a{color:var(--accent-blue);font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:600px){.auth-form{margin:30px 15px;padding:25px}.auth-form h2{font-size:1.8em}.form-group input,.submit-button{font-size:.9em;padding:10px}}.auth-page{background-color:var(--bg-main);box-sizing:border-box;min-height:calc(100vh - 140px);min-height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 80px));padding:20px}.auth-page,.scroll-to-top-button{align-items:center;display:flex;justify-content:center}.scroll-to-top-button{background-color:var(--accent-green);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px var(--shadow-strong);color:var(--text-primary);cursor:pointer;font-size:1.5em;height:50px;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out,background-color .2s ease;visibility:hidden;width:50px;z-index:999}.scroll-to-top-button.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top-button:hover{background-color:var(--accent-green-hover);transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top-button{bottom:20px;font-size:1.3em;height:45px;right:20px;width:45px}}.breadcrumbs{background-color:initial;border-bottom:none;border-radius:0;box-shadow:none;color:var(--text-secondary);font-size:.9em;margin:0 auto 20px;max-width:1200px;padding:12px 0}.breadcrumbs ol{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li,.breadcrumbs ol{align-items:center;display:flex}.breadcrumbs li+li:before{color:var(--text-secondary);content:">";margin:0 8px}.breadcrumbs li a{align-items:center;color:var(--text-secondary);display:flex;text-decoration:none;transition:color .2s ease}.breadcrumbs li a:hover{color:var(--accent-green);text-decoration:underline}.breadcrumbs li span{color:var(--text-primary);font-weight:700}.breadcrumbs .home-icon{color:var(--accent-blue);font-size:1.1em;margin-right:5px}@media (max-width:768px){.breadcrumbs{font-size:.85em;margin-bottom:15px;padding:10px 15px}.breadcrumbs ol{justify-content:flex-start}.breadcrumbs li+li:before{margin:0 5px}}.discussion-card{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 12px var(--shadow-strong);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.discussion-card:hover{box-shadow:0 6px 16px var(--shadow-strong);transform:translateY(-5px)}.discussion-card-link{color:var(--text-primary);display:block;text-decoration:none}.discussion-card-title{color:var(--text-primary);font-size:1.4em;line-height:1.3;margin-bottom:10px;margin-top:0;transition:color .2s ease}.discussion-card-link:hover .discussion-card-title{color:var(--accent-green)}.discussion-card-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9em;gap:15px;margin-bottom:15px}.discussion-card-meta .meta-item{align-items:center;display:flex;gap:5px}.discussion-card-meta .meta-item svg{color:var(--accent-blue)}.discussion-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex-grow:1;font-size:1em;line-height:1.5;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}.discussion-card-footer{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:auto;padding-top:15px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{background-color:var(--bg-input);border-radius:15px;color:var(--accent-green);font-size:.8em;font-weight:700;padding:5px 10px}.last-post-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.85em;gap:5px}.last-post-info .last-post-author{color:var(--text-primary);font-weight:700}.last-post-icon{color:var(--accent-blue)}@media (max-width:600px){.discussion-card{padding:15px}.discussion-card-title{font-size:1.2em}.discussion-card-meta{font-size:.8em;gap:10px}.discussion-card-description{font-size:.9em}.discussion-card-footer{align-items:flex-start;flex-direction:column;gap:10px}.last-post-info{margin-top:5px}}.community-page{background-color:var(--bg-panel);border-radius:8px;box-shadow:0 4px 15px var(--shadow-strong);color:var(--text-primary);margin:20px auto;max-width:1200px;padding:30px;text-align:center}.community-page.loading-state{padding:50px}.community-page h1{color:var(--accent-green);font-size:2.5em;margin-bottom:15px}.page-description{color:var(--text-secondary);font-size:1.1em;margin-bottom:40px}.create-topic-section{background-color:var(--bg-main);border-radius:8px;box-shadow:0 2px 10px #0000004d;margin-bottom:50px;padding:30px}.create-topic-section h2{border-bottom:2px solid var(--border-subtle);color:var(--text-primary);display:inline-block;font-size:2em;margin-bottom:25px;padding-bottom:10px}.new-topic-form{text-align:left}.new-topic-form .form-group{margin-bottom:15px}.new-topic-form label{color:var(--text-secondary);display:block;font-weight:700;margin-bottom:5px}.new-topic-form input[type=text],.new-topic-form textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-primary);font-size:1em;padding:10px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.new-topic-form input::placeholder,.new-topic-form textarea::placeholder{color:var(--text-secondary)}.new-topic-form input:focus,.new-topic-form textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00e67633;outline:none}.submit-topic-button{background-color:var(--accent-green);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.1em;font-weight:700;margin-top:15px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-topic-button:hover{background-color:var(--accent-green-hover);transform:translateY(-2px)}.discussions-list-section{margin-top:50px}.discussions-list-section h2{border-bottom:2px solid var(--border-subtle);color:var(--text-primary);display:inline-block;font-size:2em;margin-bottom:25px;padding-bottom:10px}.discussions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.no-discussions-message{background-color:var(--bg-input);border-radius:8px;color:var(--text-secondary);font-size:1.1em;font-style:italic;grid-column:1/-1;margin-top:20px;padding:20px}@media (max-width:768px){.community-page{padding:20px}.community-page h1,.create-topic-section h2,.discussions-list-section h2{font-size:1.8em}.create-topic-section{padding:20px}.discussions-grid{grid-template-columns:1fr}}:root,body.light-theme{--bg-dark:var(--bg-main);--bg-medium:var(--bg-panel);--bg-darker:var(--bg-input);--text-light:var(--text-primary);--border-color:var(--border-subtle);--shadow-color:var(--shadow-strong)}#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b1b2a;background-color:var(--bg-main);color:#f0f0f0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.App-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px}h1,h2,h3,h4,h5,h6{color:#f0f0f0;color:var(--text-primary);margin-bottom:.5em;margin-top:0}a{color:#00e676;color:var(--accent-green);text-decoration:none}a:hover{color:#00b359;color:var(--accent-green-hover);text-decoration:underline}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#2d2d3d;background:var(--bg-panel);border-radius:10px}::-webkit-scrollbar-thumb{background-color:#00e676;background-color:var(--accent-green);border:2px solid #2d2d3d;border:2px solid var(--bg-panel);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#00b359;background-color:var(--accent-green-hover)}html{scrollbar-color:#00e676 #2d2d3d;scrollbar-color:var(--accent-green) var(--bg-panel);scrollbar-width:thin}.my-scrollable-div::-webkit-scrollbar{width:8px}.my-scrollable-div::-webkit-scrollbar-thumb{background-color:#a0a0a0;background-color:var(--text-secondary)}.my-scrollable-div::-webkit-scrollbar-track{background:#13131c;background:var(--bg-input)}.my-scrollable-div{scrollbar-color:#a0a0a0 #13131c;scrollbar-color:var(--text-secondary) var(--bg-input)}:root{--bg-main:#1b1b2a;--bg-panel:#2d2d3d;--bg-input:#13131c;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--accent-green:#00e676;--accent-green-hover:#00b359;--accent-blue:#33a4ff;--border-subtle:#404055;--shadow-strong:#0009;--accent-red:#dc3545;--accent-orange:#ffc107;--header-height-desktop:70px;--header-height-mobile:60px}body.light-theme{--bg-main:#f0f2f5;--bg-panel:#fff;--bg-input:#e9ecef;--text-primary:#333;--text-secondary:#666;--accent-green:#00e676;--accent-green-hover:#00b359;--accent-blue:#007bff;--border-subtle:#dcdcdc;--shadow-strong:#00000026;--accent-red:#dc3545;--accent-orange:#ffc107}
/*# sourceMappingURL=main.cf612dad.css.map*/