:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0b0b14;color:#f0f0f5}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;bottom:-20px;border-radius:50%;opacity:.35;animation:float-up linear infinite;filter:blur(2px)}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:.35}50%{opacity:.6}to{transform:translateY(-110vh) scale(.3);opacity:0}}.app{position:relative;z-index:1;min-height:100vh;padding-bottom:3rem}.header{text-align:center;padding:3rem 1.5rem 1.5rem;background:linear-gradient(180deg,rgba(120,60,200,.15) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{max-width:72rem;margin:0 auto}.logo{display:flex;align-items:center;justify-content:center;gap:.6rem}.logo-icon{font-size:2rem}.logo h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6b9d,#a78bfa,#38bdf8,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.15rem .45rem;border-radius:.25rem;align-self:flex-start;margin-top:.25rem}.subtitle{color:#ffffff80;font-size:.95rem;margin-top:.4rem}.filter-bar{position:sticky;top:0;z-index:50;background:#0b0b14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:.75rem 1.5rem}.filter-scroll{max-width:72rem;margin:0 auto;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff9;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit}.filter-chip:hover{background:#ffffff1a;color:#fff}.filter-chip.active{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-color:transparent;color:#fff;font-weight:600}.fav-chip.active{background:linear-gradient(135deg,#e11d48,#f43f5e)}.gallery-info{max-width:72rem;margin:1rem auto 0;padding:0 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#ffffff73}.count{font-weight:600;color:#ffffffa6}.filter-label strong{color:#a78bfa}.grid{max-width:72rem;margin:1.5rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.wallpaper-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:1rem;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}.wallpaper-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #783cc833;border-color:#a78bfa4d}.wallpaper-preview{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;overflow:hidden}.wallpaper-icon{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fav-btn{position:absolute;top:.6rem;right:.6rem;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;width:2rem;height:2rem;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.fav-btn:hover{transform:scale(1.15)}.fav-btn.favorited{color:#f43f5e;background:#f43f5e33}.card-info{padding:.9rem 1rem}.card-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.card-character{font-size:.8rem;color:#ffffff80;margin-top:.15rem}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.card-tag{font-size:.7rem;color:#fff6;background:#ffffff0d;padding:.15rem .45rem;border-radius:.25rem;cursor:pointer;transition:all .15s}.card-tag:hover{background:#a78bfa33;color:#a78bfa}.empty-state{max-width:72rem;margin:4rem auto;text-align:center;color:#ffffff59;font-size:1.1rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox{background:#14141f;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;max-width:640px;width:100%;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 25px 80px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lightbox-close{position:absolute;top:1rem;right:1rem;z-index:10;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:background .15s}.lightbox-close:hover{background:#000000b3}.lightbox-preview{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.lightbox-icon{font-size:6rem;filter:drop-shadow(0 6px 20px rgba(0,0,0,.4))}.lightbox-watermark{position:absolute;bottom:1rem;right:1.5rem;font-size:1.5rem;font-weight:800;color:#ffffff26;letter-spacing:-.02em}.lightbox-info{padding:1.5rem}.lightbox-info h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.lightbox-character{color:#ffffff80;font-size:.9rem;margin-top:.2rem}.lightbox-tags{display:flex;gap:.4rem;margin-top:.75rem}.lightbox-tag{font-size:.75rem;color:#ffffff80;background:#ffffff0f;padding:.2rem .5rem;border-radius:.3rem}.lightbox-actions{display:flex;gap:.6rem;margin-top:1.25rem;flex-wrap:wrap}.action-btn{flex:1;min-width:100px;padding:.65rem 1rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.action-btn:hover{background:#ffffff1a}.action-btn.primary{border:none;color:#fff;font-weight:700}.action-btn.primary:hover{filter:brightness(1.1)}.favorited-action{color:#f43f5e;border-color:#f43f5e4d;background:#f43f5e1a}.lightbox-meta{display:flex;gap:1.5rem;margin-top:1rem;font-size:.75rem;color:#ffffff4d}.footer{text-align:center;padding:2.5rem 1rem 1.5rem;color:#fff3;font-size:.8rem}@media(max-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:0 1rem}.wallpaper-icon{font-size:2.5rem}.card-info{padding:.6rem .75rem}.card-title{font-size:.85rem}.lightbox{max-height:90vh;overflow-y:auto}}