@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#000c;opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1;will-change:transform}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background:var(--background-start);border-right:1px solid var(--card-border-color);display:flex;flex-direction:column;z-index:1100;box-shadow:0 0 20px var(--shadow-color);transform:translate(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:20px;text-align:center;border-bottom:1px solid var(--card-border-color)}.sidebar-header h2{margin:0;font-size:1.5em;color:var(--accent-color)}#favorites-section{padding:15px;border-bottom:1px solid var(--card-border-color)}#favorites-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:1px solid var(--card-border-color);padding:12px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease}#favorites-btn:hover{background-color:var(--primary-button-bg);color:var(--primary-button-text)}#favorites-btn .icon{width:20px;height:20px}#favorites-btn .icon svg{fill:currentColor}#file-manager-tree{flex-grow:1;overflow-y:auto;padding:15px}.sidebar-footer{padding:15px;border-top:1px solid var(--card-border-color);text-align:center}.tree-node{padding-left:0;list-style-type:none}.tree-folder{list-style-type:none}.tree-item{display:flex;align-items:center;padding:8px 4px;cursor:pointer;border-radius:6px;transition:background-color .2s ease,color .2s ease;color:var(--text-color)}.tree-item:hover{background-color:var(--secondary-button-bg)}.tree-item.active{background-color:var(--primary-button-bg);color:var(--primary-button-text)}.tree-item .icon{margin-right:10px;width:20px;height:20px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.tree-item .icon svg{width:100%;height:100%;fill:currentColor}.tree-item .icon .icon-folder-open,.tree-item.active .icon .icon-folder{display:none}.tree-item.active .icon .icon-folder-open{display:block}.tree-folder.open>.tree-item .icon .icon-folder{display:none}.tree-folder.open>.tree-item .icon .icon-folder-open{display:block}.tree-item .name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95em}.tree-item .chevron{width:16px;height:16px;margin-right:6px;transition:transform .2s ease-in-out;opacity:.7}.tree-folder.open>.tree-item .chevron{transform:rotate(90deg)}.tree-children{display:none;padding-left:20px;margin-left:14px;border-left:1px solid var(--card-border-color)}.tree-folder.open>.tree-children{display:block}.sidebar-toggle{position:fixed;top:15px;left:15px;z-index:1200;background:var(--secondary-button-bg);border:1px solid var(--card-border-color);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:all .3s ease}.sidebar-toggle span{display:block;width:24px;height:2px;background:var(--secondary-button-text);margin:2px 0;transition:all .3s ease}.sidebar-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.open span:nth-child(2){opacity:0}.sidebar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.main-content{transition:margin-left .3s cubic-bezier(.25,.46,.45,.94)}@media (min-width: 769px){.sidebar.open+.main-content{margin-left:300px}}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1099}.sidebar.open~.overlay{display:block}:root{--primary-button-text: #ffffff;--card-bg-color: rgba(255, 255, 255, .7);--card-border-color: rgba(0, 0, 0, .1);--text-color: #2c3e50;--shadow-color: rgba(0, 0, 0, .1);--secondary-button-bg: rgba(0, 0, 0, .05);--secondary-button-text: #2c3e50;--accent-shadow-color: rgba(100, 100, 255, .2)}html.dark-mode{--primary-button-text: #121212;--card-bg-color: rgba(255, 255, 255, .05);--card-border-color: rgba(255, 255, 255, .1);--text-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .5);--secondary-button-bg: rgba(255, 255, 255, .1);--secondary-button-text: #e0e0e0;--accent-shadow-color: rgba(187, 134, 252, .2)}body{font-family:Roboto,sans-serif;margin:0;color:var(--text-color);background:linear-gradient(135deg,var(--background-start),var(--background-end));background-attachment:fixed;line-height:1.6;overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:60px;animation:fadeInDown 1s ease-out;position:relative}.top-right-nav{position:fixed;top:15px;right:15px;z-index:1200;display:flex;align-items:center;gap:10px}.theme-toggle-btn{background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:1px solid var(--card-border-color);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;padding:0}.theme-toggle-btn:hover{transform:scale(1.1);background-color:var(--accent-color);color:var(--primary-button-text)}.theme-toggle-btn .icon{width:22px;height:22px}html:not(.dark-mode) .theme-toggle-btn .icon-sun{display:none}html.dark-mode .theme-toggle-btn .icon-moon{display:none}.github-link{color:var(--secondary-button-text);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:var(--secondary-button-bg);border:1px solid var(--card-border-color);transition:all .3s ease}.github-link:hover{color:var(--primary-button-text);background-color:var(--accent-color);transform:scale(1.1)}#random-wallpaper-btn{background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:1px solid var(--card-border-color);padding:10px 20px;border-radius:24px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .2s ease}#random-wallpaper-btn:hover{background-color:var(--accent-color);color:var(--primary-button-text);transform:scale(1.05)}h1{font-family:Roboto,sans-serif;font-weight:700;color:var(--accent-color);font-size:3.5em;letter-spacing:-.5px;margin:0}header p{font-size:1.1em;max-width:700px;margin:15px auto 0;opacity:.8}.controls-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.search-container{flex-grow:1;max-width:400px;margin:0 auto}.sorting-container{display:flex;align-items:center;gap:.5rem;white-space:nowrap}#search-input,#sort-by{width:100%;padding:12px 18px;font-size:1em;color:var(--text-color);background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:24px;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}#search-input:focus,#sort-by:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-shadow-color)}.sorting-container{position:relative}#sort-by{padding-right:30px}.sorting-container:after{content:"\25bc";font-size:.8em;color:var(--text-color);position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.7}.gallery-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.gallery-container{columns:5 250px;column-gap:1rem;padding:1rem 0}#search-input:focus{border-color:var(--accent-color);box-shadow:0 0 15px #bb86fc4d}footer{text-align:center;margin-top:80px;padding:20px;border-top:1px solid var(--card-border-color);color:var(--text-color);opacity:.7}footer a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s}footer a:hover{color:var(--text-color)}#page-indicator{text-align:center;margin-top:20px;font-size:1.1em;color:var(--text-color);opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2.5em}header p{font-size:1em}.container{padding:70px 10px 20px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}body:has(.basicLightbox--visible) .top-right-nav,body:has(.basicLightbox--visible) .sidebar-toggle{display:none}.gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:250px;grid-auto-flow:dense;gap:24px;animation:fadeInUp 1s ease-out .5s both}.gallery-container.single-item{display:flex;justify-content:center;align-items:center;padding:2rem 0}.gallery-container.single-item .gallery-item{width:auto;max-width:90vw;max-height:80vh;grid-row:auto;grid-column:auto}.gallery-item.portrait{grid-row:span 2}.gallery-item.ultrawide{grid-column:span 2}.gallery-container.single-item .gallery-item.portrait{width:auto;max-width:45vh}.gallery-item{background:var(--card-bg-color);border-radius:16px;box-shadow:0 8px 32px 0 var(--shadow-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border-color);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.gallery-item.error{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-color);opacity:.7;font-size:.9em}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px 0 var(--shadow-color)}.gallery-item a{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:scale(1.05)}.gallery-item.loaded img{opacity:1;transform:scale(1)}.gallery-item:hover img{opacity:.85}.wallpaper-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:24px 16px 12px;text-align:left;font-weight:500;font-size:1.1em;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);opacity:0;pointer-events:none}.gallery-item:hover .wallpaper-title{transform:translateY(0);opacity:1}.favorite-btn{position:absolute;top:12px;right:12px;background:#00000080;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,color .2s ease;opacity:0;pointer-events:none}.gallery-item:hover .favorite-btn{opacity:1;pointer-events:auto}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn.favorited{color:#ff6b6b}.favorite-btn svg{width:20px;height:20px;fill:currentColor}@media (max-width: 768px){.gallery-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:16px}.gallery-item.ultrawide{grid-column:span 1}}.folder-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;animation:fadeInDown 1s ease-out .2s both}.folder-btn{background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:1px solid var(--card-border-color);padding:12px 24px;border-radius:24px;cursor:pointer;font-size:.9em;font-weight:500;margin:4px;transition:background-color .3s ease,transform .2s ease;text-transform:capitalize;letter-spacing:.5px}.folder-btn:hover{transform:translateY(-2px) scale(1.02)}.folder-btn.active{background-color:var(--primary-button-bg);color:var(--primary-button-text);border-color:var(--primary-button-bg);transform:scale(1.05)}.gallery-item.folder-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center}.folder-item .folder-icon{width:80px;height:80px;margin-bottom:15px}.folder-item .folder-icon svg{width:100%;height:100%;fill:var(--accent-color);opacity:.7;transition:opacity .3s ease}.gallery-item.folder-item:hover .folder-icon svg{opacity:1}.gallery-item.folder-item .wallpaper-title{position:static;transform:none;opacity:1;background:none;color:var(--text-color);padding:0;font-size:1em;font-weight:500}.gallery-item.folder-item:hover .wallpaper-title{color:var(--accent-color)}.gallery-item.back-item .folder-icon svg{fill:none;stroke:var(--accent-color);stroke-width:2px}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#000c;opacity:.01;transition:opacity .4s ease;z-index:1000}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;inset:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}.lightbox-content{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.lightbox-details{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#000000b3;color:#fff;position:fixed;bottom:0;left:0;right:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);transition:transform .3s ease;z-index:1001}.basicLightbox--visible .lightbox-details{transform:translateY(0)}.wallpaper-info{display:flex;flex-direction:column;text-align:left}.wallpaper-name{font-weight:700;font-size:1.1em}.wallpaper-resolution{font-size:.9em;opacity:.8}.lightbox-actions{display:flex;align-items:center}@media (max-width: 768px){.lightbox-actions{flex-direction:column;align-items:flex-start}.lightbox-favorite-btn{margin-right:0;margin-bottom:10px}}.lightbox-favorite-btn,.share-btn{background:transparent;border:none;cursor:pointer;padding:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1em}.lightbox-favorite-btn .icon,.share-btn .icon{width:24px;height:24px;fill:#fff;transition:fill .3s ease,transform .2s ease}.lightbox-favorite-btn:hover .icon,.share-btn:hover .icon{transform:scale(1.1)}.lightbox-favorite-btn.favorited .icon{fill:var(--accent-color)}.download-btn{padding:10px 20px;background-color:var(--primary-button-bg);color:var(--primary-button-text);text-decoration:none;border-radius:25px;font-weight:500;transition:transform .2s ease,background-color .3s ease}.download-btn:hover{transform:scale(1.05)}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:#0000004d;color:#fff;border:none;font-size:2.5rem;cursor:pointer;padding:0;z-index:1001;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .2s ease}.lightbox-prev:hover,.lightbox-next:hover{background:#0009;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close{position:fixed;top:20px;right:20px;background:#0000004d;color:#fff;border:none;font-size:2.5rem;font-weight:700;line-height:1;cursor:pointer;padding:0;z-index:1001;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .2s ease}.lightbox-close:hover{background:#0009;transform:scale(1.1)}.lightbox-content img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080;opacity:1;transition:opacity .15s ease-in-out,transform .4s ease,filter .4s ease}.lightbox-content img.blurred{filter:blur(20px);transform:scale(1.05);opacity:.8}.loader{border:8px solid var(--secondary-button-bg);border-top:8px solid var(--accent-color);border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:10;opacity:0;transition:opacity .3s ease-in-out}.lightbox-content.loading .loader{opacity:1}.lightbox-content.loading img{filter:blur(10px);transform:scale(.98)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.basicLightbox{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.basicLightbox__placeholder{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.lightbox-main-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:center}.lightbox-content{flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.lightbox-details{flex:0 0 auto;position:relative;width:100%;box-sizing:border-box;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);color:#fff;z-index:1001;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;gap:16px}.wallpaper-info{text-align:left;flex-shrink:1;min-width:0}.wallpaper-name{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallpaper-resolution{font-size:.8em}.lightbox-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}.download-btn{padding:8px 16px;font-size:.9em;white-space:nowrap}.lightbox-favorite-btn,.share-btn{padding:8px;margin-right:0}.lightbox-prev,.lightbox-next{font-size:1.5rem;width:40px;height:40px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:10px}.lightbox-next{right:10px}}