*{box-sizing:border-box;margin:0}:root{--default-bg: #111;--default-border: rgba(255, 255, 255, .1);--default-text: #fefefe;--default-shadow: rgba(0, 0, 0, .1);--primary-bg: #2b1400;--primary-border: #4d2400;--primary-text: #ffb366;--secondary-bg: #222;--glass-bg: rgba(0, 0, 0, .6);--text-muted: #ccc;--success-bg: #001f0f;--success-border: #003d1c;--success-text: #59f3a6;--error-bg: #2d0607;--error-border: #4d0408;--error-text: #ff9ea1}html{scroll-behavior:smooth}body{padding:20px;background-color:var(--default-bg);color:var(--default-text);font-family:Arial,sans-serif;overflow-x:hidden}header{position:fixed;top:20px;left:20px;right:20px;z-index:10}.header-wrapper{padding:8px}.glass{background-color:var(--glass-bg);border-radius:10px;box-shadow:0 4px 30px var(--default-shadow);-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 var(--default-shadow)}.result-count{color:var(--text-muted)}.search-filter{display:flex;gap:10px}.search-filter>div{display:flex;gap:10px}.search-field,.search-filter select{padding:6px;background-color:var(--default-bg);color:var(--default-text);border:1px solid var(--default-border);border-radius:4px}.search-filter select{cursor:pointer}.search-field{display:grid;grid-template-columns:1fr auto;align-items:center}.search-filter input{background-color:transparent;color:var(--default-text);outline:none;border:none}button{display:flex;align-items:center;width:36px;height:36px;padding:6px;background-color:var(--default-bg);color:var(--default-text);border:1px solid var(--default-border);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-visible{background-color:var(--default-text);color:var(--default-bg)}#bookmark-btn.active{background-color:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-text)}.search-field>svg{width:20px;height:20px}.content-grid{padding-top:120px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.content-card{position:relative;border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer}.content-card img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:2 / 3}.selected-box{position:fixed;z-index:100;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 var(--default-shadow)}.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 var(--default-shadow)}.content-card.selected{outline:3px solid var(--primary-text);outline-offset:-3px}.content-card.selected:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--primary-bg);opacity:.4;pointer-events:none}.toast-container{position:fixed;width:min(356px,100%);display:flex;flex-direction:column;gap:10px;padding:20px;z-index:9999;pointer-events:none}.top-left{top:0;left:0}.top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center}.bottom-right{bottom:0;right:0}.toast{display:flex;align-items:center;gap:6px;pointer-events:auto;width:100%;padding:16px;background-color:var(--secondary-bg);color:var(--default-text);border:1px solid var(--default-border);border-radius:10px;box-shadow:0 4px 12px var(--default-shadow);font-size:13px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px)}.toast svg{flex-shrink:0;width:16px;height:16px}.toast.success{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.toast.error{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.toast.visible{opacity:1;transform:translateY(0)}@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}}