.content-wrapper{max-width:90%;margin:0 auto;padding:20px 0 40px 0;display:flex;flex-direction:row;align-items:flex-start;gap:30px;box-sizing:border-box}.dashboard-wrapper{max-width:90%;margin:0 auto 20px;padding:0 15px}.hr-container{width:100%}.background-controls-wrapper{position:relative;z-index:10;background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backgrounds-main-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px}.backgrounds-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 140px);background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:15px 5px 15px 15px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-sidebar-title{color:#40b3ff;font-size:1.1rem;margin:0 10px 15px 0;padding-bottom:10px;border-bottom:1px solid #30363d;text-align:center;text-transform:uppercase;letter-spacing:1px}.backgrounds-nav-list{flex:1;list-style:none;padding:0;margin:0;padding-right:10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.backgrounds-nav-list::-webkit-scrollbar{width:6px}.backgrounds-nav-list::-webkit-scrollbar-track{background:#2c343f}.backgrounds-nav-list::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.backgrounds-nav-list::-webkit-scrollbar-thumb:hover{background:#40b3ff}.backgrounds-nav-list li{padding:8px 12px;border-radius:6px;cursor:pointer;color:#8b949e;font-size:.9rem;transition:background-color .2s,color .2s,padding-left .2s;line-height:1.3}.backgrounds-nav-list li:hover{background-color:rgba(64,179,255,.15);color:#fff;padding-left:18px}.filter-group label,.search-section label{display:block;color:#8b949e;font-size:.85rem;margin-bottom:6px;font-weight:600}.filter-group select{visibility:hidden}.form-control{width:100%;background-color:#111418;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:#40b3ff;box-shadow:0 0 0 3px rgba(64,179,255,.2)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.controls-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #30363d}.category-tabs{display:flex;background-color:#111418;border:1px solid #30363d;border-radius:6px;overflow:hidden}.category-tabs input[type=radio]{display:none}.category-tabs label{padding:8px 16px;color:#8b949e;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;border-right:1px solid #30363d}.category-tabs label:last-child{border-right:none}.category-tabs label:hover{background-color:rgba(255,255,255,.05)}.category-tabs input[type=radio]:checked+label{background-color:rgba(64,179,255,.15);color:#40b3ff}.actions-and-stats{display:flex;align-items:center;gap:20px}.background-counter{color:#8b949e;font-size:.9rem}.background-counter span{color:#c9d1d9;font-weight:700}.btn-reset{background-color:transparent;color:#f85149;border:1px solid rgba(248,81,73,.4);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-reset:hover{background-color:#f85149;color:#fff}.backgrounds-container{display:flex;flex-direction:column;gap:20px}.background-card{scroll-margin-top:20px;background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s,box-shadow .2s;content-visibility:visible}.background-card:hover{border-color:#484f58;box-shadow:0 4px 15px rgba(0,0,0,.4)}@media (max-width:1024px){.background-card{scroll-margin-top:60px}.content-wrapper{flex-direction:column}.backgrounds-nav-sidebar{display:none}}.background-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30363d;padding-bottom:12px;margin-bottom:15px}.background-title-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.background-title{color:#40b3ff;font-size:1.4rem;font-weight:700;margin:0}.background-badge{font-size:.75rem;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.badge-official{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-3rdparty{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-homebrew{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.copy-anchor-link{color:#8b949e;transition:color .2s}.copy-anchor-link:hover{color:#fff}.background-meta{font-size:.9rem;color:#8b949e;margin-bottom:15px;line-height:1.5}.background-meta a{color:#40b3ff;text-decoration:none}.background-meta a:hover{text-decoration:underline}.background-description{color:#c9d1d9;font-size:1rem;line-height:1.6}.background-description ul{padding-left:20px;margin-top:8px}.background-description li{margin-bottom:6px}.empty-state-message{text-align:center;color:#8b949e;font-size:1.2rem;padding:40px;background:rgba(22,27,34,.5);border-radius:8px;border:1px dashed #30363d}.backgrounds-container{display:flex;flex-direction:column;gap:20px}.background-card{background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.background-card:hover{border-color:#484f58;box-shadow:0 4px 15px rgba(0,0,0,.4)}.background-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #30363d;padding-bottom:12px;margin-bottom:15px;gap:15px}.background-title-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.background-title{color:#40b3ff;font-size:1.5rem;font-weight:700;margin:0;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.copy-anchor-link{color:#8b949e;transition:color .2s,transform .2s;padding:4px;display:flex;align-items:center;justify-content:center}.copy-anchor-link:hover{color:#40b3ff;transform:scale(1.1)}.background-badge{font-size:.75rem;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:.5px;white-space:nowrap}.badge-official{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-3rdparty{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-homebrew{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.background-meta{font-size:.85rem;color:#8b949e;margin-bottom:12px;line-height:1.5;font-style:italic}.background-meta a{color:#c9d1d9;text-decoration:underline;-webkit-text-decoration-color:rgba(201,209,217,0.3);text-decoration-color:rgba(201,209,217,0.3);transition:color .2s,-webkit-text-decoration-color .2s;transition:color .2s,text-decoration-color .2s;transition:color .2s,text-decoration-color .2s,-webkit-text-decoration-color .2s}.background-meta a:hover{color:#40b3ff;-webkit-text-decoration-color:rgb(64,179,255);text-decoration-color:rgb(64,179,255)}.background-prereq{font-size:.95rem;color:#c9d1d9;background-color:rgba(0,0,0,.2);padding:10px 15px;border-radius:0 6px 6px 0;margin-bottom:15px;border-left:3px solid #d29922}.background-prereq strong{color:#8b949e;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;margin-right:5px}.background-description{color:#c9d1d9;font-size:1rem;line-height:1.6}.background-description p{margin-top:0;margin-bottom:12px}.background-description p:last-child{margin-bottom:0}.background-description ul{margin-top:5px;margin-bottom:15px;padding-left:25px}.background-description li{margin-bottom:8px;position:relative}.background-description li:last-child{margin-bottom:0}.btn-scroll-top-nav{margin-top:15px;background-color:transparent;color:#8b949e;border:1px dashed #30363d;border-radius:6px;padding:10px;cursor:pointer;font-size:.85rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;flex-shrink:0}.btn-scroll-top-nav:hover{background-color:rgba(64,179,255,.1);color:#40b3ff;border-color:#40b3ff}.ms-container{position:relative;width:100%}.ms-select-box{width:100%;background-color:#111418;color:#8b949e;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:border-color .2s;display:flex;justify-content:space-between;align-items:center}.ms-select-box:hover{border-color:#484f58}.ms-select-box::after{content:'';width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.ms-select-box.open::after{transform:rotate(180deg)}.ms-options-container{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#1c2128;border:1px solid #30363d;border-radius:6px;z-index:100;max-height:250px;overflow-y:auto;display:none;box-shadow:0 8px 16px rgba(0,0,0,.5)}.ms-options-container.show{display:block}.ms-options-container::-webkit-scrollbar{width:8px}.ms-options-container::-webkit-scrollbar-track{background:#111418;border-radius:0 6px 6px 0}.ms-options-container::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.ms-option{padding:8px 12px;cursor:pointer;color:#c9d1d9;font-size:.9rem;border-left:3px solid transparent;transition:background-color .2s,color .2s}.ms-option:hover{background-color:rgba(64,179,255,.1);color:#fff}.ms-option.selected{background-color:rgba(64,179,255,.15);color:#40b3ff;border-left-color:#40b3ff;font-weight:700}.ms-group-header{padding:8px 12px;background-color:#111418;color:#8b949e;font-size:.8rem;text-transform:uppercase;font-weight:700;cursor:pointer;border-bottom:1px solid #30363d;border-top:1px solid #30363d}.ms-group-header:first-child{border-top:none}.close-toc-btn,.mobile-filters-toggle,.mobile-toc-btn,.toc-overlay{display:none!important}.collapsible-filters-wrapper{display:flex!important;flex-direction:column;gap:20px;width:100%}.filter-group select{visibility:hidden;opacity:0;transition:opacity .2s ease}@media (max-width:1024px){.dashboard-wrapper{margin-bottom:0}.content-wrapper{flex-direction:column;display:block}.mobile-filters-toggle svg{flex-shrink:0}.mobile-filters-toggle{display:flex!important;align-items:center;justify-content:center;gap:10px;background-color:#161b22;color:#c9d1d9;border:1px solid #30363d;border-radius:8px;padding:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%;margin-top:5px}.mobile-filters-toggle:hover{background-color:#252a30;border-color:#40b3ff}.mobile-filters-toggle.open .toggle-arrow{transform:rotate(180deg)}.filters-count-badge{background:rgba(255,255,255,.1);color:#8b949e;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:700;transition:all .2s ease}.collapsible-filters-wrapper{display:none!important;padding-top:15px;border-top:1px dashed #30363d;margin-top:5px}.collapsible-filters-wrapper.open{display:flex!important}.backgrounds-nav-sidebar{display:flex!important;position:fixed!important;bottom:0;left:0;right:0;top:auto;width:100%;height:65vh;max-height:none;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:1010;margin:0;padding:20px 15px;border:none;border-top:1px solid #30363d}.backgrounds-nav-sidebar.open{transform:translateY(0)}.close-toc-btn{display:flex!important;position:absolute;top:15px;right:15px;background:0 0;border:none;color:#8b949e;padding:5px;cursor:pointer;transition:color .2s}.close-toc-btn:hover{color:#f85149}.toc-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1005;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toc-overlay.active{opacity:1;pointer-events:auto}.mobile-toc-btn{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:140px;right:20px;width:50px;height:50px;background-color:#3392d1;color:#e7e7e7;border:none;border-radius:50%;cursor:pointer;z-index:1000;transition:transform .2s,background-color .2s}.mobile-toc-btn:hover{transform:scale(1.05)}}@media (max-width:768px){.content-wrapper,.dashboard-wrapper{max-width:100%;padding-left:0;padding-right:0}.background-card,.background-controls-wrapper{padding:15px}.filters-grid{grid-template-columns:1fr}.controls-footer{flex-direction:column;align-items:stretch}.actions-and-stats{width:100%;justify-content:space-between}.category-tabs{font-size:.8rem}.category-tabs label{padding:8px 10px;flex:1;text-align:center}.background-title-area{min-width:0;flex:1}.background-title{font-size:1.3rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.mobile-toc-btn{bottom:80px}}.background-seo-summary{margin-bottom:25px;line-height:1.6}.background-seo-summary h1,.background-seo-summary h2,.background-seo-summary h3{color:#40b3ff}.background-seo-summary h2{font-size:1.3rem;margin-top:20px}.background-seo-summary h3{font-size:1.1rem;margin-top:16px}.background-seo-summary ul{-moz-columns:2;columns:2;-moz-column-gap:30px;column-gap:30px;margin:10px 0 0;padding-left:20px}.background-seo-summary a{color:#40b3ff}@media (max-width:600px){.background-seo-summary ul{-moz-columns:1;columns:1}}