:root{--header-bg:#f8f9fa;--section-bg:#e9ecef;--text-color:#121212;--text-muted:#6c757d;--input-bg:#e9ecef;--button-color:#fff}body.dark-mode{--header-bg:#212529;--section-bg:#343a40;--text-color:#f8f9fa;--text-muted:#adb5bd;--card-bg:#212529}body.light-mode{--header-bg:#fff;--text-color:#121212;--button-bg:#e2e6ea;--search-bg:#f0f0f0;--icon-color:#121212;--mobile-menu-bg:#fff;--mobile-menu-shadow:#0000001a;--sensors-hover:#ffa726;--environment-hover:#66bb6a;--codec-hover:#42a5f5;--docs-hover:#ab47bc;--posts-hover:#ef5350;--signup-bg:#fff;--signup-color:#121212;--signup-hover-bg:#121212;--signup-hover-color:#fff}body.dark-mode{--search-bg:#2a2a2a;--icon-color:#fff;--mobile-menu-bg:#1e1e1e;--mobile-menu-shadow:#ffffff1a;--sensors-hover:#ffcc80;--environment-hover:#81c784;--codec-hover:#90caf9;--docs-hover:#ce93d8;--posts-hover:#e57373;--signup-bg:#121212;--signup-color:#fff;--signup-hover-bg:#fff;--signup-hover-color:#121212}body{font-family:Inter,Arial,sans-serif;margin:0}.header{align-items:center;background-color:var(--header-bg);box-shadow:0 4px 6px #0000001a;display:flex;font-size:18px;justify-content:space-between;padding:15px 25px;position:relative;z-index:1000}.hamburger{color:var(--icon-color);cursor:pointer;display:none;font-size:24px;z-index:1100}.logo{align-items:center;display:flex;gap:10px}.logo-icon{height:auto;width:8em}.logo span{color:var(--text-color);font-size:20px;font-weight:700;text-transform:uppercase}.logo a{align-items:center;color:inherit;display:flex;gap:10px;text-decoration:none}.nav-links{display:flex;gap:25px}.nav-links a{align-items:center;border-radius:4px;color:var(--text-color);display:flex;font-size:18px;padding:5px;text-decoration:none;transition:background-color .3s ease}.nav-links .nav-icon{font-size:18px;margin-right:10px}.nav-links a:first-child:hover{background-color:var(--sensors-hover)}.nav-links a:nth-child(2):hover{background-color:var(--environment-hover)}.nav-links a:nth-child(3):hover{background-color:var(--codec-hover)}.nav-links a:nth-child(4):hover{background-color:var(--docs-hover)}.nav-links a:nth-child(5):hover{background-color:var(--posts-hover)}.actions{flex-wrap:nowrap;gap:15px;white-space:nowrap}.actions,.header .search-bar{align-items:center;display:flex}.header .search-bar{background-color:var(--search-bg);border-radius:20px;font-size:16px;gap:5px;padding:5px 15px}.search-bar input{background:#0000;border:none;outline:none;width:150px}.search-bar input::placeholder{color:#888}.dark-mode-toggle,.search-bar svg{color:var(--icon-color)}.dark-mode-toggle{background:none;border:none;cursor:pointer;font-size:20px}.auth-buttons{align-items:center;display:flex;gap:10px}.login-btn{background-color:initial;color:var(--text-color);padding:5px 15px}.login-btn,.signup-btn{border:none;cursor:pointer;font-size:16px;font-weight:700}.signup-btn{background-color:var(--signup-bg);border-radius:50px;color:var(--signup-color);padding:8px 20px;transition:all .3s ease}.signup-btn:hover{background-color:var(--signup-hover-bg);color:var(--signup-hover-color)}.mobile-auth-links{display:none}@media screen and (max-width:1023px){.nav-links.open .mobile-auth-links{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.nav-links.open .mobile-auth-links button{align-items:center;background:none;border:none;border-top:1px solid #80808033;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;justify-content:flex-start;padding:15px;width:100%}.nav-links.open .mobile-auth-links button .nav-icon{margin-right:10px}.header{padding:15px}.hamburger{display:block;position:relative;z-index:1100}.auth-buttons,.dark-mode-toggle,.nav-links{display:none}.nav-links.open{-webkit-overflow-scrolling:touch;animation:slideIn .3s ease;background-color:var(--mobile-menu-bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding-bottom:100px;padding-top:80px;position:fixed;scroll-behavior:smooth;top:0;width:100%;z-index:1000}}@media screen and (max-width:1023px){.nav-links.open::-webkit-scrollbar{width:8px}.nav-links.open::-webkit-scrollbar-track{background:#0000}.nav-links.open::-webkit-scrollbar-thumb{background-color:#8080804d;border-radius:4px}.nav-links.open::-webkit-scrollbar-thumb:hover{background-color:#80808080}.dark-mode .nav-links.open::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dark-mode .nav-links.open::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.nav-links.open .mobile-auth-links button,.nav-links.open a{flex-shrink:0;min-height:48px}.nav-links.open .mobile-auth-links{margin-bottom:80px;padding-bottom:40px}.nav-links.open .mobile-auth-links button:last-child{margin-bottom:60px}.nav-links.open:before{background:linear-gradient(to bottom,var(--mobile-menu-bg) 0,#0000 100%);top:0}.nav-links.open:after,.nav-links.open:before{content:"";height:20px;position:sticky;z-index:1}.nav-links.open:after{background:linear-gradient(to top,var(--mobile-menu-bg) 0,#0000 100%);bottom:0}.nav-links.open a{border-bottom:1px solid var(--border-color);padding:15px;text-align:left;width:100%}.actions{flex-direction:column;gap:20px;padding:0 15px;width:100%}.search-bar{justify-content:center;width:100%}.search-bar input{text-align:center;width:100%}.auth-buttons{flex-direction:column;width:100%}.login-btn,.signup-btn{padding:15px;text-align:center;width:100%}}@media screen and (max-width:480px){.header{padding:10px}.logo-icon{width:30px}.logo span{font-size:18px}}.profile-icon-wrapper{align-items:center;background-color:var(--search-bg);border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:transform .2s ease;width:40px}.profile-icon-wrapper:hover{border-color:var(--button-bg);transform:scale(1.05)}.default-profile-icon,.profile-picture{height:100%;width:100%}.default-profile-icon{color:var(--text-color);font-size:20px}.mobile-profile-container{align-items:center;border-top:1px solid #80808033;cursor:pointer;display:flex;gap:10px;padding:15px;width:100%}.mobile-profile-picture{border-radius:50%;height:40px;object-fit:cover;width:40px}.mobile-profile-icon{align-items:center;background-color:var(--search-bg);border-radius:50%;color:var(--text-color);display:flex;height:40px;justify-content:center;width:40px}@media screen and (max-width:1023px){.profile-icon-wrapper{display:none}.mobile-profile-container{display:flex}}@media screen and (min-width:1024px){.mobile-profile-container{display:none}}.profile-picture{cursor:pointer;height:40px;transition:transform .2s ease-in-out;width:40px}.profile-picture:hover{transform:scale(1.1)}.default-profile-icon{align-items:center;background-color:#e2e8f0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease-in-out;width:40px}.default-profile-icon:hover{background-color:#cbd5e0}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{animation:scaleIn .2s ease-out;background-color:var(--bg-color);border-radius:8px;max-height:90vh;max-width:90vw;padding:1rem;position:relative;width:auto}.profile-modal-close{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition:color .2s ease-in-out;z-index:2}.profile-modal-close:hover{color:var(--primary-color)}.profile-modal-image-container{align-items:center;display:flex;justify-content:center;max-height:70vh;overflow:hidden;position:relative}.profile-modal-image{border-radius:4px;max-height:70vh;max-width:100%;object-fit:contain}.profile-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.profile-modal-actions button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease-in-out}.profile-modal-actions button:hover{background-color:var(--primary-color-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark-mode .profile-modal-content{background-color:var(--bg-color);color:var(--text-color)}.dark-mode .profile-modal-close{color:var(--text-color)}.dark-mode .default-profile-icon{background-color:#374151}.dark-mode .default-profile-icon:hover{background-color:#4b5563}@media screen and (max-width:1023px){.logo-icon{height:auto;width:8em}}@media screen and (max-width:480px){.logo-icon{height:auto;width:6em}}.universal-search{margin-left:auto;max-width:auto;position:relative;width:100%}.universal-search .search-form{align-items:center;background-color:var(--search-bg);border-radius:16px;display:flex;font-size:14px;padding:4px 12px}.universal-search .search-form input{background:#0000;border:none;border-radius:16px;color:var(--text-color);font-size:14px;outline:none;padding:6px;width:100%}.universal-search .search-form input::placeholder{color:#aaa}.universal-search .search-form svg{color:var(--icon-color);margin-right:6px}.universal-search .search-dropdown{background-color:var(--header-bg);border:1px solid var(--icon-color);border-radius:12px;box-shadow:0 6px 12px #0000001a;left:0;max-height:250px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.universal-search .search-dropdown .dropdown-item{align-items:center;border-bottom:1px solid var(--search-bg);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background-color .2s ease,transform .1s ease}.universal-search .search-dropdown .dropdown-item:hover{background-color:var(--search-bg);transform:scale(1.02)}.universal-search .search-dropdown .dropdown-item:last-child{border-bottom:none}.universal-search .search-dropdown .result-type{color:var(--icon-color);font-weight:700;margin-right:8px}.universal-search .search-dropdown .result-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:480px){.universal-search{width:100%}.universal-search .search-form{padding:4px 10px}.universal-search .search-form input{font-size:12px;padding:5px}.universal-search .search-dropdown .dropdown-item{font-size:12px;padding:6px 8px}}.universal-search .search-dropdown{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-panel{animation:slideDown .25s ease-out;background-color:var(--header-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0003;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:1000}.notification-header{align-items:center;background-color:var(--search-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 18px}.notification-header h3{color:var(--text-color);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0}.clear-all-btn,.close-button,.mark-all-read-btn{background-color:initial;border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;margin-left:4px;padding:6px 10px;transition:background-color .2s ease,transform .2s ease}.mark-all-read-btn{background-color:var(--icon-color);color:var(--bg-color)}.mark-all-read-btn:hover{background-color:#2563eb;transform:scale(1.05)}.clear-all-btn{background-color:var(--icon-color);color:var(--bg-color);margin-left:8px}.clear-all-btn:hover{background-color:#dc2626;transform:scale(1.05)}.close-button{color:var(--icon-color)}.close-button:hover{transform:rotate(90deg)}.notification-list{max-height:400px;overflow-y:auto;scroll-behavior:smooth}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-thumb{background-color:#64748b80;border-radius:10px}.notification-item{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;padding:14px 18px;transition:background-color .2s ease}.notification-item:hover{background-color:#3b82f61a}.notification-item.unread{background-color:#2563eb26}.notification-content{align-items:center;display:flex;gap:12px;width:100%}.notification-icon{background-color:#0000000d;border-radius:50%;font-size:20px;padding:8px}.notification-icon.follow{background-color:#8b5cf633;color:#8b5cf6}.notification-icon.comment{background-color:#3b82f633;color:#3b82f6}.notification-icon.reaction{background-color:#ef444433;color:#ef4444}.notification-text{color:var(--text-color);flex-grow:1;font-size:14px;line-height:1.5}.notification-text strong{font-weight:600}.notification-time{color:#9ca3af;font-size:12px}.no-notifications{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media screen and (max-width:480px){.notification-panel{border-radius:8px;left:10px;max-height:calc(100vh - 80px);position:fixed;right:10px;top:60px;width:auto}.notification-header{flex-wrap:wrap;gap:10px}.notification-text{font-size:13px}}.notification-container,.notification-trigger{align-items:center;display:flex;position:relative}.notification-trigger{background:none;border:none;color:var(--icon-color);cursor:pointer;font-size:22px;gap:5px;justify-content:center;padding:8px;transition:transform .2s ease}.notification-label{color:var(--text-color);display:none;font-size:14px;font-weight:500}.notification-trigger:hover{transform:scale(1.1)}.notification-badge{background-color:#ff3b3b;border:2px solid var(--header-bg);border-radius:50%;box-shadow:0 0 6px #ff3b3b80;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;position:absolute;right:-2px;top:-2px}@media screen and (max-width:480px){.notification-container{margin-right:10px}.notification-trigger{background-color:var(--search-bg);border:1px solid var(--border-color);border-radius:20px;padding:8px 12px}.notification-label{display:inline-block}.notification-badge{right:-5px}.notification-panel{border-radius:8px;left:10px;max-height:calc(100vh - 80px);position:fixed;right:10px;top:60px;width:auto}.notification-header{flex-wrap:wrap;gap:10px}.notification-text{font-size:13px}}.section-left{color:var(--text-color);font-family:sans-serif;padding:20px 20px 20px 5%}.top-nav{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.top-nav button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.top-nav button:hover{background:var(--hover-bg)}.top-nav .active{background:#000;color:#fff;font-weight:700}.filter-container{text-align:left}.filter-wrapper{align-items:center;display:inline-flex;position:relative;width:100%}.section-left .filter-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);font-size:14px;max-width:250px;padding:8px 35px 8px 12px;width:100%}.section-left .filter-input::placeholder{color:#999}.filter-reset-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:background-color .3s,color .3s;z-index:10}.filter-reset-btn:hover{background-color:#0000001a;color:#333}.parameter-category h3{color:#555;font-size:14px;font-weight:600;margin:30px 0 10px}.parameter-category ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.parameter-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-color);font-size:14px;font-weight:500;gap:6px;padding:6px 10px;transition:background .3s,transform .2s;white-space:nowrap}.parameter-item:hover{background:var(--hover-bg);transform:translateY(-2px)}.parameter-icon{align-items:center;color:var(--icon-color);display:inline-flex;font-size:16px;justify-content:center}.parameter-category:first-of-type .parameter-icon{color:#ef8f88}.parameter-category:nth-of-type(2) .parameter-icon{color:#f0c94d}.parameter-category:nth-of-type(3) .parameter-icon{color:#66bb6a}.section-right{color:#333;color:var(--text-color);height:100%}.right-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.right-header h2{color:#333;color:var(--text-color);font-size:18px;font-weight:700;text-transform:uppercase}.sort-options{display:flex;gap:15px}.sort-button{transition:background-color .3s,transform .2s}.item-count{transition:background-color .3s,transform .2s,box-shadow .3s}.filter-container{display:flex;justify-content:flex-end;margin-bottom:20px}.section-right .filter-input{background:#f8f9fa;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:20px;color:#333;color:var(--text-color);font-size:14px;padding:10px 15px;width:30%}.section-right .filter-input::placeholder{color:#999}.model-card{background:#f8f9fa;background:var(--card-bg);border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:background .3s,transform .2s,box-shadow .3s}.model-card:hover{background:#e9ecef;background:var(--hover-bg);transform:translateY(-4px)}.model-card h3{color:#333;color:var(--text-color);font-size:16px;font-weight:700;margin:0 0 10px;transition:color .3s}.model-card h3:hover{color:#ff5733;color:var(--hover-title-color)}.model-info{color:#666;font-size:12px;margin-bottom:10px}.model-type{color:#333;color:var(--text-color);font-size:14px;font-weight:500}.pagination button{background:#f8f9fa;background:var(--card-bg);transition:background-color .3s,transform .2s}.pagination button:disabled{background:#ddd;background:var(--border-color)}.pagination span{color:#333;color:var(--text-color);font-size:14px;font-weight:700}@media (max-width:768px){.model-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.model-card{display:flex;flex-direction:column;height:100%;justify-content:space-between}}@media (min-width:769px) and (max-width:1024px){.model-list{grid-template-columns:1fr 1fr}}.model-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.model-card{display:flex;flex-direction:column;height:100%;justify-content:space-between}.loading-bar{animation:loadingAnimation 1.5s linear infinite;background-color:#333;margin-bottom:10px}@keyframes loadingAnimation{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.footer{background-color:var(--header-bg);border-top:1px solid #0000001a;color:var(--text-color);flex-wrap:wrap;justify-content:space-around;padding:20px 15px}.footer,.footer-button{align-items:center;display:flex}.footer-button{gap:8px}.footer-button a{color:var(--text-color);font-size:16px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.footer-button a:hover{background-color:var(--button-bg);border-radius:4px;color:var(--signup-color);padding:4px 6px}.footer-logo{align-items:center;display:flex;justify-content:center}.footer-logo-icon{height:50px;width:auto}@media screen and (max-width:768px){.footer{align-items:flex-start;flex-direction:column;gap:15px}.footer-button{justify-content:flex-start;width:100%}.footer-logo{display:none}}.SensorDetail-page{--bg-color:#fff;--text-color:#333;--sidebar-bg:#f4f4f4;--border-color:#ddd;--content-bg:#fff;--highlight-color:#007bff;--hover-color:#0056b3}.sensor-page{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:row;font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.sensor-content{background-color:var(--content-bg);border:1px solid var(--border-color);padding:30px;width:80%}.sensor-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px;text-align:center}.sensor-title{color:var(--highlight-color);font-size:28px;font-weight:700}.sensor-details section{margin-bottom:20px}.sensor-navigation-image{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;height:auto;margin-top:20px;max-width:100%}.sensor-details h2{border-bottom:2px solid var(--highlight-color);color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:10px;padding-bottom:5px}.sensor-details p{color:var(--text-color);font-size:16px;line-height:1.6}.sensor-links{background-color:var(--sidebar-bg);border-left:1px solid var(--border-color);overflow-y:auto;padding:10px;width:20%}@media screen and (max-width:768px){.sensor-page{flex-direction:column}.sensor-content{padding:15px;width:100%}.sensor-links{border-left:none;border-top:1px solid var(--border-color);width:100%}.sensor-title{font-size:22px}.sensor-details h2{font-size:18px}.sensor-details p{font-size:14px}.links-title{font-size:16px}.link-item{font-size:12px}.sensor-navigation-image{margin-top:10px}}@media screen and (max-width:480px){.sensor-content{padding:10px}.sensor-title{font-size:20px}.sensor-details h2{font-size:16px}.sensor-details p{font-size:13px}.links-title{font-size:14px}.link-item{font-size:11px}}.eco-systems-container{padding:20px}.ecosystems-header{margin-bottom:20px}.ecosystems-sort-options{gap:15px}.sort-button{padding:10px 15px}.sort-button:hover{transform:translateY(-3px)}.item-count{padding:10px 15px}.item-count:hover{box-shadow:0 6px 10px #00000026}.ecosystems-nav{gap:15px}.ecosystems-filter-container,.ecosystems-nav{margin-bottom:20px}.ecosystems-filter-input{width:30%}.ecosystem-type-section{margin-bottom:40px}.ecosystem-type-title{font-size:24px;margin-bottom:20px}.ecosystem-group{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.ecosystem-group{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ecosystem-group{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ecosystem-group{grid-template-columns:1fr}}.ecosystem-card:hover{transform:translateY(-5px)}.ecosystem-title{font-size:18px;margin-bottom:10px}.ecosystem-title:hover{color:#ff5733;color:var(--hover-title-color)}.ecosystem-type{font-size:14px;margin-top:10px}.ecosystem-title a{color:#333;color:var(--text-color);text-decoration:none;transition:color .3s ease}.ecosystem-title a:hover{color:#ff5733;color:var(--hover-title-color)}.codec{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;min-height:100vh}.codec-header{margin:20px 20px 30px;text-align:center}.codec-header h1{font-size:32px;font-weight:700}.codec-header p{color:var(--text-muted-color);font-size:16px}.codec-content{box-sizing:border-box;display:flex;flex:1 1;gap:20px;justify-content:space-between;margin:0 auto;padding:0 20px;width:100%}.codec-left-column{flex:0 0 70%;flex-direction:column;max-width:70%;min-height:500px}.codec-left-column,.codec-right-column{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:20px}.codec-right-column{flex:0 0 28%;flex-direction:column;max-width:28%}.codec-search{margin-bottom:20px}.codec-search input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-sizing:border-box;color:var(--text-color);font-size:16px;padding:10px 15px;transition:background-color .3s,color .3s;width:100%}.filter-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filter-controls select{flex:1 1;max-width:200px;min-width:120px}.clear-filters,.filter-controls select{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;padding:8px 12px}.clear-filters{transition:background-color .2s;white-space:nowrap}.clear-filters:hover{background-color:var(--hover-bg)}.search-bar{margin-bottom:15px;position:relative}.search-bar input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-sizing:border-box;color:var(--text-color);font-size:16px;padding:10px 35px 10px 15px;width:100%}.clear-search{background:none;border:none;color:var(--text-muted-color);cursor:pointer;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.filter-tag{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;font-size:14px;gap:5px;padding:4px 8px}.filter-tag,.filter-tag button{align-items:center;display:flex}.filter-tag button{background:none;border:none;color:var(--text-muted-color);cursor:pointer;padding:2px}.filter-tag button:hover{color:var(--text-color)}.codec-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;width:100%}.codec-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:auto;padding:15px;transition:transform .2s,background-color .3s}.codec-card:hover{background-color:var(--hover-bg);transform:translateY(-5px)}.codec-name{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:5px}.codec-type{font-size:14px;margin-bottom:5px}.codec-description{color:var(--text-muted-color);margin-top:5px}.pagination{align-items:center;background-color:var(--input-bg-color);flex-wrap:wrap;gap:10px;padding:10px 0}.pagination button{border-radius:8px;font-size:14px;min-width:40px;padding:10px 15px;transition:background-color .3s,color .3s}.pagination button.active{color:var(--text-color-light)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.codec-right-header h2{color:var(--text-color);font-size:24px;font-weight:700;margin-bottom:10px}.codec-right-header p{color:var(--text-muted-color);font-size:14px;margin-bottom:20px}.codec-tips h3{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:10px}.codec-tips ul{list-style:none;padding:0}.codec-tips ul li{color:var(--text-muted-color);font-size:14px;margin-bottom:10px}.recent-codecs{border-top:1px solid var(--border-color);margin-top:20px;padding-top:15px}.recent-codecs h3{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:10px}.recent-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.recent-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:15px;transition:transform .2s,box-shadow .3s}.recent-card:hover{background-color:var(--hover-bg);box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.recent-card-name{color:var(--text-color);font-size:16px;font-weight:700}.recent-card-type{color:var(--text-muted-color);font-size:14px}.recent-card-description{color:var(--text-muted-color);font-size:12px;margin-top:5px}.full-screen-loading{align-items:center;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-bar{background-color:var(--text-color);border-radius:3px;height:6px;max-width:400px;position:relative;width:60%}.loading-bar-inner{animation:loading-animation 1.5s ease-in-out infinite;background-color:#fff;width:50%}@media (max-width:1200px){.codec-content{max-width:100%;padding:0 15px}.codec-left-column{flex:0 0 65%;max-width:65%}.codec-right-column{flex:0 0 33%;max-width:33%}}@media (max-width:1024px){.codec-content{flex-direction:column;padding:0 15px}.codec-left-column,.codec-right-column{flex:none;margin-bottom:20px;max-width:100%;width:100%}.codec-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.codec-content{padding:0 10px}.codec-list{grid-template-columns:1fr}.filter-controls{flex-direction:column;gap:8px}.filter-controls select{max-width:none;width:100%}.pagination{flex-wrap:wrap;justify-content:center}.pagination button{font-size:14px;padding:8px 12px}}@media (max-width:480px){.codec-header{margin:15px 10px}.codec-content{padding:0 5px}.codec-left-column,.codec-right-column{border-left:none;border-radius:0;border-right:none;padding:15px}.active-filters{margin:10px 0}}.codec-preview-page{align-items:flex-start;background-color:var(--bg-color);color:var(--text-color);display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.codec-container{background-color:var(--card-bg);border:none;display:flex;flex:1 1;gap:20px;height:auto;min-height:100vh;overflow:hidden;position:relative;width:100%}.codec-preview{border-right:1px solid var(--border-color);flex:2 1;overflow-y:auto;padding:20px}.codec-preview-page .run-btn{border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s}.codec-preview-page .run-btn,.codec-preview-page .run-btn:hover{background-color:var(--button-bg)}.codec-title{font-size:24px;font-weight:700;margin-bottom:10px}.codec-type{color:var(--text-muted-color);font-size:16px;margin-bottom:20px}.codec-description{margin-top:20px}.codec-description h3{font-size:18px;font-weight:700;margin-bottom:10px}.codec-description p{color:var(--text-muted-color);font-size:14px;line-height:1.6}.codec-code{margin-top:20px}.codec-code pre{word-wrap:break-word;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:14px;overflow-x:auto;padding:15px;white-space:pre-wrap}.codec-actions-column{display:flex;flex:0.5 1;flex-direction:column;gap:20px;padding:20px}.codec-actions{display:flex;flex-direction:column;gap:10px}.download-btn,.feedback-btn,.source-btn{background-color:var(--button-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s}.download-btn:hover,.feedback-btn:hover,.source-btn:hover{background-color:var(--hover-bg)}.reference-section{border-top:1px solid var(--border-color);color:var(--text-muted-color);font-size:12px;padding-top:10px}.reference-section a{color:var(--text-color);text-decoration:underline}.community-feedback{margin-top:20px}.community-feedback h3{font-size:16px;font-weight:700}.feedback-textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;height:100px;padding:10px;resize:none;width:100%}.submit-feedback-btn{background-color:var(--button-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 15px}.submit-feedback-btn:hover{background-color:var(--hover-bg)}.comments-section{border-top:1px solid var(--border-color);padding-top:10px}.comments-section h4{color:var(--text-muted-color);font-size:14px;font-weight:700}.comments-section ul{list-style:none;margin:0;padding:0}.comments-section li{font-size:13px;margin-bottom:10px}.comments-section li b{color:var(--button-bg)}@media (max-width:768px){.codec-container{flex-direction:column}.codec-preview{border-bottom:1px solid var(--border-color);border-right:none}}.comment-item{background-color:var(--card-bg);border-radius:6px;padding:8px;position:relative}.comment-actions{margin-top:5px}.reply-button{background-color:var(--button-bg);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:12px;padding:6px 10px}.reply-button:hover{background-color:var(--hover-bg)}.reply-box{display:flex;flex-direction:column;gap:6px;margin-top:8px}.reply-textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);height:60px;padding:6px;resize:none;width:100%}.submit-reply-btn{align-self:flex-start;background-color:var(--button-bg);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:12px;padding:6px 12px}.submit-reply-btn:hover{background-color:var(--hover-bg)}.replies-list{border-left:2px solid var(--border-color);list-style:none;margin-left:20px;margin-top:5px;padding-left:15px}:root{--card-bg:#f8f9fa;--hover-bg:#e9ecef;--button-bg:#007bff;--hover-title-color:#ff5733}body.dark-mode{--bg-color:#1f1f1f;--border-color:#555;--hover-bg:#3a3a3a}.eco-systems-container{background:#fff;background:var(--bg-color);box-sizing:border-box;color:#333;color:var(--text-color);display:flex;flex-direction:column;font-family:sans-serif;min-height:100vh;padding:15px;width:100%}.ecosystem-type-section,.ecosystems-filter-container,.ecosystems-header,.ecosystems-nav{flex-shrink:0;width:100%}.ecosystems-main-content{display:flex;flex:1 1;flex-direction:column;width:100%}.EcoSystems .footer{background-color:var(--footer-bg);border-top:1px solid #ddd;border-top:1px solid var(--border-color);color:#333;color:var(--text-color);flex-shrink:0;padding:20px 15px;text-align:center;width:100%}.ecosystems-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.ecosystems-header h2{color:#333;color:var(--text-color);font-size:18px;font-weight:700;margin:10px 0;text-transform:uppercase}.ecosystems-sort-options{display:flex;gap:10px;margin:5px 0}.sort-button{background:#f8f9fa;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.sort-button:hover{background:#e9ecef;background:var(--hover-bg);transform:translateY(-2px)}.item-count{background:#f8f9fa;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.item-count:hover{background-color:#e9ecef;background-color:var(--hover-bg);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.ecosystems-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:5px}.ecosystems-nav button{align-items:center;background:none;border:none;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:8px 12px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.ecosystems-nav button:hover{background:#e9ecef;background:var(--hover-bg);color:#ff5733;color:var(--hover-title-color)}.ecosystems-nav .active{background:#000;color:#fff;font-weight:700}.ecosystems-filter-container{display:flex;justify-content:flex-start;margin-bottom:15px;width:100%}.ecosystems-filter-input{background:#f8f9fa;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:20px;color:#333;color:var(--text-color);font-size:14px;max-width:350px;padding:10px 15px;width:100%}.ecosystems-filter-input::placeholder{color:#999}.ecosystem-type-section{margin-bottom:30px;width:100%}.ecosystem-type-title{font-size:20px;font-weight:700;margin-bottom:15px;text-align:left}.ecosystem-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}@media (min-width:1200px){.ecosystem-group{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px) and (max-width:1199px){.ecosystem-group{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:991px){.ecosystem-group{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ecosystem-group{grid-template-columns:1fr}.ecosystems-filter-input{width:100%}.ecosystems-header{align-items:flex-start;flex-direction:column}.ecosystems-sort-options{margin-top:10px}.ecosystems-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;width:100%}.ecosystems-nav::-webkit-scrollbar{display:none}}.ecosystem-card{background-color:#f8f9fa;background-color:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:10px;color:#333;color:var(--text-color);display:flex;flex-direction:column;height:100%;padding:15px;text-decoration:none;transition:all .3s ease}.ecosystem-card:hover{background:#e9ecef;background:var(--hover-bg);box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.ecosystem-title{font-size:16px;font-weight:700;margin-bottom:8px;transition:color .3s ease;word-break:break-word}.ecosystem-card:hover .ecosystem-title{color:#ff5733;color:var(--hover-title-color)}.ecosystem-info{color:#666;flex-grow:1;font-size:12px;margin-bottom:8px}.ecosystem-type{word-wrap:break-word;color:#333;color:var(--text-color);font-size:13px;font-weight:500;margin-top:8px}.docs-page{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:row;font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.docs-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px;width:20%}.sidebar-title{color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:20px}.sidebar-category{margin-bottom:15px}.category-title{color:var(--text-color);cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;transition:color .3s ease,font-weight .3s ease}.category-title.active,.category-title:hover{color:var(--highlight-color);font-weight:700}.subcategory-list{list-style:none;padding-left:15px}.subcategory{color:var(--text-muted-color);cursor:pointer;font-size:14px;margin-bottom:5px;transition:color .3s ease,font-weight .3s ease}.subcategory.active,.subcategory:hover{color:var(--highlight-color);font-weight:700;text-decoration:underline}.docs-content{background-color:var(--content-bg);box-shadow:0 0 10px #0000001a;overflow-y:auto;padding:30px;scroll-behavior:smooth;width:60%}.category-heading{border-bottom:2px solid var(--highlight-color);color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:15px;padding-bottom:5px}.category-description{color:var(--text-muted-color);font-size:16px;font-style:italic;margin-bottom:20px}.doc-section{margin-bottom:30px}.doc-title{color:var(--text-color);font-size:20px;font-weight:700;margin-bottom:10px}.markdown-content{color:var(--text-color);font-size:14px;line-height:1.6}.markdown-content code{color:var(--code-color);padding:3px 6px}.markdown-content code,.markdown-content pre{background-color:var(--code-bg);border-radius:5px;font-family:Courier New,Courier,monospace}.markdown-content pre{margin:10px 0;overflow-x:auto;padding:10px}.docs-links{background-color:var(--sidebar-bg);border-left:1px solid var(--border-color);overflow-y:auto;padding:20px;width:20%}.links-title{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:10px}.links-list{list-style:none;padding:0}.link-item{color:var(--highlight-color);display:block;font-size:14px;margin-bottom:10px;text-decoration:none;transition:color .3s ease,font-weight .3s ease}.link-item:hover{color:var(--hover-color);font-weight:700;text-decoration:underline}.category-selector{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-size:14px;margin-bottom:20px;padding:10px;width:100%}@media (max-width:1024px){.docs-content{padding:20px}}@media (max-width:768px){.docs-page{flex-direction:column}.docs-links{display:none}.docs-content,.docs-links,.docs-sidebar{width:100%}.docs-links{border-left:none;border-top:1px solid var(--border-color);margin-top:20px}}@media (max-width:480px){.links-title,.sidebar-title{font-size:18px}.category-title{font-size:14px}.doc-title{font-size:18px}}.collapse-icon{color:var(--text-muted-color);cursor:pointer;font-size:16px;margin-left:10px;transition:color .3s ease}.collapse-icon:hover{color:var(--highlight-color)}.category-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:10px;overflow-x:auto;padding:10px 0;white-space:nowrap}.category-tab{background-color:var(--card-bg);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;flex-shrink:0;padding:10px 15px;transition:background-color .3s,color .3s}.category-tab.active{background-color:var(--highlight-color);color:#fff;font-weight:700}.category-tab:hover{background-color:var(--hover-bg)}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.image-grid img{border-radius:8px;box-shadow:0 2px 8px #0000001a;object-fit:cover;width:100%}.posts-page{background-color:var(--card-bg);box-sizing:border-box;color:var(--text-color);display:flex;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:0 8%}.join-community h3{font-size:18px;margin-bottom:10px}.posts-page .signup-btn{background-color:var(--button-bg);border:none;border:1px solid var(--border-color);border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.posts .signup-btn:hover{background-color:var(--hover-bg)}.reactions{gap:10px;margin-top:10px}.reaction{background-color:var(--button-bg);border-radius:5px;padding:5px 10px}.reaction:hover{background-color:var(--hover-bg)}.posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.posts .sort-button{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.posts .sort-button:hover{background-color:var(--hover-bg)}.menu-icon:hover{color:var(--button-bg)}.read-more{color:var(--text-color);float:right;font-weight:700;text-decoration:none}.read-more:hover{text-decoration:underline}.follow-btn{background-color:var(--button-bg)}.posts-page .spinner-container{align-items:center;background-color:var(--card-bg);display:flex;height:100vh;justify-content:center}.follow-btn{padding:6px 12px}.profile-link:hover{color:var(--hover-link-color);text-decoration:underline}@media (max-width:768px){.posts-page{flex-direction:column;padding:0}.center-column,.left-column,.right-column{width:100%}.left-column,.right-column{display:none}}.right-column{max-width:350px;min-width:250px}.user-list{list-style:none;margin:0}.user-info{gap:10px;padding:8px 0}.profile-link{color:var(--link-color);display:block;flex:1 1;font-weight:700;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.follow-btn{background-color:#1da1f2;border-radius:4px;flex-shrink:0;font-size:12px;min-width:60px;padding:4px 8px}.follow-btn.following{background-color:var(--button-bg)}@media (max-width:1366px){.right-column{padding:15px 10px}.user-info{padding:6px 0}}@media (max-width:1024px){.right-column{min-width:180px;width:25%}}.PostDetail-page{background-color:var(--card-bg);box-sizing:border-box;color:var(--text-color);display:flex;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:0 5%}.PostDetail-header h2{font-size:18px;margin-bottom:5px}.PostDetail-header p{color:#bbb;font-size:14px}.PostDetail-card{background-color:var(--hover-bg);border-radius:8px;margin-bottom:20px;padding:20px}.PostDetail-content{font-size:16px;line-height:1.5}.PostDetail-comments h3{margin-bottom:10px}.PostDetail-comments ul{list-style-type:none;margin:0 0 20px;padding:0}.PostDetail-comments ul li{background:var(--hover-bg);border-radius:5px;margin-bottom:10px;padding:10px}.PostDetail-add-comment textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);height:80px;margin-bottom:10px;padding:10px;width:100%}.PostDetail-add-comment button{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;padding:8px 12px}.PostDetail-add-comment button:hover{background-color:var(--hover-bg)}.user-list{list-style-type:none;padding:0}.user-info{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.follow-btn{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.follow-btn:hover{background-color:var(--hover-bg)}.auth-submit-btn{margin-bottom:10px}.oauth-container{margin:20px 0;text-align:center}.oauth-container p{color:#666;font-size:14px;margin-bottom:15px}.oauth-buttons{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.oauth-btn{align-items:center;display:flex;flex:1 1;font-weight:700;gap:8px;justify-content:center}.google-btn{background-color:#db4437}.google-btn:hover{background-color:#c33c2e}.github-btn{background-color:#333}.github-btn:hover{background-color:#1f1f1f}@media (max-width:480px){.auth-container{max-width:100%;padding:20px;width:100%}.oauth-buttons{flex-direction:column}}.auth-page{background-color:var(--card-bg)}.auth-container{background-color:#fff;box-shadow:0 4px 6px #0000001a}.success-message{color:#28a745}.error-message{color:red}.auth-submit-btn{color:#fff}.auth-submit-btn:hover{background-color:var(--hover-bg)}.auth-link{color:var(--button-bg)}.auth-page{align-items:center;background-color:var(--bg-color);box-sizing:border-box;color:var(--text-color);display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000000d;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{font-size:24px;margin-bottom:10px}.auth-header p{color:#666;font-size:14px}.auth-form{display:flex;flex-direction:column}.form-group label{margin-bottom:8px}.form-group input{border:1px solid var(--border-color);border-radius:5px;font-size:14px;padding:10px;width:100%}.error-message{background-color:#fdd;color:#d9534f;margin-bottom:20px}.success-message{background-color:#dff0d8;border-radius:5px;color:#3c763d;margin-bottom:20px;text-align:center}.auth-submit-btn{background-color:var(--button-bg);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.auth-submit-btn:hover{background-color:#d1d4d7}.auth-footer{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-top:20px}.auth-link{color:#007bff;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:480px){.auth-container{max-width:100%;padding:20px;width:100%}}.password-requirements ul li{opacity:.6;transition:color .3s ease,opacity .3s ease}.password-requirements ul li.valid{color:#28a745;font-weight:500;opacity:1}.password-requirements ul li.invalid{color:#dc3545;opacity:.8}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{flex:1 1;padding-right:45px}.password-toggle{background:none;border:none;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:10px;z-index:2}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:15px;padding:10px}.spinner-container{padding:20px}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db}.featured-projects{margin-bottom:50px}.section-header{margin-bottom:40px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color) 0,var(--button-bg) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:15px}.section-header p{color:var(--text-color);font-size:1.1rem;margin-bottom:20px;opacity:.8}.filter-tags{flex-wrap:wrap;justify-content:center}.tag{background:var(--project-button-bg);color:var(--text-bg);padding:5px 15px;transition:all .3s ease}.tag:hover{opacity:.8;transform:translateY(-2px)}.projects-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.featured-project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.featured-project-card:hover{border-color:var(--button-bg);box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.project-image{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center}.featured-project-card:hover .project-image img{transform:scale(1.05)}.placeholder-image{background-color:var(--bg-color);color:var(--text-color);opacity:.5}.project-badges{display:flex;flex-direction:column;gap:8px;position:absolute;right:15px;top:15px}.difficulty-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;font-size:.7rem;font-weight:700}.difficulty-badge.beginner{background-color:#4caf50e6;color:#fff}.difficulty-badge.intermediate{background-color:#ffc107e6;color:#333}.difficulty-badge.advanced{background-color:#ff9800e6;color:#fff}.difficulty-badge.expert{background-color:#f44336e6;color:#fff}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2196f3e6;border:1px solid #fff3;color:#fff;font-size:.7rem}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:20px}.project-title{margin-bottom:10px}.project-title a{font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .3s ease}.project-author{color:var(--text-color);margin-bottom:15px;opacity:.8}.project-author .icon{font-size:.8rem}.author-link{color:var(--text-bg);transition:opacity .3s ease}.author-link:hover{opacity:.8}.separator{opacity:.5}.project-date{color:var(--text-bg);font-size:.85rem}.project-description{flex-grow:1;margin-bottom:20px;opacity:.9}.project-stats{gap:20px;margin-bottom:20px}.featured-projects .stat-item{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:5px;opacity:.7}.stat-item svg{font-size:.9rem}.project-actions{align-items:center;gap:10px;margin-top:auto}.primary-btn{border-radius:25px;flex-grow:1;padding:10px 20px;text-align:center;transition:all .3s ease}.primary-btn:hover{background-color:var(--button-bg);opacity:.9}.secondary-btn{background-color:initial;border:2px solid var(--button-bg);border-radius:25px;color:var(--button-bg);justify-content:center;min-width:40px;transition:all .3s ease}.secondary-btn:hover{background-color:var(--button-bg);color:#fff;transform:translateY(-2px)}.secondary-btn .icon{font-size:.9rem}.loading-container{align-items:center;display:flex;justify-content:center;padding:60px 0}.error-message{color:var(--text-color);padding:40px}.error-message p{margin-bottom:20px}.retry-btn{background-color:var(--button-bg);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{opacity:.9;transform:translateY(-2px)}.no-projects{color:var(--text-color);padding:60px 30px}.no-projects svg{margin-bottom:20px;opacity:.3}.no-projects h3{font-size:1.5rem;margin-bottom:10px}.no-projects p{margin-bottom:30px;opacity:.8}.cta-btn{background-color:var(--button-bg);border-radius:25px;color:#fff;display:inline-block;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.cta-btn:hover{opacity:.9;transform:translateY(-2px)}.section-footer{margin-top:40px;text-align:center}.view-all-btn{align-items:center;background-color:initial;border:2px solid var(--button-bg);border-radius:25px;color:var(--text-bg);display:inline-flex;font-weight:500;gap:10px;padding:12px 30px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background-color:var(--button-bg);color:#fff;transform:translateY(-2px)}.view-all-btn .icon{font-size:.9rem;transition:transform .3s ease}.view-all-btn:hover .icon{transform:translateX(5px)}@media (max-width:1200px){.projects-grid{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-header h2{font-size:2rem}.projects-grid{gap:20px;grid-template-columns:1fr}.filter-tags{gap:8px}.tag{font-size:.75rem;padding:4px 12px}.project-image-container{height:180px}.project-info{padding:15px}.project-title a{font-size:1.1rem}.project-actions{flex-direction:column;gap:10px}.secondary-btn{align-self:stretch;justify-content:center}}@media (max-width:480px){.section-header{margin-bottom:30px}.section-header h2{font-size:1.8rem}.project-image-container{height:160px}.project-badges{right:10px;top:10px}.category-badge,.difficulty-badge{font-size:.65rem;padding:3px 6px}}.homepage-advanced{overflow-y:hidden;padding:20px}.homepage-advanced .spinner-container{align-items:center;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center}.homepage-advanced .spinner{animation:spin 1s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:#333;height:50px;width:50px}.homepage-container{margin:0 auto;max-width:1400px;padding:20px;width:100%}.homepage-advanced{background-color:var(--bg-color);color:var(--text-color)}.hero-section{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;text-align:center}.hero-cta{display:flex;gap:20px;justify-content:center;margin-bottom:20px;margin-top:20px}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color) 0,var(--button-bg) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:20px}.search-container{align-items:center;display:flex;margin:30px 0;max-width:700px;position:relative;width:100%}.search-container input{border:2px solid var(--border-color);border-radius:30px;font-size:1rem;padding:15px 50px 15px 20px;width:100%}.search-icon{color:var(--text-color);left:15px;opacity:.5;position:absolute}.search-filter{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;position:absolute;right:10px}.featured-nav{display:flex;justify-content:center;margin-bottom:30px}.section-tabs{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:30px;display:flex;padding:5px}.section-tab{background:#0000;border:none;cursor:pointer;padding:10px 20px;transition:all .3s ease}.section-tab.active{background-color:var(--button-bg);border-radius:30px;color:#fff}.featured-models{margin-bottom:50px}.models-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.filter-tags,.model-tags,.space-stats{display:flex;gap:10px}.homepage-advanced .stat-item{align-items:center;display:flex;flex-direction:column;padding-top:.5rem}.tag{background-color:var(--button-bg);border-radius:20px;cursor:pointer;font-size:.8rem;padding:5px 10px}.models-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.model-card{border:1px solid var(--border-color);border-radius:10px;padding:20px;transition:transform .3s ease}.model-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.complexity{border-radius:15px;font-size:.7rem;padding:3px 8px}.complexity.advanced{background-color:#ffecb3;color:#8b6f1f}.complexity.expert{background-color:#ffcccb;color:#8b0000}.space-members{background-color:#d1e7dd;color:#0f5132}.space-members,.space-projects{border-radius:15px;padding:3px 8px}.space-projects{background-color:#f8d7da;color:#842029}.complexity.intermediate{background-color:#456b15;color:#7dcc15}.highlights-grid,.quick-access-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.model-footer{margin-top:15px;text-align:center}.highlight-card,.quick-access-card{border:1px solid var(--border-color);border-radius:10px;padding:30px;text-align:center;transition:all .3s ease}.card-icon,.highlight-icon{color:var(--button-bg);font-size:3rem;margin-bottom:20px}.cta-section{background-color:var(--card-bg);border-radius:10px;margin-top:50px;padding:50px;text-align:center}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{border-radius:5px;font-weight:700;transition:all .3s ease}.btn-small{border-radius:20px;font-size:.8rem;padding:8px 15px}.btn-primary{background-color:var(--button-bg);color:var(--text-color)}.btn-secondary{background-color:initial}@media (max-width:1200px){.highlights-grid,.models-grid,.quick-access-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-content h1{font-size:2rem}.search-container{flex-direction:column}.search-filter{margin-top:10px;position:static}.highlights-grid,.models-grid,.quick-access-grid{grid-template-columns:1fr}.models-header{align-items:flex-start;flex-direction:column}.filter-tags{flex-wrap:wrap;margin-top:15px}.cta-buttons{flex-direction:column}}.search-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 10px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.dropdown-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--button-bg);color:#fff}.result-type{color:var(--text-color-secondary);font-size:.9rem;font-weight:700}.result-name{color:var(--text-color);flex-grow:1;font-size:.9rem;margin-left:10px}.news-image img{border-bottom:1px solid var(--border-color);height:150px;object-fit:cover;width:100%}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}:root{--button-bg:#d0e7ff;--primary-blue:#3b82f6;--secondary-blue:#1e40af;--accent-blue:#93c5fd;--highlight-blue:#bfdbfe}.threejs-banner{background:#fff;background:var(--bg-color);color:#333;color:var(--text-color);height:100vh;overflow:hidden;position:relative;width:100%}.static-shapes,canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.static-shapes{pointer-events:none}.shape{background:#333;background:var(--text-color);border-radius:50%;opacity:.1;position:absolute}.shape-circuit{background:radial-gradient(circle,#3b82f6 10%,#0000 70%);background:radial-gradient(circle,var(--primary-blue) 10%,#0000 70%);height:200px;left:10%;top:20%;width:200px}.shape-grid{background:radial-gradient(circle,#93c5fd 20%,#0000 80%);background:radial-gradient(circle,var(--accent-blue) 20%,#0000 80%);bottom:10%;height:300px;right:15%;width:300px}.shape-sensor{background:radial-gradient(circle,#1e40af 30%,#0000 80%);background:radial-gradient(circle,var(--secondary-blue) 30%,#0000 80%);height:250px;right:20%;top:40%;width:250px}.shape-wave{background:radial-gradient(circle,#bfdbfe 25%,#0000 75%);background:radial-gradient(circle,var(--highlight-blue) 25%,#0000 75%);bottom:5%;height:300px;left:5%;width:300px}.icon-3d{align-items:center;background:#fff;background:var(--card-bg);border-radius:50%;box-shadow:0 10px 20px #0003,inset 0 5px 15px #ffffff1a;display:flex;flex-direction:column;height:100px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:100px}.icon-3d:hover{box-shadow:0 15px 30px #3b82f6b3;transform:scale(1.15)}.big-icon-3d{color:#3b82f6;color:var(--primary-blue);font-size:2.5rem;text-shadow:0 0 10px #3b82f6b3}.banner-content,.icon-label{color:#333;text-align:center}.banner-content{color:var(--text-color);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.banner-content h1{font-size:3.5rem;margin-bottom:20px}.banner-content h1 span{color:#3b82f6;color:var(--primary-blue);text-shadow:0 0 15px #3b82f6;text-shadow:0 0 15px var(--primary-blue)}.banner-content p{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:30px}.banner-buttons{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:30px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:transform .3s ease,box-shadow .3s ease}.btn-primary{background:#3b82f6;background:var(--primary-blue)}.btn-primary:hover{box-shadow:0 5px 15px #3b82f680;transform:scale(1.05)}.btn-secondary{background:#fff;background:var(--card-bg);border:2px solid #1e40af;border:2px solid var(--secondary-blue);color:#1e40af;color:var(--secondary-blue)}.btn-secondary:hover{background:#1e40af;background:var(--secondary-blue)}@media (max-width:768px){.banner-content h1{font-size:2rem}.banner-content p{font-size:1rem;margin-bottom:20px}.banner-buttons{flex-direction:column;gap:10px}}@media (max-width:480px){.banner-content h1{font-size:2.1rem}.banner-content p{font-size:.9rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:10px 20px}}:root{--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444}.projects-page{background-color:var(--bg-color);color:var(--text-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:20px;min-height:100vh;padding:20px}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:280px}.sidebar-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.sidebar-section h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 16px}.join-community h3{color:var(--text-color);font-size:1.2rem;font-weight:700;margin:0 0 12px}.join-community p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 16px}.cta-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.cta-btn.primary{background:var(--button-bg);color:var(--text-color)}.cta-btn.primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.categories-filter{display:flex;flex-direction:column;gap:8px}.filter-btn{background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;text-align:left;transition:all .2s ease}.filter-btn:hover{background-color:var(--input-bg);border-color:var(--button-bg)}.filter-btn.active{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-color)}.main-content{display:flex;flex-direction:column}.projects-header{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.header-content h1{color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 8px}.header-content p{color:var(--text-muted);font-size:1rem;margin:0 0 20px}.header-controls{align-items:center;display:flex;justify-content:space-between}.sort-buttons{display:flex;gap:8px}.sort-btn{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.sort-btn:hover{background-color:var(--button-bg)}.sort-btn.active,.sort-btn:hover{border-color:var(--button-bg);color:var(--button-color)}.sort-btn.active{background:var(--button-bg)}.spinner-container{padding:40px}.spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color)}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-image-container{height:200px;overflow:hidden;position:relative}.project-image{height:100%;position:relative;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.placeholder-image{align-items:center;background:var(--gradient-secondary);color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:8px;height:100%;justify-content:center;width:100%}.placeholder-image svg{opacity:.6}.project-overlay{background:linear-gradient(180deg,#0006 0,#0000001a 50%,#0000);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:8px;position:absolute;right:12px;top:12px}.action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn:hover{background-color:#fff;transform:scale(1.1)}.action-btn.liked{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.more-actions{position:relative}.menu-dropdown{border-radius:8px;box-shadow:var(--shadow-lg);margin-top:4px;min-width:160px;overflow:hidden;top:100%;z-index:1000}.menu-dropdown button{align-items:center;background:#0000;display:flex;font-size:.9rem;gap:8px;padding:12px 16px;transition:background-color .2s ease;width:100%}.menu-dropdown button:hover{background-color:var(--input-bg)}.menu-dropdown button.danger{color:#ef4444;color:var(--danger-color)}.menu-dropdown button.danger:hover{background-color:#ef44441a}.project-content{padding:20px}.project-header{align-items:flex-start;gap:12px;margin-bottom:16px}.project-meta{display:flex;flex-wrap:wrap;gap:8px}.difficulty-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.difficulty-badge.beginner{background-color:#10b981;background-color:var(--success-color)}.difficulty-badge.intermediate{background-color:#f59e0b;background-color:var(--warning-color)}.difficulty-badge.advanced{background-color:#ef4444;background-color:var(--danger-color)}.category-badge{background-color:var(--button-bg);color:var(--text-color);text-transform:capitalize}.category-badge,.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.status-badge{text-transform:uppercase}.status-badge.draft{background-color:var(--text-muted);color:#fff}.project-stats{flex-shrink:0;gap:12px}.project-stats,.stat-item{align-items:center;display:flex}.stat-item{color:var(--text-muted);font-size:.9rem;gap:4px}.stat-item svg.liked{color:#ef4444;color:var(--danger-color)}.project-title{font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 12px}.project-title a{color:var(--text-color);text-decoration:none;transition:color .2s ease}.project-title a:hover{color:var(--button-bg)}.project-author{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;margin-bottom:12px}.project-author .icon{height:14px;width:14px}.author-link{color:var(--button-bg);font-weight:500;text-decoration:none;transition:color .2s ease}.author-link:hover{color:var(--text-color)}.separator{margin:0 4px}.project-date,.separator{color:var(--text-muted)}.project-description{color:var(--text-color);font-size:.95rem;line-height:1.6;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.projects-page .tag{align-items:center;background-color:var(--input-bg);border-radius:12px;color:var(--text-color);display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.tag .icon{height:12px;width:12px}.tag.more{background-color:var(--button-bg);color:var(--button-color)}.project-components{margin-bottom:16px}.project-components h5{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0 0 8px}.components-tags{display:flex;flex-wrap:wrap;gap:6px}.component-tag{background-color:var(--button-bg);border-radius:12px;color:var(--text-color);font-size:.8rem;font-weight:500;padding:4px 8px}.component-tag.more{background-color:var(--button-bg);color:var(--button-color)}.project-media-info{display:flex;gap:16px;margin-bottom:16px}.media-count{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:4px}.media-count .icon{height:14px;width:14px}.project-footer{margin-top:auto}.project-links{display:flex;flex-wrap:wrap;gap:8px}.primary-btn{align-items:center;background:var(--button-bg);border-radius:6px;color:var(--button-color);display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.primary-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-btn{align-items:center;background-color:var(--input-bg);border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.secondary-btn:hover{background-color:var(--text-color);border-color:var(--text-color);color:var(--card-bg)}.primary-btn .icon,.secondary-btn .icon{height:16px;width:16px}.right-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:300px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--button-bg);border-radius:8px;color:var(--text-color);padding:16px;text-align:center}.stat-number{font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.8rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.trending-categories{display:flex;flex-direction:column;gap:8px}.category-item{align-items:center;background-color:var(--button-bg);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.category-item:hover{background-color:var(--button-bg);color:var(--button-color);transform:translateX(4px)}.category-name{font-size:.9rem;font-weight:500}.category-count{background-color:var(--card-bg);border-radius:12px;color:var(--text-color);font-size:.75rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.category-item:hover .category-count{background-color:var(--button-color);color:var(--button-bg)}.no-projects{color:var(--text-muted);grid-column:1/-1;padding:60px 20px;text-align:center}.no-projects svg{margin-bottom:16px;opacity:.5}.no-projects h3{color:var(--text-color);font-size:1.2rem;margin:0 0 8px}.no-projects p{font-size:.9rem;margin:0}@media (max-width:1200px){.projects-page{gap:16px;padding:16px}.right-sidebar{width:260px}.left-sidebar{width:240px}}@media (max-width:992px){.projects-page{flex-direction:column;padding:16px}.left-sidebar,.right-sidebar{order:2;width:100%}.main-content{order:1}.projects-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.header-controls{align-items:stretch;flex-direction:column;gap:16px}.sort-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.projects-page{padding:12px}.projects-grid{grid-template-columns:1fr}.project-header{flex-direction:column;gap:12px}.project-stats{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.sort-buttons{flex-wrap:wrap}.sort-btn{flex:1 1;min-width:80px}.project-actions{right:8px;top:8px}.action-btn{height:32px;width:32px}}@media (max-width:480px){.projects-page{padding:8px}.projects-header{padding:16px}.header-content h1{font-size:1.5rem}.project-content{padding:16px}.project-links{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center}}@media print{.projects-page{display:block}.left-sidebar,.project-actions,.project-overlay,.right-sidebar{display:none}.project-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.account-page{background-color:var(--card-bg);box-sizing:border-box;color:var(--text-color);display:flex;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:0 8%;padding:20px}.left-column,.right-column{background-color:var(--sidebar-bg)}.profile-picture{height:120px;width:120px}.account-page .upload-button,.remove-button{cursor:pointer;font-size:14px;margin:10px 2px 2px;padding:8px 12px}.settings-card label{align-items:center;display:flex}.settings-card select{margin-left:10px}.left-column,.right-column{background-color:var(--card-bg);border-right:1px solid var(--border-color);padding:20px;width:20%}.center-column{padding:20px;width:60%}.profile-card{text-align:center}.profile-picture{border:2px solid var(--border-color);border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.post-container{position:relative;transition:all .2s ease}.post-container:hover{background-color:var(--button-hover)}.delete-post-button{background-color:initial;border:none;border-radius:4px;color:var(--delete-color);cursor:pointer;font-size:14px;opacity:0;padding:4px 8px;position:absolute;right:16px;top:16px;transform:translateY(-4px);transition:all .2s ease}.delete-post-button:hover{background-color:var(--button-hover);transform:translateY(-4px) scale(1.02)}.post-container:hover .delete-post-button{opacity:1;transform:translateY(0)}.delete-post-button:focus{box-shadow:0 0 0 2px #ff4d4d66;opacity:1;outline:none}@media (hover:none){.delete-post-button{opacity:.8;transform:translateY(0)}}.remove-button,.upload-button{border-radius:5px;display:inline-block;margin-top:10px;padding:8px 12px}.post-container{margin-bottom:20px}.post-meta{margin-bottom:10px}.post-meta h3{font-size:16px;font-weight:700}.post-meta p{color:#bbb;font-size:12px}.post-card{position:relative}.post-icon{background-color:var(--button-bg);border-radius:5px;font-size:14px;padding:5px 10px}.menu-icon{color:var(--text-color);cursor:pointer;font-size:20px;position:relative}.menu-icon:hover{color:var(--hover-title-color)}.menu-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;padding:5px 0;position:absolute;right:0;top:30px;z-index:10}.menu-dropdown:hover,.menu-icon:hover+.menu-dropdown{display:flex}.menu-dropdown button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px;text-align:left}.menu-dropdown button:hover{background-color:var(--menu-hover-bg)}.post-content{margin-top:10px;padding-bottom:20px}.post-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.reactions{display:flex;gap:15px}.reaction{cursor:pointer;font-size:14px}.reply-btn{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.reply-btn:hover{background-color:var(--hover-bg)}.liked-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;margin-bottom:10px;padding:10px}.settings-card{border-radius:10px;padding:20px}.settings-card label{margin-bottom:10px}.settings-card select{border-radius:5px;padding:5px 10px}.left-column{background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;padding:20px;width:20%}.new-button{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;text-align:center}.new-button:hover{background-color:var(--hover-bg)}.menu-section h3,.menu-section h4{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:10px}.menu-section ul{list-style:none;padding:0}.menu-section ul li{color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 0}.menu-section ul li:hover{color:var(--hover-title-color)}.get-pro{color:var(--highlight-color);font-weight:700}.get-pro span{font-style:italic}.new-post{margin-bottom:20px}.new-post textarea{border:1px solid var(--border-color);border-radius:5px;font-size:16px;margin-bottom:10px;min-height:60px;padding:10px;width:100%}.new-post button{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.new-post button:disabled{background-color:var(--border-color);cursor:not-allowed}.comments-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:15px}.comments-header{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:10px}.comment-item{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;padding:10px}.comment-header{color:var(--text-color);font-size:14px;margin-bottom:5px}.comment-time{color:var(--text-secondary-color);font-size:12px}.comment-content{color:var(--text-color);font-size:14px}.comments-list{max-height:200px;overflow-y:auto;padding-right:10px}.add-comment-section{display:flex;flex-direction:column;margin-top:15px}.add-comment-textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:14px;min-height:60px;padding:10px;resize:none;width:100%}.add-comment-button{align-self:flex-end;background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 15px}.add-comment-button:disabled{background-color:var(--border-color);cursor:not-allowed}.add-comment-button:hover:enabled{background-color:var(--hover-bg)}@media (max-width:768px){.account-page{flex-direction:column;padding:0}.center-column,.left-column,.right-column{width:100%}.left-column,.right-column{display:none}}.right-column{background-color:var(--card-bg);border-left:1px solid var(--border-color);padding:20px;width:20%}.right-column .profile-section{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.right-column .avatar-container{height:120px;margin-bottom:16px;position:relative;width:120px}.right-column .profile-picture{object-fit:cover}.right-column .profile-picture,.right-column .profile-picture-placeholder{border:2px solid var(--border-color);border-radius:50%;height:100%;width:100%}.right-column .profile-picture-placeholder{align-items:center;background-color:var(--sidebar-bg);color:var(--text-secondary-color);display:flex;justify-content:center}.right-column .avatar-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.remove-button,.upload-button{background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s ease}.remove-button:hover,.upload-button:hover{background-color:var(--hover-bg)}.settings-section{margin-bottom:32px}.settings-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.settings-card label{color:var(--text-color);display:block;font-size:14px;margin-bottom:12px}.settings-card input[type=checkbox]{margin-right:8px}.settings-card select{background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;font-size:14px;margin-left:8px;padding:4px 8px}.recent-activity{margin-top:32px}.recent-activity h3{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:16px}.activity-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;margin-bottom:8px;padding:12px}@media (max-width:768px){.right-column{border-left:none;border-top:1px solid var(--border-color);width:100%}.avatar-container{height:100px;width:100px}}.newsletter-section{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:50px 20px;position:relative}.newsletter-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;justify-content:center;margin:auto;max-width:1400px;width:100%}.newsletter-content{display:flex;flex-direction:column;gap:30px;justify-content:center}.newsletter-header{text-align:left}.newsletter-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color) 0,var(--button-bg) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:20px}.newsletter-content p{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin-bottom:0;opacity:.9}.newsletter-form{max-width:500px;width:100%}.input-container{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50px;display:flex;margin-bottom:15px;overflow:hidden;position:relative;transition:all .3s ease}.input-container:hover{border-color:var(--button-bg);box-shadow:0 0 20px #3b82f61a}.input-container:focus-within{border-color:var(--button-bg);box-shadow:0 0 30px #3b82f633;transform:translateY(-2px)}.input-container input{background:#0000;border:none;border-radius:50px;color:var(--text-color);font-size:1rem;outline:none;padding:18px 140px 18px 50px;width:100%}.input-container input::placeholder{color:var(--text-color);opacity:.6}.input-container input.error{border-color:#ef4444}.input-icon{color:var(--text-color);font-size:1.1rem;left:18px;opacity:.6;position:absolute;transition:all .3s ease;z-index:1}.input-container:focus-within .input-icon{color:var(--button-bg);opacity:1}.input-container button{align-items:center;background:var(--button-bg);border:none;border-radius:50px;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;position:absolute;right:5px;transition:all .3s ease;white-space:nowrap}.input-container button:hover{background:var(--button-hover);box-shadow:0 5px 15px #3b82f64d;transform:translateX(-2px)}.input-container button:active{transform:translateX(0)}.input-container button.loading{cursor:not-allowed;opacity:.8}.input-container button:disabled{cursor:not-allowed;opacity:.6}.spinner{border:2px solid #0000;border-top-color:#fff;height:16px;width:16px}.error-message{animation:slideIn .3s ease;color:#ef4444;margin-left:20px;margin-top:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.privacy-note{color:var(--text-color);font-size:.85rem;margin-top:10px;opacity:.7;text-align:center}.subscription-success{animation:fadeInUp .5s ease;background:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;padding:40px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{animation:bounce .6s ease;color:#10b981;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.subscription-success h3{color:var(--text-color);font-size:1.8rem;margin-bottom:15px}.subscription-success p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.btn-secondary{background:#0000;border:2px solid var(--button-bg);border-radius:50px;color:var(--button-bg);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:var(--button-bg);color:var(--text-color)}.newsletter-topics{background:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;height:fit-content;padding:40px}.newsletter-topics h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.topic-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .3s ease}.topic-card:before{background:linear-gradient(90deg,var(--button-bg),var(--highlight-blue));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.topic-card:hover{border-color:var(--button-bg);box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.topic-card:hover:before{transform:scaleX(1)}.topic-icon{font-size:2.5rem;margin-bottom:15px;transition:all .3s ease}.topic-card:hover .topic-icon{transform:scale(1.1)}.topic-card h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:10px}.topic-card p{color:var(--text-color);font-size:.95rem;line-height:1.5;opacity:.8}.newsletter-features{border-top:1px solid var(--border-color);padding-top:30px}.newsletter-features h4{color:var(--text-color);font-size:1.3rem;margin-bottom:20px;text-align:center}.features-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around}.feature-item{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:25px;display:flex;flex:1 1;gap:10px;max-width:200px;min-width:0;padding:10px 15px;transition:all .3s ease}.feature-item:hover{background:var(--button-bg);color:#fff;transform:translateY(-2px)}.feature-icon{color:var(--button-bg);flex-shrink:0;font-size:1.2rem}.feature-item:hover .feature-icon{color:#fff}.feature-item span{font-size:.9rem;font-weight:500;text-align:center;white-space:normal;word-break:break-word}.newsletter-3d-icon{align-items:center;display:flex;flex-direction:column;pointer-events:none;text-align:center}.icon-label{color:var(--text-color);font-size:.8rem;margin-top:10px;opacity:.8}@media (max-width:1200px){.newsletter-container{gap:40px;grid-template-columns:1fr}.newsletter-content,.newsletter-header{text-align:center}.features-list{justify-content:center}.feature-item{max-width:250px}}@media (max-width:768px){.newsletter-section{padding:30px 15px}.newsletter-content h2{font-size:2.2rem}.newsletter-content p{font-size:1rem}.topics-grid{grid-template-columns:1fr}.input-container{border-radius:15px;flex-direction:column}.input-container input{border-radius:10px;margin-bottom:10px;padding:15px 20px}.input-container button{border-radius:10px;justify-content:center;position:static;width:100%}.input-icon{display:none}.features-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center}.feature-item{flex-direction:column;gap:8px;justify-content:center;max-width:160px;padding:12px 8px;text-align:center;width:100%}.feature-icon{font-size:1.4rem}.feature-item span{font-size:.8rem;line-height:1.3}}@media (max-width:480px){.newsletter-content h2{font-size:1.8rem}.newsletter-topics{padding:25px 20px}.topic-card{padding:20px 15px}.topic-icon{font-size:2rem}.features-list{gap:10px;grid-template-columns:1fr;margin:0 auto;max-width:200px}.feature-item{flex-direction:column;gap:10px;max-width:100%;padding:15px 12px}.feature-icon{font-size:1.6rem}.feature-item span{font-size:.85rem;line-height:1.4}}.tos-section{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.tos-header{margin-bottom:20px;text-align:center}.tos-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.tos-content{line-height:1.8;max-width:800px;text-align:left}.tos-content p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.tos-content a{color:#06c;text-decoration:none}.tos-content a:hover{text-decoration:underline}.tos-content h2{color:var(--text-color);font-size:1.8rem;margin-top:20px}.tos-content ul{list-style:disc;margin-top:10px;padding-left:20px}.tos-content ul li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.about-section{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.about-header{margin-bottom:20px;text-align:center}.about-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.about-content{line-height:1.8;max-width:800px;text-align:left}.about-content p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.about-content ul{list-style:disc;margin-top:10px;padding-left:20px}.about-content ul li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.about-content h2{color:var(--text-color);font-size:1.8rem;margin-top:20px}body.dark-mode{--bg-color:#121212;--border-color:#444;--header-bg:#1f1f1f}.events-section{color:#333;color:var(--text-color);flex-direction:row;min-height:100vh;position:relative}.events-section,.filters-section{background:#fff;background:var(--bg-color);display:flex;gap:20px;padding:20px}.filters-section{flex-direction:column;width:25%}.filters-section h3{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:700;margin-bottom:10px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-icon{margin-right:10px}.filters-section button,.filters-section input,.filters-section select{background-color:#fff;background-color:var(--bg-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:5px;color:#333;color:var(--text-color);font-size:1rem;padding:10px}.events-section:before{background:#ddd;background:var(--border-color);bottom:20px;content:"";left:25%;position:absolute;top:20px;width:1px}.filters-section button{background-color:#e2e6ea;background-color:var(--button-bg);color:#333;color:var(--text-color);cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease}.filters-section button:hover{background-color:#ddd;background-color:var(--border-color);color:#fff;color:var(--bg-color)}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.parameter-item{align-items:center;background:#e2e6ea;background:var(--button-bg);border-radius:20px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:5px;padding:5px 10px;transition:background-color .3s,color .3s}.parameter-item.selected{background:#333;background:var(--text-color);color:#fff;color:var(--bg-color)}.parameter-item:hover{background:#ddd;background:var(--border-color);color:#fff;color:var(--bg-color)}.events-content{background:#fff;background:var(--bg-color);padding:20px;width:75%}.events-content>div{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.events-content h2{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:15px}.events-content h2:hover{color:#ddd;color:var(--border-color)}.events-content p{color:#333;color:var(--text-color);font-size:1rem;margin-bottom:12px}.events-content a{color:#333;color:var(--text-color);font-weight:700;text-decoration:none;transition:color .3s}.events-content a:hover{color:#ddd;color:var(--border-color);text-decoration:underline}.events-content hr{display:none}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#fff;background-color:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:5px;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;margin:0 5px;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.pagination button.active{background-color:#e2e6ea;background-color:var(--button-bg);color:#333;color:var(--text-color)}.pagination button:hover{background-color:#ddd;background-color:var(--border-color);color:#fff;color:var(--bg-color)}@media (max-width:768px){.events-section{flex-direction:column}.filters-section{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:5px;margin-bottom:20px;width:100%}.events-content{width:100%}.events-section:before{display:none}.events-content>div{margin-bottom:25px;padding-bottom:15px}}.loading-bar{background:#ddd;background:var(--border-color);overflow:hidden;width:100%;z-index:1000}.loading-bar-inner{animation:loading-animation 2s infinite;background:linear-gradient(90deg,#007bff,#0056b3)}@keyframes loading-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.event-card{background:#fff;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px;transition:box-shadow .3s ease,transform .2s ease}.event-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.event-card h2{color:#333;color:var(--text-color);font-size:1.5rem;font-weight:600}.event-card h2,.event-details{margin-bottom:15px}.event-details p{align-items:center;color:#333;color:var(--text-color);display:flex;font-size:.95rem;margin-bottom:8px}.event-details .icon{color:#ddd;color:var(--border-color);font-size:.9rem;margin-right:8px}.event-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.event-links a{align-items:center;background:#e2e6ea;background:var(--button-bg);border-radius:4px;color:#333;color:var(--text-color);display:inline-flex;font-size:.9rem;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.event-links a:hover{background:#ddd;background:var(--border-color);color:#fff;color:var(--bg-color)}.event-links .icon{font-size:.8rem;margin-right:6px}.social-links{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px}.social-links a{color:#1da1f2;font-weight:400;margin-left:8px;text-decoration:none}.social-links a:hover{text-decoration:underline}.no-events{color:#333;color:var(--text-color);font-size:1.1rem;padding:40px 20px;text-align:center}.filter-buttons{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.clear-button{background:#e2e6ea;background:var(--button-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:12px;transition:all .3s ease;width:100%}.clear-button:hover:not(:disabled){background:#ddd;background:var(--border-color);color:#fff;color:var(--bg-color)}.clear-button:disabled{cursor:not-allowed;opacity:.6}.page-btn{background:#fff;background:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;font-size:.9rem;margin:0 3px;padding:8px 12px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#ddd;background:var(--border-color);color:#fff;color:var(--bg-color)}.page-btn.active{background:#333;background:var(--text-color);color:#fff;color:var(--bg-color);font-weight:700}.page-btn:disabled{cursor:not-allowed;opacity:.5}.filter-group h4{align-items:center;color:#333;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;margin-bottom:10px}.filters-section input:focus,.filters-section select:focus{border-color:#333;border-color:var(--text-color);box-shadow:0 0 0 2px #007bff40;outline:none}body.dark-mode .event-card{box-shadow:0 2px 4px #ffffff1a}body.dark-mode .event-card:hover{box-shadow:0 4px 8px #ffffff26}@media (max-width:768px){.event-links{flex-direction:column;gap:8px}.event-links a{justify-content:center}.pagination{flex-wrap:wrap;gap:5px}.page-btn{min-width:40px;padding:6px 8px}}.blog-page *{box-sizing:border-box;margin:0;padding:0}.blog-page,body,html{overflow-x:hidden}.blog-page{background:var(--blog-bg-color);color:var(--blog-text-color);height:100%;min-height:100vh}.blog-page-content{align-items:center;display:flex;flex-direction:column;margin:15vh auto 0;max-width:1200px;padding:40px 20px}.blog-content-container{align-items:flex-start;display:flex;gap:30px;width:100%}.blog-list{grid-gap:25px;display:grid;flex:3 1;gap:25px;grid-template-columns:repeat(3,1fr)}.blog-featured-container{display:flex;flex-direction:column;grid-column:span 2;margin-bottom:30px;overflow:hidden}.blog-page .blog-featured{background:var(--blog-card-bg);border-radius:10px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;overflow:hidden}.blog-featured-image{max-height:250px;object-fit:cover;width:100%}.blog-featured-content{padding:25px}.blog-featured-content .blog-category{color:var(--blog-text-color);font-size:.9rem;margin-bottom:12px;text-transform:uppercase}.blog-featured-content .blog-title{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:15px}.blog-featured-content .blog-excerpt{font-size:1rem;line-height:1.6;margin-bottom:18px}.blog-featured-content .blog-read-more{color:var(--blog-text-color);font-weight:700;text-decoration:none}.blog-meta{color:#666;display:flex;font-size:.85rem;gap:15px;margin-bottom:15px}.blog-author,.blog-date{opacity:.8}.blog-featured-content .blog-read-more:hover{text-decoration:underline}.blog-page .blog-card{background:var(--blog-card-bg);border-radius:10px;box-shadow:0 2px 4px #0003;height:fit-content;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-page .blog-card:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-3px)}.blog-card-image{height:180px;object-fit:cover;width:100%}.blog-card-details{padding:20px}.blog-card-details .blog-category{color:var(--blog-text-color);font-size:.8rem;margin-bottom:8px;text-transform:uppercase}.blog-card-details .blog-title{font-size:1.2rem;font-weight:700;line-height:1.4;margin-bottom:12px}.blog-card-details .blog-excerpt{font-size:.9rem;line-height:1.5;margin-bottom:15px}.blog-card-details .blog-read-more{color:var(--blog-text-color);font-weight:700;text-decoration:none}.blog-page .blog-sidebar{background:var(--blog-bg-color);border-radius:10px;box-shadow:0 2px 4px #0003;flex:1 1;height:fit-content;min-width:300px;padding:25px}.blog-sidebar-title{border-bottom:2px solid var(--border-color);color:var(--blog-text-color);font-size:1.2rem;margin-bottom:20px;padding-bottom:12px}.blog-sidebar-list{list-style:none;padding:0}.blog-sidebar-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:18px 0}.blog-sidebar-item:last-child{border-bottom:none}.blog-sidebar-count{background:var(--blog-button-bg);border-radius:50%;color:var(--blog-text-color);display:inline-block;flex-shrink:0;font-weight:700;height:35px;line-height:35px;text-align:center;width:35px}.blog-sidebar-image{border-radius:5px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.blog-sidebar-content{display:flex;flex-direction:column;gap:5px}.blog-sidebar-link{color:var(--blog-text-color);font-size:.95rem;font-weight:700;line-height:1.4;text-decoration:none}.blog-sidebar-date{color:#888;font-size:.8rem;opacity:.8}.blog-sidebar-link:hover{text-decoration:underline}@media (max-width:480px){.blog-list{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.blog-page-content{margin-top:8%;padding:15px}.blog-content-container{flex-direction:column;gap:25px}.blog-list{gap:20px;grid-template-columns:1fr}.blog-featured-container{grid-column:span 1;margin-bottom:20px}.blog-card{margin-bottom:0}.blog-sidebar{margin-top:0;min-width:auto;width:100%}.blog-featured-content{padding:20px}.blog-featured-content .blog-title{font-size:1.3rem}.blog-featured-content .blog-excerpt{font-size:.9rem}.blog-card-details{padding:15px}.blog-card-details .blog-title{font-size:1.1rem}.blog-card-details .blog-excerpt{font-size:.85rem}.blog-sidebar{padding:20px}.blog-sidebar-item{padding:15px 0}}:root{--blog-shadow:0 2px 4px #0000001a;--blog-shadow-hover:0 4px 8px #00000026}:root.dark-mode{--blog-shadow:0 2px 4px #0000004d;--blog-shadow-hover:0 4px 8px #0006}.blog-detail *{box-sizing:border-box;margin:0;padding:0}.blog-detail{background:var(--blog-bg-color);color:var(--blog-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.loading-bar{background:var(--blog-border-color);height:4px;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-bar-inner{animation:loading-progress 2s ease-in-out infinite;background:var(--button-bg);height:100%;width:0}@keyframes loading-progress{0%{width:0}50%{width:70%}to{width:100%}}.reading-progress{background:var(--blog-border-color);height:3px;left:0;position:fixed;right:0;top:0;z-index:1000}.progress-bar{background:var(--button-bg);height:100%;transition:width .3s ease;width:0}.blog-container{margin:8vh auto 0;max-width:1200px;padding:0 20px}.blog-breadcrumb{color:var(--text-color);font-size:.9rem;margin-bottom:20px;padding:20px 0}.breadcrumb-link{color:var(--button-bg);font-weight:500;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--blog-hover-color);text-decoration:underline}.breadcrumb-separator{color:var(--text-color);margin:0 8px}.breadcrumb-current{color:var(--blog-text-color);font-weight:500}.blog-article{background:var(--blog-card-bg);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--blog-shadow);margin-bottom:40px;overflow:hidden}.blog-header{border-bottom:1px solid var(--blog-border-color);padding:40px 40px 20px}.blog-category-badge{background:var(--button-bg);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.blog-title{color:var(--blog-text-color);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.blog-subtitle{color:var(--text-color);font-size:1.2rem;font-weight:400;line-height:1.5;margin-bottom:30px}.blog-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.author-section{gap:12px}.author-avatar,.author-section{align-items:center;display:flex}.author-avatar{background:var(--button-bg);border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-details{display:flex;flex-direction:column;gap:4px}.author-name{color:var(--blog-text-color);font-size:1rem;font-weight:600}.article-stats{color:var(--text-color);display:flex;font-size:.9rem;gap:12px}.publish-date,.reading-time{position:relative}.publish-date:after{color:var(--text-color);content:"•";margin-left:12px}.share-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.share-label{color:var(--text-color);font-size:.9rem;font-weight:500;margin-right:8px}.share-btn{background:var(--button-bg);border:1px solid var(--blog-border-color);border-radius:6px;color:var(--blog-text-color);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.share-btn:hover{background:var(--button-bg);border-color:var(--button-bg);color:#fff;transform:translateY(-1px)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.blog-tag{background:var(--blog-button-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--blog-text-color);font-size:.8rem;font-weight:500;padding:4px 12px}.blog-hero-image{margin-bottom:40px;overflow:hidden;width:100%}.hero-image{display:block;height:400px;object-fit:cover;width:100%}.blog-content-wrapper{align-items:flex-start;display:flex;gap:40px;padding:0 40px 40px}.blog-toc{background:var(--blog-card-bg);border:1px solid var(--blog-border-color);border-radius:8px;flex:0 0 250px;height:fit-content;padding:20px;position:sticky;top:100px}.table-of-contents{width:100%}.toc-title{border-bottom:2px solid var(--blog-border-color);color:var(--blog-text-color);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.toc-list{list-style:none}.toc-item{margin-bottom:8px}.toc-link{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:.9rem;padding:8px 0;text-align:left;text-decoration:none;transition:color .2s ease;width:100%}.toc-link:hover{color:var(--button-bg)}.toc-level-1{padding-left:0}.toc-level-2{padding-left:16px}.toc-level-3{padding-left:32px}.toc-item.active .toc-link{color:var(--button-bg);font-weight:600}.blog-main-content{flex:1 1;min-width:0}.blog-content{margin-bottom:40px;max-width:100%}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--blog-text-color);font-weight:600;line-height:1.3;margin-bottom:16px;margin-top:32px}.blog-content h1{font-size:2.2rem}.blog-content h2{font-size:1.8rem}.blog-content h3{font-size:1.5rem}.blog-content h4{font-size:1.3rem}.blog-content h5{font-size:1.1rem}.blog-content h6{font-size:1rem}.blog-paragraph{color:var(--blog-text-color);font-size:1.1rem;line-height:1.7;margin-bottom:20px}.blog-link{color:var(--button-bg);font-weight:500;text-decoration:none;transition:color .2s ease}.blog-link:hover{color:var(--blog-hover-color);text-decoration:underline}.blog-list{margin:20px 0;padding-left:24px}.blog-list-item{font-size:1.1rem;line-height:1.6;margin-bottom:8px}.blog-list-ordered{list-style-type:decimal}.blog-list-unordered{list-style-type:disc}.blog-quote{background:var(--blog-button-bg);border-left:4px solid var(--button-bg);border-radius:0 8px 8px 0;font-size:1.1rem;font-style:italic;line-height:1.6;margin:30px 0;padding:20px 30px}.blog-code-block{border:1px solid var(--blog-border-color);border-radius:8px;margin:24px 0;overflow:hidden}.blog-code{background:#f8f9fa;display:block;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:20px}.blog-code,.blog-inline-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.blog-inline-code{background:var(--blog-button-bg);border:1px solid var(--blog-border-color);border-radius:4px;font-size:.9em;padding:2px 6px}.blog-gallery{margin:40px 0}.gallery-title{color:var(--blog-text-color);font-size:1.5rem;font-weight:600;margin-bottom:20px}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gallery-item{background:var(--blog-card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--blog-shadow);overflow:hidden;transition:transform .2s ease}.gallery-item:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--blog-shadow-hover);transform:translateY(-2px)}.gallery-image{height:auto;object-fit:cover;width:100%}.gallery-caption{color:var(--text-color);font-size:.9rem;padding:16px;text-align:center}.blog-footer{background:var(--blog-footer-bg);border-top:1px solid var(--blog-border-color);padding:40px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.footer-share h4{color:var(--blog-text-color);font-size:1.1rem;margin-bottom:12px}.footer-navigation{display:flex;gap:16px}.btn{border:1px solid #0000;display:inline-block;padding:12px 24px}.btn-outline{background:#0000;border:1px solid var(--blog-border-color);color:var(--blog-text-color)}.btn-outline:hover{border-color:var(--button-bg)}.btn-outline:hover,.btn-primary{background:var(--button-bg);color:#fff}.btn-secondary{background:var(--blog-button-bg);color:var(--blog-text-color)}.btn-secondary:hover{background:var(--text-color);color:#fff}.footer-meta{border-top:1px solid var(--blog-border-color);padding-top:20px;text-align:center}.last-updated{color:var(--text-color);font-size:.9rem}.blog-error,.blog-not-found{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px}.error-content,.not-found-content{max-width:600px;text-align:center}.error-content h1,.not-found-content h1{color:var(--blog-text-color);font-size:2.5rem;margin-bottom:20px}.error-content p,.not-found-content p{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:16px}.error-details{background:var(--blog-button-bg);border:1px solid var(--blog-border-color);border-radius:6px;font-family:monospace;margin:20px 0;padding:16px}.error-actions,.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:30px}@media (max-width:1024px){.blog-content-wrapper{gap:20px}.blog-toc{flex:0 0 200px}}@media (max-width:768px){.blog-container{margin-top:4vh;padding:0 16px}.blog-header{padding:30px 20px 20px}.blog-title{font-size:2rem}.blog-subtitle{font-size:1.1rem}.blog-meta-info{align-items:flex-start;flex-direction:column;gap:16px}.blog-content-wrapper{flex-direction:column;padding:0 20px 30px}.blog-toc{margin-top:30px;order:2;position:static;width:100%}.blog-main-content{order:1}.hero-image{height:250px}.footer-content{flex-direction:column;text-align:center}.error-actions,.not-found-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.blog-header{padding:20px 16px 16px}.blog-title{font-size:1.8rem}.blog-content-wrapper{padding:0 16px 20px}.blog-content h1{font-size:1.8rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.3rem}.blog-paragraph{font-size:1rem}.hero-image{height:200px}.gallery-grid{grid-template-columns:1fr}.share-buttons{align-items:flex-start;flex-direction:column}.blog-footer{display:none}}:root{--primary-color:#0073a8;--secondary-color:#6c757d;--form-bg:#fff;--input-border:#ddd;--input-focus:#007bff;--error-color:#dc3545;--sidebar-bg:#f8f9fa;--vertical-separator:#e0e0e0}body.dark-mode{--primary-color:#4a90e2;--secondary-color:#a0a0a0;--form-bg:#2a2a2a;--input-border:#444;--input-focus:#4a90e2;--error-color:#ff6b6b;--sidebar-bg:#1f1f1f;--vertical-separator:#333}.create-blog-page{margin:0 auto;max-width:1400px;padding:40px 20px;width:100%}.create-blog-container{background-color:var(--bg-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-color);display:flex;gap:0;padding:20px;position:relative}.create-blog-container:after{background-color:#e0e0e0;background-color:var(--vertical-separator);bottom:0;content:"";left:30%;position:absolute;top:0;width:1px}.sidebar{flex:0 0 30%}.main-content,.sidebar{padding:20px;position:relative;z-index:1}.main-content{background:var(--bg-color);flex:1 1}.form-header{margin-bottom:20px;width:100%}.form-header h1{color:var(--text-color);font-size:1.5rem;margin-bottom:10px}button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:10px 15px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-color);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:5px;color:var(--text-color);font-size:.9rem;padding:12px;transition:border-color .3s ease;width:100%}.slug-preview{color:#6c757d;color:var(--secondary-color);font-size:.8rem;margin-top:5px;word-break:break-all}.editor-container textarea{min-height:300px;resize:vertical}.image-upload-container{border:2px dashed #ddd;border:2px dashed var(--input-border);border-radius:5px;padding:20px;text-align:center}.image-preview img{border-radius:5px;margin-bottom:10px;max-height:300px;max-width:100%}.form-actions{gap:15px;margin-top:20px}.draft-blog,.submit-blog{border:none;border-radius:5px;cursor:pointer;flex-grow:1;font-size:1rem;padding:15px;transition:background .3s ease,transform .2s ease}.primary-action{background-color:#007bff;background-color:var(--input-focus);color:#fff}.secondary-action{background:#6c757d;background:var(--secondary-color);color:#fff}.error-message{background:#dc35451a;border-radius:5px;color:#dc3545;color:var(--error-color);font-size:.9rem;margin-bottom:15px;padding:10px}@media (max-width:1024px){.create-blog-container{flex-direction:column;position:static}.create-blog-container:after{display:none}.main-content,.sidebar{border-left:none;border-top:1px solid #ddd;border-top:1px solid var(--input-border);flex:0 0 100%;width:100%}.form-header h1{font-size:1.3rem}}@media (max-width:768px){.create-blog-page{padding:15px}.form-actions{flex-direction:column;gap:10px}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:10px}.form-group label{font-size:.85rem}.slug-preview{font-size:.75rem}button{font-size:.85rem;padding:8px 12px}}@media (max-width:480px){.create-blog-page{padding:10px}.main-content,.sidebar{padding:15px}.form-header h1{font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:8px}.error-message,.form-group label{font-size:.8rem}}:root{--bg-color:#fff;--text-color:#333;--border-color:#ddd;--header-bg:#fff;--footer-bg:#f8f9fa;--card-bg:#fff;--button-bg:#e2e6ea}body.dark-mode{--header-bg:#121212;--text-color:#fff;--footer-bg:#1f1f1f;--card-bg:#2a2a2a;--button-bg:#3a3a3a}.scrollable-container{display:flex;flex-direction:column;height:calc(100vh - [header height] - [footer height]);overflow-y:auto}.scrollable-container>*{flex-shrink:0;width:100%}body,html{background:#fff;background:var(--bg-color);box-sizing:border-box;color:#333;color:var(--text-color);font-family:sans-serif;height:100%;margin:0;padding:0}*,:after,:before{box-sizing:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-container>header{background:#fff;background:var(--header-bg);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:10px 20px}.app-container>footer{background:#f8f9fa;background:var(--footer-bg);border-top:1px solid #ddd;border-top:1px solid var(--border-color);flex-shrink:0;padding:10px 20px;text-align:center}.content-container{flex:1 1;overflow:hidden;width:100%}.section-left{border-right:1px solid #ddd;border-right:1px solid var(--border-color);width:32%}.section-left,.section-right{background:#fff;background:var(--bg-color);overflow-y:auto;padding:20px}.section-right{flex:1 1}a{color:#333;color:var(--text-color);text-decoration:none}@media (max-width:768px){.content-container{flex-direction:column}.section-left{display:none;width:0}.section-right{width:100%}}.spinner-container{background-color:#fff}.welcome-section{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.welcome-header{margin-bottom:30px;text-align:center}.welcome-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.effective-date{font-size:1.2rem}.welcome-content{line-height:1.8;max-width:800px;text-align:left}.welcome-content p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.welcome-content ul{list-style:disc;margin-top:10px;padding-left:20px}.welcome-content ul li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.welcome-content h2{color:var(--text-color);font-size:1.8rem;margin-top:20px}.skip-btn{background:var(--btn-bg-color);border:none;border-radius:5px;color:var(--btn-text-color);cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background .3s ease}.skip-btn:hover{background:var(--btn-hover-bg-color)}.top-header{margin-bottom:30px;text-align:center}.top-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.top-subtitle{color:var(--text-color);font-size:1.2rem;margin-bottom:20px}.top-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1000px}.top-card{background:var(--card-bg-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:var(--text-color);flex-basis:calc(33% - 40px);flex-grow:1;flex-shrink:1;max-width:calc(33% - 40px);min-width:250px;padding:20px;text-align:center}.top-card h2{font-size:1.5rem;margin-bottom:10px}.top-card p{font-size:1rem;line-height:1.5}@media screen and (max-width:768px){.welcome-header h1{font-size:2rem}.effective-date{font-size:1rem}.welcome-content{padding:20px}.welcome-content h2{font-size:1.5rem}.welcome-content p{font-size:.9rem}.top-content{flex-direction:column;gap:15px}.top-card{flex:1 1 100%;max-width:100%;min-width:0;min-width:auto}.top-card h2{font-size:1.3rem}.skip-btn,.top-card p{font-size:.9rem}.skip-btn{padding:8px 16px}}@media screen and (max-width:480px){.welcome-header h1{font-size:1.8rem}.effective-date{font-size:.9rem}.top-card h2{font-size:1.2rem}.skip-btn,.top-card p{font-size:.8rem}.skip-btn{padding:6px 12px}}.profile-container{background-color:var(--card-bg);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;font-family:Inter,Arial,sans-serif;gap:20px;min-height:100vh;padding:0 8%}.profile-left-column{background-color:var(--card-bg);border-right:1px solid var(--border-color);padding:20px;width:25%}.cursor-pointer{cursor:pointer}.hover\:opacity-80:hover{opacity:.8}.profile-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;padding:20px}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;text-align:center}.profile-avatar{border:2px solid var(--border-color);border-radius:50%;height:120px;margin-bottom:10px;object-fit:cover;width:120px}.profile-avatar-placeholder{border-radius:50%;color:#fff;height:120px;margin-bottom:10px;width:120px}.follow-button,.profile-avatar-placeholder{align-items:center;background-color:var(--button-bg);display:flex;justify-content:center}.follow-button{border:none;border-radius:20px;color:var(--text-color);cursor:pointer;gap:8px;padding:8px 20px;transition:background-color .2s}.follow-button.following{background-color:var(--success-color)}.follow-button:hover{background-color:var(--hover-bg)}.profile-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;margin:20px 0;padding:10px 0}.profile-container .stat-item{align-items:center;display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--text-secondary-color);font-size:12px}.profile-bio{margin:20px 0;text-align:center}.bio-edit{position:relative;width:100%}.bio-textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);margin-bottom:8px;min-height:60px;padding:8px;width:100%}.save-bio-button{align-items:center;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:6px 12px}.bio-display{position:relative}.edit-bio-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;position:absolute;right:0;top:0}.shared-content-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:20px}.shared-category{margin-bottom:20px}.shared-category h4{color:var(--text-secondary-color);margin-bottom:10px}.shared-item{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:5px;margin-bottom:8px;padding:8px}.profile-right-column{padding:20px;width:70%}.post-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;padding:20px}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.post-timestamp{color:var(--text-secondary-color);font-size:12px}.post-content{margin-bottom:20px}.post-comments{border-top:1px solid var(--border-color);padding-top:15px}.comment{background-color:var(--sidebar-bg);margin-bottom:10px;padding:10px}.comment-author{font-weight:700;margin-right:10px}.comment-content{margin:5px 0}.comment-timestamp{color:var(--text-secondary-color);font-size:12px}.view-more-comments{background:none;border:none;color:var(--link-color);cursor:pointer;font-size:14px;padding:5px 0}.view-more-comments:hover{text-decoration:underline}.profile-loading,.profile-not-found{color:var(--text-secondary-color);font-size:18px;padding:40px;text-align:center}@media (max-width:768px){.profile-container{flex-direction:column;padding:10px}.profile-left-column,.profile-right-column{width:100%}.profile-left-column{border-right:none;margin-bottom:20px}}.profile-container .profile-avatar{border:2px solid var(--border-color);border-radius:50%;height:120px;margin-bottom:10px;object-fit:cover;width:120px}.profile-container .profile-avatar-placeholder{align-items:center;background-color:var(--sidebar-bg);border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:10px;width:120px}.profile-container .avatar-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.profile-container .remove-button,.profile-container .upload-button{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.profile-container .remove-button:hover,.profile-container .upload-button:hover{background-color:var(--hover-bg)}@media (max-width:768px){.profile-avatar,.profile-avatar-placeholder{height:100px;width:100px}}.custom-section{align-items:center;background:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.custom-header{margin-bottom:20px;text-align:left}.custom-header h3{margin-bottom:20px;text-align:center}.custom-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.custom-effective-date{color:var(--text-color);font-size:1.1rem;margin-bottom:20px}.custom-content{line-height:1.8;max-width:800px;text-align:left}.custom-content p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.custom-content ul{list-style:disc;margin-top:10px;padding-left:20px}.custom-content ul li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.custom-content h2{color:var(--text-color);font-size:1.8rem;margin-top:20px}.custom-button{background-color:#007bff;background-color:var(--button-bg-alt,#007bff);border:none;border-radius:4px;color:#fff;color:var(--button-text-alt,#fff);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.custom-button:hover{background-color:#0056b3;background-color:var(--button-hover-bg-alt,#0056b3)}.custom-link{color:#007bff;color:var(--link-color-alt,#007bff);font-weight:600;text-decoration:none}.custom-link:hover{text-decoration:underline}.followers-container{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.followers-title{color:var(--text-color);font-size:2rem;margin-bottom:20px}.followers-list{display:flex;flex-direction:column;gap:16px;max-width:600px;width:100%}.followers-card{align-items:center;background-color:var(--button-bg);border-radius:8px;color:var(--text-color);display:flex;padding:10px 16px;text-decoration:none;transition:background-color .2s}.followers-card:hover{background-color:var(--hover-bg)}.followers-avatar{object-fit:cover}.followers-avatar,.followers-avatar-placeholder{border-radius:50%;height:40px;margin-right:12px;width:40px}.followers-avatar-placeholder{align-items:center;background-color:#ccc;display:flex;justify-content:center}.followers-username{font-size:1rem;font-weight:600}.spinner-container{background-color:var(--bg-color)}.spinner{border:5px solid #ddd;border-top-color:#333;height:50px;width:50px}.community-features{border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0;padding:15px}.feature-item{color:var(--text-color);flex:1 1 120px;max-width:160px;min-width:100px}.feature-item,.join-community h3{text-align:center}.feature-count{color:var(--text-color);font-size:1.5rem;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:10px;margin:15px 0}.primary-btn{background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.primary-btn:hover{background-color:var(--hover-bg)}.secondary-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);cursor:pointer;padding:8px 12px}.secondary-btn:hover{background-color:var(--hover-bg)}.quick-links{border-radius:8px;margin-top:20px;padding:15px}.quick-links h4{color:var(--text-color);margin-bottom:10px}.quick-links ul{list-style:none;padding:0}.quick-links li{margin:8px 0}.quick-links a{color:var(--button-bg);color:var(--text-color);text-decoration:none}.quick-links a:hover{text-decoration:underline}.community-preview ul{list-style:none;margin:15px 0;padding:0}.community-preview li{background-color:var(--hover-bg);border-radius:5px;color:var(--text-color);margin:8px 0;padding:8px}.privacy-section{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.privacy-header{margin-bottom:20px;text-align:center}.privacy-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.effective-date{color:var(--text-color);font-size:1.1rem;margin-bottom:20px}.privacy-content{line-height:1.8;max-width:800px;text-align:left}.privacy-content p{color:var(--text-color);font-size:1rem;margin-bottom:15px}.privacy-content ul{list-style:disc;margin-top:10px;padding-left:20px}.privacy-content ul li{color:var(--text-color);font-size:1rem;margin-bottom:10px}.privacy-content h2{color:var(--text-color);font-size:1.8rem;margin-top:20px}.monaco-editor{--monaco-monospace-font:"SF Mono",Monaco,Menlo,Consolas,"Ubuntu Mono","Liberation Mono","DejaVu Sans Mono","Courier New",monospace;font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,system-ui,Ubuntu,Droid Sans,sans-serif}.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label{stroke-width:1.2px}.monaco-hover p{margin:0}.monaco-aria-container{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;top:0;width:1px}.monaco-diff-editor .synthetic-focus,.monaco-diff-editor [tabindex="-1"]:focus,.monaco-diff-editor [tabindex="0"]:focus,.monaco-diff-editor button:focus,.monaco-diff-editor input[type=button]:focus,.monaco-diff-editor input[type=checkbox]:focus,.monaco-diff-editor input[type=search]:focus,.monaco-diff-editor input[type=text]:focus,.monaco-diff-editor select:focus,.monaco-diff-editor textarea:focus,.monaco-editor{opacity:1;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px}.monaco-workbench .workbench-hover{background:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);border-radius:3px;box-shadow:0 2px 8px var(--vscode-widget-shadow);color:var(--vscode-editorHoverWidget-foreground);font-size:13px;line-height:19px;max-width:700px;overflow:hidden;position:relative;z-index:40}.monaco-workbench .workbench-hover hr{border-bottom:none}.monaco-workbench .workbench-hover:not(.skip-fade-in){animation:fadein .1s linear}.monaco-workbench .workbench-hover.compact{font-size:12px}.monaco-workbench .workbench-hover.compact .hover-contents{padding:2px 8px}.monaco-workbench .workbench-hover-container.locked .workbench-hover{outline:1px solid var(--vscode-editorHoverWidget-border)}.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,.monaco-workbench .workbench-hover-lock:focus{outline:1px solid var(--vscode-focusBorder)}.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover{background:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .workbench-hover-pointer{pointer-events:none;position:absolute;z-index:41}.monaco-workbench .workbench-hover-pointer:after{background-color:var(--vscode-editorHoverWidget-background);border-bottom:1px solid var(--vscode-editorHoverWidget-border);border-right:1px solid var(--vscode-editorHoverWidget-border);content:"";height:5px;position:absolute;width:5px}.monaco-workbench .locked .workbench-hover-pointer:after{border-bottom-width:2px;border-right-width:2px;height:4px;width:4px}.monaco-workbench .workbench-hover-pointer.left{left:-3px}.monaco-workbench .workbench-hover-pointer.right{right:3px}.monaco-workbench .workbench-hover-pointer.top{top:-3px}.monaco-workbench .workbench-hover-pointer.bottom{bottom:3px}.monaco-workbench .workbench-hover-pointer.left:after{transform:rotate(135deg)}.monaco-workbench .workbench-hover-pointer.right:after{transform:rotate(315deg)}.monaco-workbench .workbench-hover-pointer.top:after{transform:rotate(225deg)}.monaco-workbench .workbench-hover-pointer.bottom:after{transform:rotate(45deg)}.monaco-workbench .workbench-hover a{color:var(--vscode-textLink-foreground)}.monaco-workbench .workbench-hover a:focus{outline:1px solid;outline-color:var(--vscode-focusBorder);outline-offset:-1px;text-decoration:underline}.monaco-workbench .workbench-hover a:active,.monaco-workbench .workbench-hover a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-workbench .workbench-hover code{background:var(--vscode-textCodeBlock-background)}.monaco-workbench .workbench-hover .hover-row .actions{background:var(--vscode-editorHoverWidget-statusBarBackground)}.monaco-workbench .workbench-hover.right-aligned{left:1px}.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions{flex-direction:row-reverse}.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container{margin-left:16px;margin-right:0}.monaco-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.monaco-scrollable-element>.visible{background:#0000;opacity:1;transition:opacity .1s linear;z-index:11}.monaco-scrollable-element>.invisible{opacity:0;pointer-events:none}.monaco-scrollable-element>.invisible.fade{transition:opacity .8s linear}.monaco-scrollable-element>.shadow{display:none;position:absolute}.monaco-scrollable-element>.shadow.top{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;display:block;height:3px;left:3px;top:0;width:100%}.monaco-scrollable-element>.shadow.left{box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;display:block;height:100%;left:0;top:3px;width:3px}.monaco-scrollable-element>.shadow.top-left-corner{display:block;height:3px;left:0;top:0;width:3px}.monaco-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset}.monaco-scrollable-element>.scrollbar>.slider{background:var(--vscode-scrollbarSlider-background)}.monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-scrollable-element>.scrollbar>.slider.active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-hover{animation:fadein .1s linear;box-sizing:border-box;cursor:default;line-height:1.5em;overflow:hidden;position:absolute;user-select:text;-webkit-user-select:text;white-space:normal;white-space:var(--vscode-hover-whiteSpace,normal)}.monaco-hover.hidden{display:none}.monaco-hover a:hover:not(.disabled){cursor:pointer}.monaco-hover .hover-contents:not(.html-hover-contents){padding:4px 8px}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents){word-wrap:break-word;max-width:500px;max-width:var(--vscode-hover-maxWidth,500px)}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents) hr{min-width:100%}.monaco-hover .code,.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6,.monaco-hover p,.monaco-hover ul{margin:8px 0}.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{line-height:1.1}.monaco-hover code{font-family:var(--monaco-monospace-font)}.monaco-hover hr{border-left:0;border-right:0;box-sizing:border-box;height:1px;margin:4px -8px -4px}.monaco-hover .code:first-child,.monaco-hover p:first-child,.monaco-hover ul:first-child{margin-top:0}.monaco-hover .code:last-child,.monaco-hover p:last-child,.monaco-hover ul:last-child{margin-bottom:0}.monaco-hover ol,.monaco-hover ul{padding-left:20px}.monaco-hover li>p{margin-bottom:0}.monaco-hover li>ul{margin-top:0}.monaco-hover code{border-radius:3px;padding:0 .4em}.monaco-hover .monaco-tokenized-source{white-space:pre-wrap;white-space:var(--vscode-hover-sourceWhiteSpace,pre-wrap)}.monaco-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-hover .hover-row.status-bar .info{font-style:italic;padding:0 8px}.monaco-hover .hover-row.status-bar .actions{display:flex;padding:0 8px;width:100%}.monaco-hover .hover-row.status-bar .actions .action-container{cursor:pointer;margin-right:16px}.monaco-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px}.monaco-hover .hover-row.status-bar .actions .action-container a{color:var(--vscode-textLink-foreground);-webkit-text-decoration:var(--text-link-decoration);text-decoration:var(--text-link-decoration)}.monaco-hover .markdown-hover .hover-contents .codicon{color:inherit;font-size:inherit;vertical-align:middle}.monaco-hover .hover-contents a.code-link,.monaco-hover .hover-contents a.code-link:hover{color:inherit}.monaco-hover .hover-contents a.code-link:before{content:"("}.monaco-hover .hover-contents a.code-link:after{content:")"}.monaco-hover .hover-contents a.code-link>span{border-bottom:1px solid #0000;color:var(--vscode-textLink-foreground);text-decoration:underline;text-underline-position:under}.monaco-hover .hover-contents a.code-link>span:hover{color:var(--vscode-textLink-activeForeground)}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span{display:inline-block;margin-bottom:4px}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon{margin-bottom:2px}.monaco-hover-content .action-container a{-webkit-user-select:none;user-select:none}.monaco-hover-content .action-container.disabled{cursor:default;opacity:.4;pointer-events:none}.monaco-editor .rendered-markdown kbd{background-color:var(--vscode-keybindingLabel-background);border-color:var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);border-radius:3px;border-style:solid;border-width:1px;box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow);color:var(--vscode-keybindingLabel-foreground);padding:1px 3px;vertical-align:middle}.rendered-markdown li:has(input[type=checkbox]){list-style-type:none}.monaco-aria-container{left:-999em;position:absolute}.context-view{position:absolute}.context-view.fixed{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;color:inherit;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:inherit;font-size:medium;font-size:13px;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;position:fixed;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.monaco-list{height:100%;position:relative;white-space:nowrap;width:100%}.monaco-list.mouse-support{user-select:none;-webkit-user-select:none}.monaco-list>.monaco-scrollable-element{height:100%}.monaco-list-rows{height:100%;position:relative;width:100%}.monaco-list.horizontal-scrolling .monaco-list-rows{min-width:100%;width:auto}.monaco-list-row{box-sizing:border-box;overflow:hidden;position:absolute;width:100%}.monaco-list.mouse-support .monaco-list-row{cursor:pointer;touch-action:none}.monaco-list .monaco-scrollable-element>.scrollbar.vertical,.monaco-pane-view>.monaco-split-view2.vertical>.monaco-scrollable-element>.scrollbar.vertical{z-index:14}.monaco-list-row.scrolling{display:none!important}.monaco-list.element-focused,.monaco-list.selection-multiple,.monaco-list.selection-single{outline:0!important}.monaco-drag-image{border-radius:10px;display:inline-block;font-size:12px;padding:1px 7px;position:absolute;z-index:1000}.monaco-list-type-filter-message{box-sizing:border-box;height:100%;left:0;opacity:.7;padding:40px 1em 1em;pointer-events:none;position:absolute;text-align:center;top:0;white-space:normal;width:100%}.monaco-list-type-filter-message:empty{display:none}.monaco-select-box-dropdown-padding{--dropdown-padding-top:1px;--dropdown-padding-bottom:1px}.hc-black .monaco-select-box-dropdown-padding,.hc-light .monaco-select-box-dropdown-padding{--dropdown-padding-top:3px;--dropdown-padding-bottom:4px}.monaco-select-box-dropdown-container{box-sizing:border-box;display:none}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown *{margin:0}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown code{font-family:var(--monaco-monospace-font);line-height:15px}.monaco-select-box-dropdown-container.visible{border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:flex;flex-direction:column;overflow:hidden;text-align:left;width:1px}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container{align-self:flex-start;box-sizing:border-box;flex:0 0 auto;overflow:hidden;padding-bottom:var(--dropdown-padding-bottom);padding-left:1px;padding-right:1px;padding-top:var(--dropdown-padding-top);width:100%}.monaco-select-box-dropdown-container>.select-box-details-pane{padding:5px}.hc-black .monaco-select-box-dropdown-container>.select-box-dropdown-list-container{padding-bottom:var(--dropdown-padding-bottom);padding-top:var(--dropdown-padding-top)}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row{cursor:pointer}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-text{float:left;overflow:hidden;padding-left:3.5px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-detail{float:left;opacity:.7;overflow:hidden;padding-left:3.5px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-decorator-right{float:right;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.visually-hidden{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control{align-self:flex-start;flex:1 1 auto;opacity:0}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div{max-height:0;overflow:hidden}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div>.option-text-width-control{padding-left:4px;padding-right:8px;white-space:nowrap}.monaco-select-box{border-radius:2px;cursor:pointer;width:100%}.monaco-select-box-dropdown-container{font-size:13px;font-weight:400;text-transform:none}.monaco-action-bar .action-item.select-container{cursor:default}.monaco-action-bar .action-item .monaco-select-box{cursor:pointer;min-height:18px;min-width:100px;padding:2px 23px 2px 8px}.mac .monaco-action-bar .action-item .monaco-select-box{border-radius:5px;font-size:11px}.monaco-action-bar{height:100%;white-space:nowrap}.monaco-action-bar .actions-container{align-items:center;display:flex;height:100%;margin:0 auto;padding:0;width:100%}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar .action-item{align-items:center;cursor:pointer;display:block;justify-content:center;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar .action-item .codicon,.monaco-action-bar .action-item .icon{display:block}.monaco-action-bar .action-item .codicon{align-items:center;display:flex;height:16px;width:16px}.monaco-action-bar .action-label{border-radius:5px;display:flex;font-size:11px;padding:3px}.monaco-action-bar .action-item.disabled .action-label,.monaco-action-bar .action-item.disabled .action-label:before,.monaco-action-bar .action-item.disabled .action-label:hover{color:var(--vscode-disabledForeground)}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{border-bottom:1px solid #bbb;display:block;margin-left:.8em;margin-right:.8em;padding-top:1px}.monaco-action-bar .action-item .action-label.separator{background-color:#bbb;cursor:default;height:16px;margin:5px 4px!important;min-width:1px;padding:0;width:1px}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:10px;max-width:170px;min-width:60px;overflow:hidden}.monaco-action-bar .action-item.action-dropdown-item{display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator{align-items:center;cursor:default;display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator>div{width:1px}.monaco-dropdown{height:100%;padding:0}.monaco-dropdown>.dropdown-label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center}.monaco-dropdown>.dropdown-label>.action-label.disabled{cursor:default}.monaco-dropdown-with-primary{border-radius:5px;display:flex!important;flex-direction:row}.monaco-dropdown-with-primary>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;line-height:16px;margin-left:-3px;padding-left:0;padding-right:0}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.monaco-action-bar .action-item.menu-entry .action-label.icon{background-position:50%;background-repeat:no-repeat;background-size:16px;height:16px;width:16px}.monaco-action-bar .action-item.menu-entry.text-only .action-label{border-radius:2px;color:var(--vscode-descriptionForeground);overflow:hidden}.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label:after{content:", "}.monaco-action-bar .action-item.menu-entry.text-only+.action-item:not(.text-only)>.monaco-dropdown .action-label{color:var(--vscode-descriptionForeground)}.monaco-dropdown-with-default{border-radius:5px;display:flex!important;flex-direction:row}.monaco-dropdown-with-default>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-default>.action-container.menu-entry>.action-label.icon{background-position:50%;background-repeat:no-repeat;background-size:16px;height:16px;width:16px}.monaco-dropdown-with-default:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;line-height:16px;margin-left:-3px;padding-left:0;padding-right:0}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.quick-input-widget{font-size:13px}.quick-input-widget .monaco-highlighted-label .highlight{color:#0066bf}.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight{color:#9dddff}.vs-dark .quick-input-widget .monaco-highlighted-label .highlight{color:#0097fb}.hc-black .quick-input-widget .monaco-highlighted-label .highlight{color:#f38518}.hc-light .quick-input-widget .monaco-highlighted-label .highlight{color:#0f4a85}.monaco-keybinding>.monaco-keybinding-key{background-color:#ddd6;border:1px solid;border-color:#ccc6 #ccc6 #bbb6;box-shadow:inset 0 -1px 0 #bbb6;color:#555}.hc-black .monaco-keybinding>.monaco-keybinding-key{background-color:initial;border:1px solid #6fc3df;box-shadow:none;color:#fff}.hc-light .monaco-keybinding>.monaco-keybinding-key{background-color:initial;border:1px solid #0f4a85;box-shadow:none;color:#292929}.vs-dark .monaco-keybinding>.monaco-keybinding-key{background-color:#8080802b;border:1px solid;border-color:#3339 #3339 #4449;box-shadow:inset 0 -1px 0 #4449;color:#ccc}.monaco-custom-toggle{border:1px solid #0000;border-radius:3px;box-sizing:border-box;cursor:pointer;float:left;height:20px;margin-left:2px;overflow:hidden;padding:1px;user-select:none;-webkit-user-select:none;width:20px}.monaco-custom-toggle:hover{background-color:var(--vscode-inputOption-hoverBackground)}.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle:hover{border:1px dashed var(--vscode-focusBorder)}.hc-black .monaco-custom-toggle,.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle,.hc-light .monaco-custom-toggle:hover{background:none}.monaco-custom-toggle.monaco-checkbox{background-size:16px!important;border:1px solid #0000;border-radius:3px;height:18px;margin-left:0;margin-right:9px;opacity:1;padding:0;width:18px}.monaco-action-bar .checkbox-action-item{align-items:center;border-radius:2px;display:flex;padding-right:2px}.monaco-action-bar .checkbox-action-item:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-action-bar .checkbox-action-item>.monaco-custom-toggle.monaco-checkbox{margin-right:4px}.monaco-action-bar .checkbox-action-item>.checkbox-label{font-size:12px}.monaco-custom-toggle.monaco-checkbox:not(.checked):before{visibility:hidden}.quick-input-widget{-webkit-app-region:no-drag;border-radius:6px;left:50%;margin-left:-300px;position:absolute;width:600px;z-index:2550}.quick-input-titlebar{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex}.quick-input-left-action-bar{display:flex;flex:1 1;margin-left:4px}.quick-input-inline-action-bar{margin:2px 0 0 5px}.quick-input-title{overflow:hidden;padding:3px 0;text-align:center;text-overflow:ellipsis}.quick-input-right-action-bar{display:flex;flex:1 1;margin-right:4px}.quick-input-right-action-bar>.actions-container{justify-content:flex-end}.quick-input-titlebar .monaco-action-bar .action-label.codicon{background-position:50%;background-repeat:no-repeat;padding:2px}.quick-input-description{margin:6px 6px 6px 11px}.quick-input-header .quick-input-description{flex:1 1;margin:4px 2px}.quick-input-header{display:flex;padding:8px 6px 2px}.quick-input-widget.hidden-input .quick-input-header{margin-bottom:0;padding:0}.quick-input-and-message{display:flex;flex-direction:column;flex-grow:1;min-width:0;position:relative}.quick-input-check-all{align-self:center;margin:0}.quick-input-filter{display:flex;flex-grow:1;position:relative}.quick-input-box{flex-grow:1}.quick-input-widget.show-checkboxes .quick-input-box,.quick-input-widget.show-checkboxes .quick-input-message{margin-left:5px}.quick-input-visible-count{left:-10000px;position:absolute}.quick-input-count{align-items:center;align-self:center;display:flex;position:absolute;right:4px}.quick-input-count .monaco-count-badge{border-radius:2px;line-height:normal;min-height:auto;padding:2px 4px;vertical-align:middle}.quick-input-action{margin-left:6px}.quick-input-action .monaco-text-button{align-items:center;display:flex;font-size:11px;height:25px;padding:0 6px}.quick-input-message{margin-top:-1px;overflow-wrap:break-word;padding:5px}.quick-input-message>.codicon{margin:0 .2em;vertical-align:text-bottom}.quick-input-message a{color:inherit}.quick-input-progress.monaco-progress-container{position:relative}.quick-input-list{line-height:22px}.quick-input-widget.hidden-input .quick-input-list{margin-top:4px;padding-bottom:4px}.quick-input-list .monaco-list{max-height:440px;overflow:hidden;padding-bottom:5px}.quick-input-list .monaco-scrollable-element{padding:0 5px}.quick-input-list .quick-input-list-entry{box-sizing:border-box;display:flex;overflow:hidden;padding:0 6px}.quick-input-list .quick-input-list-entry.quick-input-list-separator-border{border-top-style:solid;border-top-width:1px}.quick-input-list .monaco-list-row{border-radius:3px}.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border{border-top-style:none}.quick-input-list .quick-input-list-label{display:flex;flex:1 1;height:100%;overflow:hidden}.quick-input-list .quick-input-list-checkbox{align-self:center;margin:0}.quick-input-list .quick-input-list-icon{align-items:center;background-position:0;background-repeat:no-repeat;background-size:16px;display:flex;height:22px;justify-content:center;padding-right:6px;width:16px}.quick-input-list .quick-input-list-rows{display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:5px;overflow:hidden;text-overflow:ellipsis}.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows{margin-left:10px}.quick-input-widget .quick-input-list .quick-input-list-checkbox{display:none}.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox{display:inline}.quick-input-list .quick-input-list-rows>.quick-input-list-row{align-items:center;display:flex}.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label,.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label .monaco-icon-label-container>.monaco-icon-name-container{flex:1 1}.quick-input-list .quick-input-list-rows>.quick-input-list-row .codicon[class*=codicon-]{vertical-align:text-bottom}.quick-input-list .quick-input-list-rows .monaco-highlighted-label>span{opacity:1}.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding{margin-right:8px}.quick-input-list .quick-input-list-label-meta{line-height:normal;opacity:.7;overflow:hidden;text-overflow:ellipsis}.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight{background-color:initial;color:var(--vscode-list-highlightForeground)!important;font-weight:700}.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight{color:var(--vscode-list-focusHighlightForeground)!important}.quick-input-list .quick-input-list-entry .quick-input-list-separator{margin-right:4px}.quick-input-list .quick-input-list-entry-action-bar{display:flex;flex:0 1;overflow:visible}.quick-input-list .quick-input-list-entry-action-bar .action-label{display:none}.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon{margin-right:4px;padding:2px}.quick-input-list .quick-input-list-entry-action-bar{margin-right:4px;margin-top:1px}.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label,.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label{display:flex}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator{color:inherit}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key{background:none}.quick-input-list .quick-input-list-separator-as-item{font-size:12px;padding:4px 6px}.quick-input-list .quick-input-list-separator-as-item .label-name{font-weight:600}.quick-input-list .quick-input-list-separator-as-item .label-description{opacity:1!important}.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border{border-top-style:none}.quick-input-list .monaco-tree-sticky-row{padding:0 5px}.quick-input-list .monaco-tl-twistie{display:none!important}.monaco-text-button{align-items:center;border:1px solid #0000;border:1px solid var(--vscode-button-border,#0000);border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;line-height:18px;padding:4px;text-align:center;width:100%}.monaco-text-button:focus{outline-offset:2px!important}.monaco-text-button:hover{text-decoration:none!important}.monaco-button.disabled,.monaco-button.disabled:focus{cursor:default;opacity:.4!important}.monaco-text-button .codicon{color:inherit!important;margin:0 .2em}.monaco-text-button.monaco-text-button-with-short-label{flex-direction:row;flex-wrap:wrap;height:28px;overflow:hidden;padding:0 4px}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label{flex-basis:100%}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{flex-grow:1;overflow:hidden;width:0}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label,.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{align-items:center;display:flex;font-style:inherit;font-weight:400;justify-content:center;padding:4px 0}.monaco-button-dropdown{cursor:pointer;display:flex}.monaco-button-dropdown.disabled{cursor:default}.monaco-button-dropdown>.monaco-button:focus{outline-offset:-1px!important}.monaco-button-dropdown.disabled>.monaco-button-dropdown-separator,.monaco-button-dropdown.disabled>.monaco-button.disabled,.monaco-button-dropdown.disabled>.monaco-button.disabled:focus{opacity:.4!important}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-right-width:0!important}.monaco-button-dropdown .monaco-button-dropdown-separator{cursor:default;padding:4px 0}.monaco-button-dropdown .monaco-button-dropdown-separator>div{height:100%;width:1px}.monaco-button-dropdown>.monaco-button.monaco-dropdown-button{align-items:center;border:1px solid #0000;border:1px solid var(--vscode-button-border,#0000);border-left-width:0!important;border-radius:0 2px 2px 0;display:flex}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-radius:2px 0 0 2px}.monaco-description-button{align-items:center;display:flex;flex-direction:column;margin:4px 5px}.monaco-description-button .monaco-button-description{font-size:11px;font-style:italic;padding:4px 20px}.monaco-description-button .monaco-button-description,.monaco-description-button .monaco-button-label{align-items:center;display:flex;justify-content:center}.monaco-description-button .monaco-button-description>.codicon,.monaco-description-button .monaco-button-label>.codicon{color:inherit!important;margin:0 .2em}.monaco-button-dropdown.default-colors>.monaco-button,.monaco-button.default-colors{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}.monaco-button-dropdown.default-colors>.monaco-button:hover,.monaco-button.default-colors:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-button-dropdown.default-colors>.monaco-button.secondary,.monaco-button.default-colors.secondary{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}.monaco-button-dropdown.default-colors>.monaco-button.secondary:hover,.monaco-button.default-colors.secondary:hover{background-color:var(--vscode-button-secondaryHoverBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator{background-color:var(--vscode-button-background);border-bottom:1px solid var(--vscode-button-border);border-top:1px solid var(--vscode-button-border)}.monaco-button-dropdown.default-colors .monaco-button.secondary+.monaco-button-dropdown-separator{background-color:var(--vscode-button-secondaryBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator>div{background-color:var(--vscode-button-separator)}.monaco-count-badge{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:11px;font-weight:400;line-height:11px;min-height:18px;min-width:18px;padding:3px 6px;text-align:center}.monaco-count-badge.long{border-radius:2px;line-height:normal;min-height:auto;padding:2px 3px}.monaco-progress-container{height:2px;overflow:hidden;width:100%}.monaco-progress-container .progress-bit{display:none;height:2px;left:0;position:absolute;width:2%}.monaco-progress-container.active .progress-bit{display:inherit}.monaco-progress-container.discrete .progress-bit{left:0;transition:width .1s linear}.monaco-progress-container.discrete.done .progress-bit{width:100%}.monaco-progress-container.infinite .progress-bit{animation-duration:4s;animation-iteration-count:infinite;animation-name:progress;animation-timing-function:linear;transform:translateZ(0)}.monaco-progress-container.infinite.infinite-long-running .progress-bit{animation-timing-function:steps(100)}@keyframes progress{0%{transform:translateX(0) scaleX(1)}50%{transform:translateX(2500%) scaleX(3)}to{transform:translateX(4900%) scaleX(1)}}.monaco-inputbox{border-radius:2px;box-sizing:border-box;display:block;font-size:inherit;padding:0;position:relative}.monaco-inputbox>.ibwrapper>.input,.monaco-inputbox>.ibwrapper>.mirror{padding:4px 6px}.monaco-inputbox>.ibwrapper{height:100%;position:relative;width:100%}.monaco-inputbox>.ibwrapper>.input{border:none;box-sizing:border-box;color:inherit;display:inline-block;font-family:inherit;font-size:inherit;height:100%;line-height:inherit;resize:none;width:100%}.monaco-inputbox>.ibwrapper>input{text-overflow:ellipsis}.monaco-inputbox>.ibwrapper>textarea.input{display:block;outline:none;scrollbar-width:none}.monaco-inputbox>.ibwrapper>textarea.input::-webkit-scrollbar{display:none}.monaco-inputbox>.ibwrapper>textarea.input.empty{white-space:nowrap}.monaco-inputbox>.ibwrapper>.mirror{word-wrap:break-word;box-sizing:border-box;display:inline-block;left:0;position:absolute;top:0;visibility:hidden;white-space:pre-wrap;width:100%}.monaco-inputbox-container{text-align:right}.monaco-inputbox-container .monaco-inputbox-message{word-wrap:break-word;box-sizing:border-box;display:inline-block;font-size:12px;line-height:17px;margin-top:-1px;overflow:hidden;padding:.4em;text-align:left;width:100%}.monaco-inputbox .monaco-action-bar{position:absolute;right:2px;top:4px}.monaco-inputbox .monaco-action-bar .action-item{margin-left:2px}.monaco-inputbox .monaco-action-bar .action-item .codicon{background-repeat:no-repeat;height:16px;width:16px}.monaco-findInput{position:relative}.monaco-findInput .monaco-inputbox{font-size:13px;width:100%}.monaco-findInput>.controls{position:absolute;right:2px;top:3px}.vs .monaco-findInput.disabled{background-color:#e1e1e1}.vs-dark .monaco-findInput.disabled{background-color:#333}.hc-light .monaco-findInput.highlight-0 .controls,.monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-0 .1s linear 0s}.hc-light .monaco-findInput.highlight-1 .controls,.monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-1 .1s linear 0s}.hc-black .monaco-findInput.highlight-0 .controls,.vs-dark .monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-dark-0 .1s linear 0s}.hc-black .monaco-findInput.highlight-1 .controls,.vs-dark .monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-dark-1 .1s linear 0s}@keyframes monaco-findInput-highlight-0{0%{background:#fdff00cc}to{background:#0000}}@keyframes monaco-findInput-highlight-1{0%{background:#fdff00cc}99%{background:#0000}}@keyframes monaco-findInput-highlight-dark-0{0%{background:#ffffff70}to{background:#0000}}@keyframes monaco-findInput-highlight-dark-1{0%{background:#ffffff70}99%{background:#0000}}:root{--vscode-sash-size:4px;--vscode-sash-hover-size:4px}.monaco-sash{position:absolute;touch-action:none;z-index:35}.monaco-sash.disabled{pointer-events:none}.monaco-sash.mac.vertical{cursor:col-resize}.monaco-sash.vertical.minimum{cursor:e-resize}.monaco-sash.vertical.maximum{cursor:w-resize}.monaco-sash.mac.horizontal{cursor:row-resize}.monaco-sash.horizontal.minimum{cursor:s-resize}.monaco-sash.horizontal.maximum{cursor:n-resize}.monaco-sash.disabled{cursor:default!important;pointer-events:none!important}.monaco-sash.vertical{cursor:ew-resize;height:100%;top:0;width:4px;width:var(--vscode-sash-size)}.monaco-sash.horizontal{cursor:ns-resize;height:4px;height:var(--vscode-sash-size);left:0;width:100%}.monaco-sash:not(.disabled)>.orthogonal-drag-handle{content:" ";cursor:all-scroll;display:block;height:8px;height:calc(var(--vscode-sash-size)*2);position:absolute;width:8px;width:calc(var(--vscode-sash-size)*2);z-index:100}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.start,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.end{cursor:nwse-resize}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.end,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.start{cursor:nesw-resize}.monaco-sash.vertical>.orthogonal-drag-handle.start{left:-2px;left:calc(var(--vscode-sash-size)*-.5);top:-4px;top:calc(var(--vscode-sash-size)*-1)}.monaco-sash.vertical>.orthogonal-drag-handle.end{bottom:-4px;bottom:calc(var(--vscode-sash-size)*-1);left:-2px;left:calc(var(--vscode-sash-size)*-.5)}.monaco-sash.horizontal>.orthogonal-drag-handle.start{left:-4px;left:calc(var(--vscode-sash-size)*-1);top:-2px;top:calc(var(--vscode-sash-size)*-.5)}.monaco-sash.horizontal>.orthogonal-drag-handle.end{right:-4px;right:calc(var(--vscode-sash-size)*-1);top:-2px;top:calc(var(--vscode-sash-size)*-.5)}.monaco-sash:before{background:#0000;content:"";height:100%;pointer-events:none;position:absolute;width:100%}.monaco-workbench:not(.reduce-motion) .monaco-sash:before{transition:background-color .1s ease-out}.monaco-sash.active:before,.monaco-sash.hover:before{background:var(--vscode-sash-hoverBorder)}.monaco-sash.vertical:before{left:calc(50% - 2px);left:calc(50% - var(--vscode-sash-hover-size)/2);width:4px;width:var(--vscode-sash-hover-size)}.monaco-sash.horizontal:before{height:4px;height:var(--vscode-sash-hover-size);top:calc(50% - 2px);top:calc(50% - var(--vscode-sash-hover-size)/2)}.pointer-events-disabled{pointer-events:none!important}.monaco-sash.debug{background:cyan}.monaco-sash.debug.disabled{background:#0ff3}.monaco-sash.debug:not(.disabled)>.orthogonal-drag-handle{background:red}.monaco-split-view2{height:100%;position:relative;width:100%}.monaco-split-view2>.sash-container{height:100%;pointer-events:none;position:absolute;width:100%}.monaco-split-view2>.sash-container>.monaco-sash{pointer-events:auto}.monaco-split-view2>.monaco-scrollable-element{height:100%;width:100%}.monaco-split-view2>.monaco-scrollable-element>.split-view-container{height:100%;position:relative;white-space:nowrap;width:100%}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view{position:absolute;white-space:normal}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view:not(.visible){display:none}.monaco-split-view2.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view{width:100%}.monaco-split-view2.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view{height:100%}.monaco-split-view2.separator-border>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{background-color:var(--separator-border);content:" ";left:0;pointer-events:none;position:absolute;top:0;z-index:5}.monaco-split-view2.separator-border.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:100%;width:1px}.monaco-split-view2.separator-border.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:1px;width:100%}.monaco-table{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;white-space:nowrap;width:100%}.monaco-table>.monaco-split-view2{border-bottom:1px solid #0000}.monaco-table>.monaco-list{flex:1 1}.monaco-table-tr{display:flex;height:100%}.monaco-table-th{font-weight:700;height:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.monaco-table-td,.monaco-table-th{box-sizing:border-box;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{border-left:1px solid #0000;content:"";left:calc(var(--vscode-sash-size)/2);position:absolute;width:0}.monaco-workbench:not(.reduce-motion) .monaco-table>.monaco-split-view2,.monaco-workbench:not(.reduce-motion) .monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{transition:border-color .2s ease-out}.monaco-tl-row{align-items:center;display:flex;height:100%;position:relative}.monaco-tl-row.disabled{cursor:default}.monaco-tl-indent{height:100%;left:16px;pointer-events:none;position:absolute;top:0}.hide-arrows .monaco-tl-indent{left:12px}.monaco-tl-indent>.indent-guide{border-left:1px solid #0000;box-sizing:border-box;display:inline-block;height:100%}.monaco-workbench:not(.reduce-motion) .monaco-tl-indent>.indent-guide{transition:border-color .1s linear}.monaco-tl-contents,.monaco-tl-twistie{height:100%}.monaco-tl-twistie{align-items:center;display:flex!important;flex-shrink:0;font-size:10px;justify-content:center;padding-right:6px;text-align:right;transform:translateX(3px);width:16px}.monaco-tl-contents{flex:1 1;overflow:hidden}.monaco-tl-twistie:before{border-radius:20px}.monaco-tl-twistie.collapsed:before{transform:rotate(-90deg)}.monaco-tl-twistie.codicon-tree-item-loading:before{animation:codicon-spin 1.25s steps(30) infinite}.monaco-tree-type-filter{border:1px solid var(--vscode-widget-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;margin:0 6px;max-width:200px;padding:3px;position:absolute;top:0;z-index:100}.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter{transition:top .3s}.monaco-tree-type-filter.disabled{top:-40px!important}.monaco-tree-type-filter-grab{align-items:center;cursor:grab;display:flex!important;justify-content:center;margin-right:2px}.monaco-tree-type-filter-grab.grabbing{cursor:grabbing}.monaco-tree-type-filter-input{flex:1 1}.monaco-tree-type-filter-input .monaco-inputbox{height:23px}.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.input,.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.mirror{padding:2px 4px}.monaco-tree-type-filter-input .monaco-findInput>.controls{top:2px}.monaco-tree-type-filter-actionbar{margin-left:4px}.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label{padding:2px}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{background-color:var(--vscode-sideBar-background);height:0;left:0;position:absolute;top:0;width:100%;z-index:13}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{background-color:var(--vscode-sideBar-background);opacity:1!important;overflow:hidden;position:absolute;width:100%}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{background-color:var(--vscode-list-hoverBackground)!important;cursor:pointer}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow{display:none}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow{bottom:-3px;height:0;left:0;position:absolute;width:100%}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{outline:none}.monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0;background-repeat:no-repeat;background-size:16px;display:inline-block;flex-shrink:0;height:22px;line-height:inherit!important;padding-right:6px;vertical-align:top;width:16px}.monaco-icon-label-iconpath{display:flex;height:16px;margin-top:2px;padding-left:2px;width:16px}.monaco-icon-label-container.disabled{color:var(--vscode-disabledForeground)}.monaco-icon-label>.monaco-icon-label-container{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name>.label-separator{margin:0 2px;opacity:.5}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix{opacity:.7;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-size:.9em;margin-left:.5em;opacity:.7;white-space:pre}.monaco-icon-label.nowrap>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{white-space:nowrap}.vs .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.95}.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{font-style:italic}.monaco-icon-label.deprecated{opacity:.66;text-decoration:line-through}.monaco-icon-label.italic:after{font-style:italic}.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{text-decoration:line-through}.monaco-icon-label:after{font-size:90%;font-weight:600;margin:auto 16px 0 5px;opacity:.75;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description{opacity:.8}.monaco-keybinding{align-items:center;display:flex;line-height:10px}.monaco-keybinding>.monaco-keybinding-key{border-radius:3px;border-style:solid;border-width:1px;display:inline-block;font-size:11px;margin:0 2px;padding:3px 5px;vertical-align:middle}.monaco-keybinding>.monaco-keybinding-key:first-child{margin-left:0}.monaco-keybinding>.monaco-keybinding-key:last-child{margin-right:0}.monaco-keybinding>.monaco-keybinding-key-separator{display:inline-block}.monaco-keybinding>.monaco-keybinding-key-chord-separator{width:6px}::-ms-clear{display:none}.monaco-editor .editor-widget input{color:inherit}.monaco-editor{-webkit-text-size-adjust:100%;color:var(--vscode-editor-foreground);overflow:visible;overflow-wrap:normal;position:relative}.monaco-editor,.monaco-editor-background{background-color:var(--vscode-editor-background)}.monaco-editor .rangeHighlight{background-color:var(--vscode-editor-rangeHighlightBackground);border:1px solid var(--vscode-editor-rangeHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .rangeHighlight,.monaco-editor.hc-light .rangeHighlight{border-style:dotted}.monaco-editor .symbolHighlight{background-color:var(--vscode-editor-symbolHighlightBackground);border:1px solid var(--vscode-editor-symbolHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .symbolHighlight,.monaco-editor.hc-light .symbolHighlight{border-style:dotted}.monaco-editor .overflow-guard{overflow:hidden;position:relative}.monaco-editor .view-overlays{position:absolute;top:0}.monaco-editor .margin-view-overlays>div,.monaco-editor .view-overlays>div{position:absolute;width:100%}.monaco-editor .squiggly-error{border-bottom:4px double var(--vscode-editorError-border)}.monaco-editor .squiggly-error:before{background:var(--vscode-editorError-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-warning{border-bottom:4px double var(--vscode-editorWarning-border)}.monaco-editor .squiggly-warning:before{background:var(--vscode-editorWarning-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-info{border-bottom:4px double var(--vscode-editorInfo-border)}.monaco-editor .squiggly-info:before{background:var(--vscode-editorInfo-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-hint{border-bottom:2px dotted var(--vscode-editorHint-border)}.monaco-editor.showUnused .squiggly-unnecessary{border-bottom:2px dashed var(--vscode-editorUnnecessaryCode-border)}.monaco-editor.showDeprecated .squiggly-inline-deprecated{text-decoration:line-through;text-decoration-color:inherit;text-decoration-color:var(--vscode-editor-foreground,inherit)}.monaco-editor .inputarea{background-color:initial;border:none;color:#0000;margin:0;min-height:0;min-width:0;outline:none!important;overflow:hidden;padding:0;position:absolute;resize:none;z-index:-10}.monaco-editor .inputarea.ime-input{caret-color:var(--vscode-editorCursor-foreground);color:var(--vscode-editor-foreground);z-index:10}.monaco-editor .margin-view-overlays .line-numbers{font-feature-settings:"tnum";bottom:0;box-sizing:border-box;cursor:default;display:inline-block;font-variant-numeric:tabular-nums;position:absolute;text-align:right;vertical-align:middle}.monaco-editor .relative-current-line-number{display:inline-block;text-align:left;width:100%}.monaco-editor .margin-view-overlays .line-numbers.lh-odd{margin-top:1px}.monaco-editor .line-numbers{color:var(--vscode-editorLineNumber-foreground)}.monaco-editor .line-numbers.active-line-number{color:var(--vscode-editorLineNumber-activeForeground)}.monaco-editor .margin{background-color:var(--vscode-editorGutter-background)}.monaco-mouse-cursor-text{cursor:text}.monaco-editor .blockDecorations-container{pointer-events:none;position:absolute;top:0}.monaco-editor .blockDecorations-block{box-sizing:border-box;position:absolute}.monaco-editor .margin-view-overlays .current-line,.monaco-editor .view-overlays .current-line{box-sizing:border-box;display:block;height:100%;left:0;position:absolute;top:0}.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both{border-right:0}.monaco-editor .lines-content .cdr{height:100%;position:absolute}.monaco-editor .glyph-margin{position:absolute;top:0}.monaco-editor .glyph-margin-widgets .cgmr{align-items:center;display:flex;justify-content:center;position:absolute}.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.monaco-editor .lines-content .core-guide{box-sizing:border-box;height:100%;position:absolute}.mtkcontrol{background:#960000!important;color:#fff!important}.mtkoverflow{background-color:var(--vscode-editor-background);background-color:var(--vscode-button-background,var(--vscode-editor-background));border-color:var(--vscode-contrastBorder);border-radius:2px;border-style:solid;border-width:1px;color:var(--vscode-editor-foreground);color:var(--vscode-button-foreground,var(--vscode-editor-foreground));cursor:pointer;padding:4px}.mtkoverflow:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-editor.no-user-select .lines-content,.monaco-editor.no-user-select .view-line,.monaco-editor.no-user-select .view-lines{user-select:none;-webkit-user-select:none}.monaco-editor.mac .lines-content:hover,.monaco-editor.mac .view-line:hover,.monaco-editor.mac .view-lines:hover{user-select:text;-webkit-user-select:text;-ms-user-select:text}.monaco-editor.enable-user-select{user-select:auto;-webkit-user-select:initial}.monaco-editor .view-lines{white-space:nowrap}.monaco-editor .view-line{position:absolute;width:100%}.monaco-editor .lines-content>.view-lines>.view-line>span{bottom:0;position:absolute;top:0}.monaco-editor .mtkw,.monaco-editor .mtkz{color:var(--vscode-editorWhitespace-foreground)!important}.monaco-editor .mtkz{display:inline-block}.monaco-editor .lines-decorations{background:#fff;position:absolute;top:0}.monaco-editor .margin-view-overlays .cldr{height:100%;position:absolute}.monaco-editor .margin-view-overlays .cmdr{height:100%;left:0;position:absolute;width:100%}.monaco-editor .minimap.slider-mouseover .minimap-slider{opacity:0;transition:opacity .1s linear}.monaco-editor .minimap.slider-mouseover .minimap-slider.active,.monaco-editor .minimap.slider-mouseover:hover .minimap-slider{opacity:1}.monaco-editor .minimap-slider .minimap-slider-horizontal{background:var(--vscode-minimapSlider-background)}.monaco-editor .minimap-slider:hover .minimap-slider-horizontal{background:var(--vscode-minimapSlider-hoverBackground)}.monaco-editor .minimap-slider.active .minimap-slider-horizontal{background:var(--vscode-minimapSlider-activeBackground)}.monaco-editor .minimap-shadow-visible{box-shadow:var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset}.monaco-editor .minimap-shadow-hidden{position:absolute;width:0}.monaco-editor .minimap-shadow-visible{left:-6px;position:absolute;width:6px}.monaco-editor.no-minimap-shadow .minimap-shadow-visible{left:-1px;position:absolute;width:1px}.minimap.autohide{opacity:0;transition:opacity .5s}.minimap.autohide:hover{opacity:1}.monaco-editor .minimap{z-index:5}.monaco-editor .overlayWidgets{left:0;position:absolute;top:0}.monaco-editor .view-ruler{box-shadow:1px 0 0 0 var(--vscode-editorRuler-foreground) inset;position:absolute;top:0}.monaco-editor .scroll-decoration{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;height:6px;left:0;position:absolute;top:0}.monaco-editor .lines-content .cslr{position:absolute}.monaco-editor .focused .selected-text{background-color:var(--vscode-editor-selectionBackground)}.monaco-editor .selected-text{background-color:var(--vscode-editor-inactiveSelectionBackground)}.monaco-editor			.top-left-radius{border-top-left-radius:3px}.monaco-editor			.bottom-left-radius{border-bottom-left-radius:3px}.monaco-editor			.top-right-radius{border-top-right-radius:3px}.monaco-editor			.bottom-right-radius{border-bottom-right-radius:3px}.monaco-editor.hc-black .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-black .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-black .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-black .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor.hc-light .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-light .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-light .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-light .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor .cursors-layer{position:absolute;top:0}.monaco-editor .cursors-layer>.cursor{box-sizing:border-box;overflow:hidden;position:absolute}.monaco-editor .cursors-layer.cursor-smooth-caret-animation>.cursor{transition:all 80ms}.monaco-editor .cursors-layer.cursor-block-outline-style>.cursor{background:#0000!important;border-style:solid;border-width:1px}.monaco-editor .cursors-layer.cursor-underline-style>.cursor{background:#0000!important;border-bottom-style:solid;border-bottom-width:2px}.monaco-editor .cursors-layer.cursor-underline-thin-style>.cursor{background:#0000!important;border-bottom-style:solid;border-bottom-width:1px}@keyframes monaco-cursor-smooth{0%,20%{opacity:1}60%,to{opacity:0}}@keyframes monaco-cursor-phase{0%,20%{opacity:1}90%,to{opacity:0}}@keyframes monaco-cursor-expand{0%,20%{transform:scaleY(1)}80%,to{transform:scaleY(0)}}.cursor-smooth{animation:monaco-cursor-smooth .5s ease-in-out 0s 20 alternate}.cursor-phase{animation:monaco-cursor-phase .5s ease-in-out 0s 20 alternate}.cursor-expand>.cursor{animation:monaco-cursor-expand .5s ease-in-out 0s 20 alternate}.monaco-editor .mwh{color:var(--vscode-editorWhitespace-foreground)!important;position:absolute}.monaco-editor .diff-hidden-lines-widget{width:100%}.monaco-editor .diff-hidden-lines{font-size:13px;height:0;line-height:14px;transform:translateY(-10px)}.monaco-editor .diff-hidden-lines .bottom.dragging,.monaco-editor .diff-hidden-lines .top.dragging,.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover{background-color:var(--vscode-focusBorder)}.monaco-editor .diff-hidden-lines .bottom,.monaco-editor .diff-hidden-lines .top{background-clip:padding-box;background-color:initial;border-bottom:2px solid #0000;border-top:4px solid #0000;height:4px;transition:background-color .1s ease-out}.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom),.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *{cursor:n-resize!important}.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom,.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *{cursor:s-resize!important}.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom,.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *{cursor:ns-resize!important}.monaco-editor .diff-hidden-lines .top{transform:translateY(4px)}.monaco-editor .diff-hidden-lines .bottom{transform:translateY(-6px)}.monaco-editor .diff-unchanged-lines{background:var(--vscode-diffEditor-unchangedCodeBackground)}.monaco-editor .noModificationsOverlay{align-items:center;background:var(--vscode-editor-background);display:flex;justify-content:center;z-index:1}.monaco-editor .diff-hidden-lines .center{background:var(--vscode-diffEditor-unchangedRegionBackground);box-shadow:inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow),inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);color:var(--vscode-diffEditor-unchangedRegionForeground);display:block;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .diff-hidden-lines .center span.codicon{vertical-align:middle}.monaco-editor .diff-hidden-lines .center a:hover .codicon{color:var(--vscode-editorLink-activeForeground)!important;cursor:pointer}.monaco-editor .diff-hidden-lines div.breadcrumb-item{cursor:pointer}.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover{color:var(--vscode-editorLink-activeForeground)}.monaco-editor .movedModified,.monaco-editor .movedOriginal{border:2px solid var(--vscode-diffEditor-move-border)}.monaco-editor .movedModified.currentMove,.monaco-editor .movedOriginal.currentMove{border:2px solid var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path.currentMove{stroke:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path{pointer-events:visiblestroke}.monaco-diff-editor .moved-blocks-lines .arrow{fill:var(--vscode-diffEditor-move-border)}.monaco-diff-editor .moved-blocks-lines .arrow.currentMove{fill:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines .arrow-rectangle{fill:var(--vscode-editor-background)}.monaco-diff-editor .moved-blocks-lines{pointer-events:none;position:absolute}.monaco-diff-editor .moved-blocks-lines path{fill:none;stroke:var(--vscode-diffEditor-move-border);stroke-width:2}.monaco-editor .char-delete.diff-range-empty{border-left:3px solid var(--vscode-diffEditor-removedTextBackground);margin-left:-1px}.monaco-editor .char-insert.diff-range-empty{border-left:3px solid var(--vscode-diffEditor-insertedTextBackground)}.monaco-editor .fold-unchanged{cursor:pointer}.monaco-diff-editor .diff-moved-code-block{display:flex;justify-content:flex-end;margin-top:-4px}.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon{font-size:12px;height:12px;width:12px}.monaco-diff-editor .diffOverview{z-index:9}.monaco-diff-editor .diffOverview .diffViewport{z-index:10}.monaco-diff-editor.vs			.diffOverview{background:#00000008}.monaco-diff-editor.vs-dark		.diffOverview{background:#ffffff03}.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar{background:#0000}.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar{background:none}.monaco-scrollable-element.modified-in-monaco-diff-editor .slider{z-index:10}.modified-in-monaco-diff-editor				.slider.active{background:#ababab66}.modified-in-monaco-diff-editor.hc-black	.slider.active,.modified-in-monaco-diff-editor.hc-light	.slider.active{background:none}.monaco-diff-editor .delete-sign,.monaco-diff-editor .insert-sign,.monaco-editor .delete-sign,.monaco-editor .insert-sign{align-items:center;display:flex!important;font-size:11px!important;opacity:.7!important}.monaco-diff-editor.hc-black .delete-sign,.monaco-diff-editor.hc-black .insert-sign,.monaco-diff-editor.hc-light .delete-sign,.monaco-diff-editor.hc-light .insert-sign,.monaco-editor.hc-black .delete-sign,.monaco-editor.hc-black .insert-sign,.monaco-editor.hc-light .delete-sign,.monaco-editor.hc-light .insert-sign{opacity:1}.monaco-editor .inline-added-margin-view-zone,.monaco-editor .inline-deleted-margin-view-zone{text-align:right}.monaco-editor .arrow-revert-change{position:absolute;z-index:10}.monaco-editor .arrow-revert-change:hover{cursor:pointer}.monaco-editor .view-zones .view-lines .view-line span{display:inline-block}.monaco-editor .margin-view-zones .lightbulb-glyph:hover{cursor:pointer}.monaco-diff-editor .char-insert,.monaco-diff-editor .line-insert,.monaco-editor .char-insert,.monaco-editor .line-insert{background-color:var(--vscode-diffEditor-insertedTextBackground)}.monaco-diff-editor .line-insert,.monaco-editor .line-insert{background-color:var(--vscode-diffEditor-insertedLineBackground,var(--vscode-diffEditor-insertedTextBackground))}.monaco-editor .char-insert,.monaco-editor .line-insert{border:1px solid var(--vscode-diffEditor-insertedTextBorder);box-sizing:border-box}.monaco-editor.hc-black .char-insert,.monaco-editor.hc-black .line-insert,.monaco-editor.hc-light .char-insert,.monaco-editor.hc-light .line-insert{border-style:dashed}.monaco-editor .char-delete,.monaco-editor .line-delete{border:1px solid var(--vscode-diffEditor-removedTextBorder);box-sizing:border-box}.monaco-editor.hc-black .char-delete,.monaco-editor.hc-black .line-delete,.monaco-editor.hc-light .char-delete,.monaco-editor.hc-light .line-delete{border-style:dashed}.monaco-diff-editor .gutter-insert,.monaco-editor .gutter-insert,.monaco-editor .inline-added-margin-view-zone{background-color:var(--vscode-diffEditor-insertedLineBackground),var(--vscode-diffEditor-insertedTextBackground);background-color:var(--vscode-diffEditorGutter-insertedLineBackground,var(--vscode-diffEditor-insertedLineBackground),var(--vscode-diffEditor-insertedTextBackground))}.monaco-diff-editor .char-delete,.monaco-editor .char-delete,.monaco-editor .inline-deleted-text{background-color:var(--vscode-diffEditor-removedTextBackground)}.monaco-editor .inline-deleted-text{text-decoration:line-through}.monaco-diff-editor .line-delete,.monaco-editor .line-delete{background-color:var(--vscode-diffEditor-removedTextBackground);background-color:var(--vscode-diffEditor-removedLineBackground,var(--vscode-diffEditor-removedTextBackground))}.monaco-diff-editor .gutter-delete,.monaco-editor .gutter-delete,.monaco-editor .inline-deleted-margin-view-zone{background-color:var(--vscode-diffEditor-removedLineBackground),var(--vscode-diffEditor-removedTextBackground);background-color:var(--vscode-diffEditorGutter-removedLineBackground,var(--vscode-diffEditor-removedLineBackground),var(--vscode-diffEditor-removedTextBackground))}.monaco-diff-editor.side-by-side .editor.modified{border-left:1px solid var(--vscode-diffEditor-border);box-shadow:-6px 0 5px -5px var(--vscode-scrollbar-shadow)}.monaco-diff-editor.side-by-side .editor.original{border-right:1px solid var(--vscode-diffEditor-border);box-shadow:6px 0 5px -5px var(--vscode-scrollbar-shadow)}.monaco-diff-editor .diffViewport{background:var(--vscode-scrollbarSlider-background)}.monaco-diff-editor .diffViewport:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-diff-editor .diffViewport:active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-editor .diagonal-fill{background-image:linear-gradient(-45deg,var(--vscode-diffEditor-diagonalFill) 12.5%,#0000 12.5%,#0000 50%,var(--vscode-diffEditor-diagonalFill) 50%,var(--vscode-diffEditor-diagonalFill) 62.5%,#0000 62.5%,#0000 100%);background-size:8px 8px}.monaco-diff-editor .gutter{flex-grow:0;flex-shrink:0;overflow:hidden;position:relative;&>div{position:absolute}.gutterItem{opacity:0;transition:opacity .7s;&.showAlways{opacity:1}&.noTransition,&.showAlways{transition:none}}&:hover .gutterItem{opacity:1;transition:opacity .1s ease-in-out}.gutterItem{.background{border-left:2px solid var(--vscode-menu-border);height:100%;left:50%;position:absolute;width:1px}.buttons{align-items:center;display:flex;justify-content:center;position:absolute;width:100%;.monaco-toolbar{height:fit-content;.monaco-action-bar{line-height:1;.actions-container{background:var(--vscode-editorGutter-commentRangeForeground);border-radius:4px;width:fit-content;.action-item{&:hover{background:var(--vscode-toolbar-hoverBackground)}.action-label{padding:1px 2px}}}}}}}}.monaco-diff-editor .diff-hidden-lines-compact{display:flex;height:11px;.line-left,.line-right{border-top:1px solid;border-color:var(--vscode-editorCodeLens-foreground);height:1px;margin:auto;opacity:.5;width:100%}.line-left{width:20px}.text{text-wrap:nowrap;color:var(--vscode-editorCodeLens-foreground);font-size:11px;line-height:11px;margin:0 4px}}.monaco-component.diff-review{user-select:none;-webkit-user-select:none;z-index:99}.monaco-diff-editor .diff-review{position:absolute}.monaco-component.diff-review .diff-review-line-number{color:var(--vscode-editorLineNumber-foreground);display:inline-block;text-align:right}.monaco-component.diff-review .diff-review-summary{padding-left:10px}.monaco-component.diff-review .diff-review-shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;position:absolute}.monaco-component.diff-review .diff-review-row{white-space:pre}.monaco-component.diff-review .diff-review-table{display:table;min-width:100%}.monaco-component.diff-review .diff-review-row{display:table-row;width:100%}.monaco-component.diff-review .diff-review-spacer{display:inline-block;vertical-align:middle;width:10px}.monaco-component.diff-review .diff-review-spacer>.codicon{font-size:9px!important}.monaco-component.diff-review .diff-review-actions{display:inline-block;position:absolute;right:10px;top:2px;z-index:100}.monaco-component.diff-review .diff-review-actions .action-label{height:16px;margin:2px 0;width:16px}.monaco-component.diff-review .revertButton{cursor:pointer}.monaco-toolbar{height:100%}.monaco-toolbar .toolbar-toggle-more{display:inline-block;padding:0}.monaco-component.multiDiffEditor{background:var(--vscode-multiDiffEditor-background);height:100%;overflow-y:hidden;position:relative;width:100%;>div{height:100%;left:0;position:absolute;top:0;width:100%;&.placeholder{display:grid;place-content:center;place-items:center;visibility:hidden;&.visible{visibility:visible}}}.active{--vscode-multiDiffEditor-border:var(--vscode-focusBorder)}.multiDiffEntry{display:flex;flex:1 1;flex-direction:column;overflow:hidden;.collapse-button{cursor:pointer;margin:0 5px;a{display:block}}.header{background:var(--vscode-editor-background);z-index:1000;&:not(.collapsed) .header-content{border-bottom:1px solid var(--vscode-sideBarSectionHeader-border)}.header-content{align-items:center;background:var(--vscode-multiDiffEditor-headerBackground);border-top:1px solid var(--vscode-multiDiffEditor-border);color:var(--vscode-foreground);display:flex;margin:8px 0 0;padding:4px 5px;&.shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px}.file-path{display:flex;flex:1 1;min-width:0;.title{font-size:14px;line-height:22px;&.original{flex:1 1;min-width:0;text-overflow:ellipsis}}.status{font-weight:600;line-height:22px;margin:0 10px;opacity:.75}}.actions{padding:0 8px}}}.editorParent{border-bottom:1px solid var(--vscode-multiDiffEditor-border);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editorContainer{flex:1 1}}}.run-codec-page{background-color:var(--bg-color);display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:20px}.codec-description,.codec-header h1,.run-codec-page{color:var(--text-color)}.section-left{display:flex;flex:0 0 35%;flex-direction:column}.section-right{display:flex;flex:0 0 63%;flex-direction:column}h3{color:var(--text-color)}.editor-wrapper{border:1px solid var(--border-color)}.run-btn{background-color:var(--button-bg)}.run-codec-page .run-btn:hover{background-color:var(--button-hover)}.output-section{margin-top:20px}.output-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:monospace;min-height:100px;padding:15px;white-space:pre-wrap;word-break:break-word}.spinner-container{height:100vh}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--button-bg)}@media (max-width:768px){.content-container{flex-direction:column}.monaco-wrapper{height:300px}.content-container{flex-direction:column}.section-left,.section-right{flex:0 0 auto;width:100%}.editor-wrapper{height:300px}.run-btn{margin-top:10px}}.write-codec-page{background-color:#fff;background-color:var(--bg-color,#fff);color:#333;color:var(--text-color,#333);display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:20px}.codec-header{margin-bottom:20px;text-align:left}.codec-header h1{font-size:24px;margin:0}.codec-description,.codec-header h1{color:#333;color:var(--text-color,#333)}.codec-description{font-size:14px;margin:10px 0 0;opacity:.8}.content-container{display:flex;gap:20px;margin-bottom:20px}.write-codec-page .section-left{display:flex;flex:0 0 60%;flex-direction:column}.write-codec-page .section-right{display:flex;flex:0 0 38%;flex-direction:column}h3{color:#333;color:var(--text-color,#333);font-size:16px;font-weight:400;margin:0 0 10px}.editor-wrapper{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:4px;margin-bottom:20px;overflow:hidden}.run-btn{background-color:#0078d4;background-color:var(--button-bg,#0078d4);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 0;transition:background-color .2s;width:100%}.run-btn:hover{background-color:#005fa3;background-color:var(--button-hover,#005fa3)}.output-pre{background-color:#1e1e1e;background-color:var(--card-bg,#1e1e1e);border-radius:4px;color:#dcdcdc;color:var(--text-color-inverted,#dcdcdc);font-family:monospace;font-size:14px;min-height:150px;overflow-x:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.spinner-container{min-height:100px}.spinner{border:4px solid #ccc;border-top:4px solid var(--button-bg,#0078d4);height:30px;width:30px}@media (max-width:768px){.content-container{flex-direction:column}.section-left,.section-right{flex:0 0 auto;width:100%}}.create-project-page{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.create-project-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.loading-spinner{align-items:center;color:var(--text-muted);display:flex;font-size:1.1rem;height:50vh;justify-content:center}.project-header{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:20px;justify-content:space-between;padding:24px}.project-header h1{color:var(--text-color);font-size:2rem;font-weight:700;margin:0}.header-actions{display:flex;flex-shrink:0;gap:12px}.project-form{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);gap:24px;padding:32px}.form-section,.project-form{display:flex;flex-direction:column}.form-section{gap:8px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-section label{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:4px}.form-section label:after{color:var(--danger-color);content:"*";margin-left:2px}.form-section:not(:has(input[required])) label:after,.form-section:not(:has(textarea[required])) label:after{content:""}.form-section input,.form-section select,.form-section textarea{background-color:var(--search-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{background-color:var(--card-bg);border-color:var(--button-bg);box-shadow:var(--search-bg);outline:none}.form-section input::placeholder,.form-section textarea::placeholder{color:var(--text-muted)}.form-section textarea{min-height:80px;resize:vertical}.form-section select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-muted);height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.input-with-icon input{padding-left:40px}.image-upload{border:2px dashed var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.image-upload:hover{background-color:var(--input-bg);border-color:var(--button-bg)}.upload-placeholder{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;position:relative}.upload-placeholder svg{margin-bottom:12px;opacity:.6}.upload-placeholder p{font-size:.9rem;font-weight:500;margin:0}.file-input{cursor:pointer;inset:0;opacity:0;position:absolute}.image-preview{display:inline-block;max-width:100%;position:relative}.image-preview img{border-radius:6px;height:200px;object-fit:cover;width:100%}.remove-image{align-items:center;background-color:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.remove-image:hover{background-color:#dc2626;transform:scale(1.1)}.tags-input{display:flex;flex-direction:column;gap:12px}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1 1}.input-with-button button{align-items:center;background:var(--button-bg);border:none;border-radius:6px;color:var(--button-color);cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:12px 16px;transition:all .2s ease}.input-with-button button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tags-list{gap:8px;min-height:32px}.project-details-page .tag{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--text-color);font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.tag:hover{background-color:var(--button-bg);border-color:var(--button-bg);color:var(--button-color)}.tag button{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tag button:hover{background-color:#fff3}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn.primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn.secondary{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color)}.btn.secondary:hover:not(:disabled){background-color:var(--text-color);border-color:var(--text-color);color:var(--card-bg)}.btn .icon{height:16px;width:16px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px}@media (max-width:768px){.create-project-page{padding:16px}.project-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.project-header h1{font-size:1.5rem;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.project-form{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%}}@media (max-width:480px){.create-project-page{padding:12px}.project-header{padding:16px}.project-header h1{font-size:1.3rem}.project-form{padding:20px}.header-actions{flex-direction:column}.upload-placeholder{padding:30px 16px}.upload-placeholder svg{height:36px;width:36px}}.btn:focus-visible,.form-section input:focus-visible,.form-section select:focus-visible,.form-section textarea:focus-visible{outline:2px solid var(--button-bg);outline-offset:2px}.tag button:focus-visible{outline:1px solid var(--button-bg);outline-offset:1px}.form-section input:invalid,.form-section textarea:invalid{border-color:var(--danger-color)}.form-section input:invalid:focus,.form-section textarea:invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-section input:valid,.form-section textarea:valid{border-color:var(--success-color)}.form-section input:valid:focus,.form-section textarea:valid:focus{box-shadow:0 0 0 3px #10b9811a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn:disabled .icon{animation:pulse 1.5s ease-in-out infinite}@media print{.create-project-page{background:#fff;color:#000}.form-actions,.header-actions{display:none}.project-form{border:1px solid #ccc;box-shadow:none}}.rich-content-editor{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.content-blocks,.rich-content-editor{display:flex;flex-direction:column;gap:16px}.content-block{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.content-block:hover{border-color:var(--button-bg);box-shadow:var(--shadow-sm)}.content-block.active{border-color:var(--button-bg);box-shadow:var(--shadow-md)}.block-header{align-items:center;background-color:var(--search-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.block-header h4{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0}.block-controls{display:flex;gap:4px}.block-controls button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.block-controls button:hover{background-color:var(--border-color);color:var(--text-color)}.block-controls button:disabled{cursor:not-allowed;opacity:.4}.block-controls button.delete-btn{color:var(--danger-color)}.block-controls button.delete-btn:hover{background-color:var(--danger-color);color:#fff}.block-content{display:flex;flex-direction:column;gap:12px;padding:16px}.heading-block .block-content{align-items:center;display:flex;flex-direction:row;gap:12px}.heading-block select{flex-shrink:0;width:80px}.heading-block input{flex:1 1}.text-block textarea{min-height:100px;resize:vertical}.code-block .block-content{display:flex;flex-direction:column;gap:8px}.code-block select{align-self:flex-start;width:150px}.code-textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;min-height:120px;padding:12px;resize:vertical}.list-block .block-content{display:flex;flex-direction:column;gap:12px}.list-block select{align-self:flex-start;width:160px}.list-items{display:flex;flex-direction:column;gap:8px}.list-item{align-items:center;display:flex;gap:8px}.list-item input{flex:1 1}.list-item button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.list-item button:hover{background-color:var(--danger-color);color:#fff}.add-item-btn{align-items:center;align-self:flex-start;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .2s ease}.add-item-btn:hover{background-color:var(--button-bg);border-color:var(--button-bg);color:var(--button-color)}.image-block .block-content{display:flex;flex-direction:column;gap:12px}.image-block input[type=file]{border:2px dashed var(--border-color);border-radius:4px;cursor:pointer;padding:12px;transition:all .2s ease}.image-block input[type=file]:hover{background-color:var(--card-bg);border-color:var(--button-bg)}.image-block .image-preview{border-radius:4px;max-width:300px;overflow:hidden;width:100%}.image-block .image-preview img{height:200px;object-fit:cover;width:100%}.add-block-section{flex-direction:column;position:relative}.add-block-btn,.add-block-section{align-items:center;display:flex;gap:8px}.add-block-btn{background:var(--gradient-primary);border:none;border-radius:6px;color:var(--button-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.add-block-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.block-menu{grid-gap:4px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);display:grid;gap:4px;grid-template-columns:repeat(2,1fr);left:50%;margin-top:4px;min-width:280px;padding:8px;position:absolute;top:100%;transform:translateX(-50%);z-index:10}.block-type-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease}.block-type-btn:hover{background-color:var(--input-bg);color:var(--button-bg)}.block-type-btn svg{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.heading-block .block-content{align-items:stretch;flex-direction:column}.code-block select,.heading-block select,.list-block select{width:100%}.block-menu{grid-template-columns:1fr;min-width:240px}.block-controls{flex-wrap:wrap}}@media (max-width:480px){.block-header{align-items:stretch;flex-direction:column;gap:8px}.block-controls{justify-content:center}.block-content,.rich-content-editor{padding:12px}}.project-details-page *{box-sizing:border-box;margin:0;padding:0}.project-details-page{background:var(--project-bg-color);color:var(--project-text-color);min-height:100vh;overflow-x:hidden}.project-details-page .project-container{margin:10vh auto 0;max-width:1200px;padding:20px}.project-details-page .project-header{align-items:center;background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.project-details-page .back-button{align-items:center;background:var(--project-button-bg);border:none;border-radius:6px;color:var(--project-text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.project-details-page .back-button:hover{background:var(--project-button-hover-bg);transform:translateY(-1px)}.project-details-page .project-actions{align-items:center;border-bottom:1px solid var(--project-border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:24px;padding:16px 0}.project-details-page .action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;background:var(--project-button-bg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--project-border-color,#fff3);border-radius:24px;box-shadow:0 2px 4px #0000000d;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.project-details-page .action-btn:hover{background:#ffffff26;background:var(--project-button-hover-bg,#ffffff26);border-color:#007bff;border-color:var(--project-accent-color,#007bff);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.project-details-page .action-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.project-details-page .action-btn:focus{outline:2px solid #007bff;outline:2px solid var(--project-accent-color,#007bff);outline-offset:2px}.project-details-page .action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.project-details-page .action-btn.liked{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-color:#ff5252;color:var(--text-color)}.project-details-page .action-btn.liked:hover{background:linear-gradient(135deg,#ff5252,#e53e3e);box-shadow:0 4px 12px #ff52524d}.project-details-page .action-btn.bookmarked{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#45a049;color:#fff}.project-details-page .action-btn.bookmarked:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf504d}.project-details-page .action-btn.danger{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#d32f2f;color:#fff}.project-details-page .action-btn.danger:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f443364d}.project-details-page .action-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);background:linear-gradient(135deg,var(--project-accent-color,#007bff),#0056b3);border-color:#007bff;border-color:var(--project-accent-color,#007bff);color:#fff}.project-details-page .action-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d}.project-details-page .share-dropdown{position:relative}.project-details-page .share-menu{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--project-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--project-border-color,#e2e8f0);border-radius:12px;box-shadow:0 10px 40px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-details-page .share-option{align-items:center;background:none;border:none;color:#333;color:var(--project-text-color,#333);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.project-details-page .share-option:hover{background:#007bff1a;background:var(--project-button-bg,#007bff1a)}.project-details-page .share-option svg{height:16px;opacity:.7;width:16px}@media (max-width:768px){.project-details-page .project-actions{gap:6px;justify-content:center;padding:12px 0}.project-details-page .action-btn{font-size:12px;min-width:auto}.project-details-page .action-btn span{display:none}.project-details-page .share-menu{left:50%;right:-50px;transform:translateX(-50%)}}@media (max-width:480px){.project-details-page .project-actions{background:#fff;background:var(--project-card-bg,#fff);border-bottom:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--project-border-color,#e2e8f0);bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;margin-bottom:0;padding:12px 16px;position:fixed;right:0;z-index:100}.project-details-page .action-btn{flex:1 1;justify-content:center;padding:12px 8px}}.project-details-page .floating-actions{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:100}.project-details-page .floating-actions .action-btn{background-color:var(--button-bg);border-radius:50%;box-shadow:0 4px 12px #00000026;height:56px;padding:0;width:56px}.project-details-page .floating-actions .action-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.project-details-page .sticky-actions{background-color:var(--background-bg);margin-bottom:24px;padding:16px;position:sticky;top:80px;z-index:10}.project-details-page .sticky-actions .project-actions{border-bottom:none;margin-bottom:0;padding:0}.project-details-page .project-info{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);margin-bottom:30px;padding:30px}.project-details-page .project-meta{display:flex;gap:12px;margin-bottom:20px}.category-badge,.project-details-page .difficulty-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.project-details-page .difficulty-badge{background:var(--project-accent-color);background-color:var(--success-color);color:var(--text-color)}.project-details-page .difficulty-badge.easy{background:var(--success-color)}.project-details-page .difficulty-badge.medium{background:#ffc107;color:#212529}.project-details-page .difficulty-badge.hard{background:var(--project-danger-color)}.project-details-page .category-badge{background:var(--project-button-bg);border:1px solid var(--project-border-color);color:var(--project-text-color)}.project-details-page .project-title{color:var(--project-text-color);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.project-details-page .project-author-info{align-items:center;color:var(--project-text-color);display:flex;font-size:14px;gap:8px;margin-bottom:20px;opacity:.8}.project-details-page .project-author-info .icon{height:16px;width:16px}.project-details-page.project-author-info .separator{margin:0 4px}.project-details-page .author-link{color:var(--project-accent-color);font-weight:500;text-decoration:none}.project-details-page .author-link:hover{text-decoration:underline}.project-details-page .project-description{color:var(--project-text-color);font-size:1.1rem;line-height:1.6;opacity:.9}.project-details-page .featured-image{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);margin-bottom:30px;overflow:hidden}.project-details-page .featured-image img{height:auto;max-height:500px;object-fit:cover;width:100%}.project-details-page .project-content{display:flex;gap:30px}.project-details-page .main-content{flex:3 1}.project-details-page .project-section{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);margin-bottom:30px;padding:30px}.project-details-page .project-section h3{border-bottom:2px solid var(--project-border-color);color:var(--project-text-color);font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.project-section h1,.project-section h2,.project-section h3,.project-section h4,.project-section h5,.project-section h6{color:var(--project-text-color);line-height:1.3;margin-bottom:16px}.project-section h1{font-size:2rem}.project-section h2{font-size:1.75rem}.project-section h3{font-size:1.5rem}.project-section h4{font-size:1.25rem}.project-section h5{font-size:1.1rem}.project-section h6{font-size:1rem}.project-section p{color:var(--project-text-color);line-height:1.7;margin-bottom:16px}.project-section ol,.project-section ul{margin-bottom:16px;padding-left:24px}.project-section li{color:var(--project-text-color);line-height:1.6;margin-bottom:8px}.project-section pre{background:#f8f9fa;border:1px solid var(--project-border-color);border-radius:6px;margin-bottom:16px;overflow-x:auto;padding:16px}.project-details-page .project-section code{background:#f8f9fa;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:.9em;padding:2px 6px}.project-details-page .project-section figure{margin-bottom:24px}.project-details-page .project-section figure img{border-radius:6px;height:auto;width:100%}.project-details-page .project-section figcaption{color:var(--project-text-color);font-size:.9rem;font-style:italic;margin-top:8px;opacity:.8;text-align:center}.project-details-page .project-links{display:flex;gap:16px;margin-bottom:30px}.project-details-page .project-link{align-items:center;background:var(--button-bg);border-radius:6px;color:var(--text-color);display:flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.project-details-page .project-link:hover{background:#0056b3;transform:translateY(-1px)}.project-details-page .project-link.github{background:var(--button-bg)}.project-details-page .project-link.github:hover{background:#0056b3}.project-details-page .project-link .icon{height:18px;width:18px}.project-details-page .components-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-details-page .component-card{background:var(--project-button-bg);border:1px solid var(--text-color);border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.project-details-page .component-card:hover{background-color:var(--button-bg);border-color:var(--button-bg);color:var(--button-color);cursor:pointer}.component-name{color:var(--project-text-color);font-weight:500}.tags-list{display:flex;flex-wrap:wrap;gap:12px}.project-details-page .tag{align-items:center;background:var(--project-button-bg);border:1px solid var(--text-color);border-radius:20px;color:var(--project-text-color);display:flex;font-size:14px;gap:6px;padding:8px 12px}.tag .icon{height:14px;width:14px}.comments-section{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);padding:30px}.comments-section h3{border-bottom:2px solid var(--project-border-color);color:var(--project-text-color);font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.comment-form{margin-bottom:30px}.comment-form textarea{background:var(--project-card-bg);border:1px solid var(--text-color);border-radius:8px;color:var(--project-text-color);font-family:inherit;font-size:14px;min-height:120px;padding:16px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:var(--project-accent-color);outline:none}.comment-form button{background:var(--project-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:12px 24px;transition:all .2s ease}.comment-form button:hover{background:#0056b3}.comment-form button:disabled{cursor:not-allowed;opacity:.6}.comment-prompt{background:var(--project-button-bg);border-radius:8px;margin-bottom:30px;padding:30px;text-align:center}.comment-prompt a{color:var(--project-accent-color);font-weight:500;text-decoration:none}.comment-prompt a:hover{text-decoration:underline}.comments-list{space-y:20px}.comment{background:var(--button-bg);border-radius:8px;margin-bottom:20px;padding:20px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:12px}.comment-author .author-link{color:var(--project-accent-color);font-weight:500;text-decoration:none}.comment-author .author-link:hover{text-decoration:underline}.comment-date{color:var(--project-text-color);font-size:12px;opacity:.7}.comment-delete{background:none;border:none;border-radius:4px;color:var(--project-danger-color);cursor:pointer;padding:4px;transition:background .2s ease}.comment-delete:hover{background:#dc35451a}.comment-content p{color:var(--project-text-color);line-height:1.6;margin-bottom:0}.comment-actions{display:flex;gap:16px;margin-top:12px}.comment-action{align-items:center;background:none;border:none;border-radius:4px;color:var(--project-text-color);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.comment-action:hover{background:var(--project-button-bg)}.comment-action.liked{color:var(--project-accent-color)}.comment-action:disabled{cursor:not-allowed;opacity:.5}.reply-form{border-radius:6px;margin-top:16px;padding:16px}.reply-form,.reply-form textarea{background:var(--project-card-bg);border:1px solid var(--project-border-color)}.reply-form textarea{border-radius:6px;color:var(--project-text-color);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.reply-actions{display:flex;gap:12px;margin-top:12px}.reply-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.reply-actions .btn.primary{background:var(--project-accent-color);color:#fff}.reply-actions .btn.primary:hover{background:#0056b3}.reply-actions .btn.secondary{background:var(--project-button-bg);color:var(--project-text-color)}.reply-actions .btn.secondary:hover{background:var(--project-button-hover-bg)}.comment-replies{border-left:2px solid var(--project-border-color);margin-top:16px;padding-left:20px}.no-comments{color:var(--project-text-color);opacity:.7;padding:40px;text-align:center}.no-comments svg{margin-bottom:16px;opacity:.5}.sidebar{display:flex;flex:1 1;flex-direction:column;gap:20px}.sidebar-section{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);padding:20px}.sidebar-section h4{border-bottom:2px solid var(--project-border-color);color:var(--project-text-color);font-size:1.2rem;margin-bottom:16px;padding-bottom:8px}.stats-list{display:flex;flex-direction:column;gap:12px}.project-details-page .stat-item{align-items:center;color:var(--project-text-color);display:flex;font-size:14px;gap:10px}.stat-item .icon{height:16px;opacity:.7;width:16px}.related-projects{display:flex;flex-direction:column;gap:16px}.related-project{background:var(--project-button-bg);border-radius:8px;color:var(--project-text-color);display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s ease}.related-project:hover{background:var(--project-button-hover-bg);transform:translateY(-1px)}.related-project-image{border-radius:6px;height:60px;object-fit:cover;width:60px}.related-project-placeholder{align-items:center;background:var(--project-border-color);border-radius:6px;display:flex;height:60px;justify-content:center;width:60px}.placeholder-icon{height:24px;opacity:.5;width:24px}.related-project-info{flex:1 1}.related-project-title{color:var(--project-text-color);font-size:14px;font-weight:600;margin-bottom:4px}.related-project-description{color:var(--project-text-color);font-size:12px;line-height:1.4;margin-bottom:8px;opacity:.8}.related-project-meta{display:flex;gap:8px}.related-project-meta .category-badge,.related-project-meta .difficulty-badge{font-size:10px;padding:2px 8px}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.sidebar-action-btn{align-items:center;background:var(--project-button-bg);border:none;border-radius:6px;color:var(--project-text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease}.sidebar-action-btn:hover{background:var(--project-button-hover-bg);transform:translateY(-1px)}.sidebar-action-btn .icon{height:16px;width:16px}.spinner-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--project-border-color);border:4px solid var(--project-border-color);border-radius:50%;border-top-color:var(--project-accent-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:var(--project-card-bg);border-radius:10px;box-shadow:var(--project-shadow);padding:60px 20px;text-align:center}.error-message h2{color:var(--project-text-color);font-size:2rem;margin-bottom:16px}.error-message p{color:var(--project-text-color);font-size:1.1rem;margin-bottom:24px;opacity:.8}.error-message .btn{background:var(--project-accent-color);border-radius:6px;color:#fff;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s ease}.error-message .btn:hover{background:#0056b3}@media (max-width:768px){.project-container{margin-top:5vh;padding:15px}.project-header{align-items:stretch;flex-direction:column;gap:16px}.project-actions{justify-content:center}.project-title{font-size:2rem}.project-content,.project-links{flex-direction:column}.components-grid{grid-template-columns:1fr}.tags-list{align-items:flex-start;flex-direction:column}.comment-actions{gap:8px}.comment-actions,.related-project,.reply-actions{flex-direction:column}.related-project{text-align:center}.related-project-image,.related-project-placeholder{height:120px;width:100%}.sidebar-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.sidebar-action-btn{flex:1 1;justify-content:center;min-width:120px}}@media (max-width:480px){.project-title{font-size:1.5rem}.project-section{padding:20px}.project-actions{flex-wrap:wrap}.action-btn{font-size:12px;padding:8px 10px}.sidebar-actions{flex-direction:column}.sidebar-action-btn{min-width:auto}}@media (max-width:768px){.project-details-page .project-actions{display:none}.project-details-page .mobile-actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--project-card-bg);border-top:1px solid var(--project-border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;left:0;padding:12px 16px;position:fixed;right:0;z-index:1000}.project-details-page .mobile-actions .action-btn{border-radius:12px;flex:1 1;font-size:12px;justify-content:center;margin:0 4px;min-height:44px;padding:12px 8px}.project-details-page .project-container{padding-bottom:80px}}
/*# sourceMappingURL=main.ef14fa42.css.map*/