*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.main-content{background-color:#f5f5f5;min-height:100vh}.main-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.main-header h1{color:#333;margin:0}.main-header nav{margin-left:2rem}.main-header ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.main-header a{color:#666;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.main-header a:hover{color:#4caf50}.hero-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:3rem auto;max-width:1200px;padding:2rem;text-align:center}.hero-section h2{color:#333;font-size:2.5rem;margin-bottom:1.5rem}.hero-section p{color:#666;font-size:1.2rem;line-height:1.6}.wallpaper-app{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}.wallpaper-app.dark{--bg-color:#1a1a1a;--text-color:#fff;--header-bg:#000c;--btn-bg:#ffffff1a;--btn-hover-bg:#fff3}.wallpaper-app.light{--bg-color:#f5f5f5;--text-color:#333;--header-bg:#fffc;--btn-bg:#0000001a;--btn-hover-bg:#0003}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);display:flex;flex-direction:column;gap:12px;padding:12px 20px;position:sticky;top:0;z-index:1000}.app-title{color:#fff;margin:0 0 20px;text-align:center}.category-container{align-items:center;display:flex;flex:1 1;gap:10px;position:relative}.category-selector{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:10px;justify-content:center;overflow-x:auto;padding:10px 20px;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.category-selector::-webkit-scrollbar{display:none}.scroll-btn{align-items:center;background:var(--btn-bg);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;transition:all .3s ease;width:32px}.scroll-btn:hover{background:var(--btn-hover-bg);opacity:1}.theme-toggle{align-items:center;background:var(--btn-bg);border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;gap:10px;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.theme-toggle:hover{background:var(--btn-hover-bg)}.category-btn{background:var(--btn-bg);gap:6px;scroll-snap-align:start}.category-btn:hover{background:var(--btn-hover-bg)}.category-btn.active{box-shadow:0 0 20px #4ecdc44d}.wallpaper-grid{padding:30px}.grid-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 12px;padding:12px}.wallpaper-item{cursor:pointer;position:relative}.wallpaper-preview img{border-radius:4px;display:block;height:auto;width:100%}.wallpaper-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.preview-btn,.wallpaper-info{display:none}.loading-container{color:var(--text-color);padding:20px;text-align:center}.loading-container p{font-size:14px;margin-top:10px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#4ecdc4;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.app-footer{background:#000c;color:#666;padding:20px;text-align:center}@media (max-width:768px){.app-header{padding:8px 12px}.scroll-btn{font-size:.8rem;height:28px;width:28px}.category-btn{font-size:.9rem;padding:6px 12px}.theme-toggle{font-size:1rem;height:32px;width:32px}.grid-container{gap:8px;grid-template-columns:repeat(3,1fr);margin:0 12px;padding:12px}.wallpaper-actions{opacity:1}.download-btn{font-size:14px;height:28px;width:28px}}.floating-menu{bottom:20px;position:fixed;right:20px;z-index:1000}.menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border:none;border-radius:25px;box-shadow:0 2px 10px #0003;color:var(--text-color);cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.menu-toggle:hover{transform:scale(1.1)}.menu-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-radius:15px;bottom:60px;box-shadow:0 2px 20px #0003;opacity:0;padding:15px;position:absolute;right:0;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:250px}.menu-content.open{opacity:1;transform:translateY(0);visibility:visible}.menu-categories{display:flex;flex-direction:column;gap:8px}.menu-category-btn{align-items:center;background:var(--btn-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px;transition:all .3s ease;width:100%}.menu-category-btn:hover{background:var(--btn-hover-bg);transform:translateX(5px)}.menu-category-btn.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4)}.theme-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border:none;border-radius:25px;bottom:20px;box-shadow:0 2px 10px #0003;color:var(--text-color);cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle-btn:hover{transform:scale(1.1)}.floating-menu,.menu-categories,.menu-category-btn,.menu-content,.menu-toggle{display:none}.loading-container p{color:var(--text-color);font-size:1.1rem;margin-top:15px}.download-btn,.preview-btn{font-size:14px;font-weight:500}@media (max-width:768px){.theme-toggle-btn{bottom:15px;font-size:20px;height:40px;right:15px;width:40px}}@media (max-width:1024px){.grid-container{gap:6px;grid-template-columns:repeat(4,1fr);padding:6px}.wallpaper-preview{padding-top:177.78%}.download-btn{font-size:16px;height:32px;width:32px}}@media (max-width:480px){.grid-container{gap:3px;grid-template-columns:repeat(2,1fr);padding:3px}.download-btn{font-size:14px;height:28px;width:28px}}@media (hover:none){.wallpaper-overlay{background:linear-gradient(180deg,#0000 50%,#0006);opacity:1}.download-btn{bottom:8px;position:absolute;right:8px}}.App{--bg-color:#282c34;--text-color:#fff;--header-bg:#000c;--card-bg:#ffffff1a;--card-hover-bg:#fff3;background-color:var(--bg-color);min-height:100vh;padding-top:100px;text-align:center;transition:all .3s ease}.App.light{--bg-color:#f5f5f5;--text-color:#333;--header-bg:#ffffffe6;--card-bg:#0000000d;--card-hover-bg:#0000001a}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);box-shadow:0 2px 8px #0000001a;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:1000}.app-title{color:var(--text-color);font-size:24px;font-weight:700;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.category-nav{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.category-nav::-webkit-scrollbar{display:none}.category-scroll{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;min-width:min-content;padding:5px 0}.category-btn{align-items:center;background:var(--card-bg);border:none;border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:var(--card-hover-bg);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);box-shadow:0 0 15px #4ecdc44d}.category-icon{font-size:16px}@media (max-width:768px){.App{padding-top:90px}.App-header{padding:10px}.app-title{font-size:20px;margin-bottom:8px}.category-btn{font-size:13px;padding:6px 12px}.category-icon{font-size:14px}}.wallpaper-grid{padding:0;position:relative;width:100%;z-index:1}.wallpaper-preview img.loaded{opacity:1}@media (max-width:768px){.App{padding-top:90px}.grid-container{gap:6px;grid-template-columns:repeat(3,1fr);margin:0 8px;padding:8px}.wallpaper-item{padding-bottom:177.78%}.wallpaper-preview{height:100%;padding-bottom:177.78%;position:relative;width:100%}.wallpaper-preview img{height:100%;left:0;object-fit:scale-down;position:absolute;top:0;width:100%}.wallpaper-actions{opacity:1;z-index:2}}@media (max-width:480px){.App{padding-top:80px}.grid-container{gap:4px;grid-template-columns:repeat(2,1fr);margin:0 6px;padding:6px}.wallpaper-item{padding-bottom:177.78%}}.no-data-message{color:var(--text-color);font-size:1.2em;grid-column:1/-1;padding:40px;text-align:center}.masonry-grid{display:flex;margin:0 auto;max-width:1600px;padding:2px;width:auto}.masonry-grid_column{background-clip:padding-box;padding-left:1px}.wallpaper-image{border-radius:2px;cursor:pointer;display:block;margin-bottom:1px;max-width:240px;opacity:0;transition:opacity .3s ease,transform .3s ease;width:100%}.wallpaper-image.loaded{opacity:1}.wallpaper-image:hover{transform:scale(1.02)}@media (max-width:768px){.masonry-grid{margin:0 2px;padding:2px}.masonry-grid_column{padding-left:1px}.wallpaper-image{margin-bottom:1px;max-width:none}}@media (max-width:480px){.masonry-grid{margin:0 1px;padding:1px}.masonry-grid_column{padding-left:1px}.wallpaper-image{margin-bottom:1px}}.wallpaper-actions{bottom:8px;position:absolute;right:8px;z-index:2}.download-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.download-btn:hover{background:#000000e6;transform:scale(1.1)}.modal-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{aspect-ratio:9/16;background-color:var(--bg-color);border-radius:8px;max-width:min(90vw,50.625vh);overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:36px;z-index:2}.modal-close:hover{background:#000000b3}.modal-image-container{height:100%;position:relative;width:100%}.modal-image-container img{height:100%;object-fit:cover;width:100%}.modal-download-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:none;border-radius:25px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);transition:all .3s ease}.modal-download-button:hover{background:#000000e6;transform:translateX(-50%) translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-width:95vw}.modal-close{font-size:20px;height:32px;right:8px;top:8px;width:32px}.modal-download-button{bottom:15px;font-size:14px;padding:10px 20px}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:90vh;max-width:50.625vh}}
/*# sourceMappingURL=main.4f54266f.css.map*/