*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{padding:20px;background-color:#111;color:#fefefe;font-family:Arial,sans-serif}header{position:fixed;width:calc(100% - 40px)}.header-wrapper{padding:8px}.glass{background-color:#0009;border-radius:10px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-title{display:flex;align-items:center;gap:5px 25px;padding-bottom:10px}h1{text-shadow:1px 1px 2px black}.result-count{color:#ccc}.search-filter{display:flex;gap:10px}.search-filter>div{display:flex;gap:10px}.search-field,.search-filter select{padding:6px;background-color:#111;color:#fefefe;border:1px solid #ccc;border-radius:4px}.search-field{display:grid;grid-template-columns:1fr auto;align-items:center}.search-filter input{background-color:transparent;color:#fefefe;outline:none;border:none}button{display:flex;align-items:center;width:36px;height:36px;padding:6px;background-color:#111;color:#fefefe;border:1px solid #ddd;border-radius:4px;outline:none;cursor:pointer}button:disabled{opacity:.6;cursor:default;pointer-events:none}button>svg{width:24px;height:24px}button:hover,button:focus-within{background-color:#fefefe;color:#111}.search-field>svg{width:20px;height:20px}.content-grid{padding-top:120px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.content-card{border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none}.content-card img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:2 / 3}.selected-box{position:fixed;bottom:20px;right:-1500px;padding:20px;border-radius:10px;max-width:200px;max-height:50vh;overflow-y:auto;transition:all .3s ease-in-out}.selected-header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:15px}.selected-header button{width:32px;height:32px;padding:6px}.selected-header button>svg{width:20px;height:20px}.selected-box.show{right:20px}.selected-box h3{font-size:16px;text-shadow:1px 1px 2px black}.selected-box ul{list-style:none;padding:0}.selected-box li{margin-bottom:5px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 2px black}.content-card.selected{outline:3px solid rgb(243,156,18);background-color:#f39c124d}@media (max-width: 800px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 600px){.search-filter{flex-direction:column}.search-field,.search-filter select{width:100%}.content-grid{padding-top:160px}}@media (max-width: 500px){.header-title{flex-direction:column}}