*{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;--error-red: #ff4d4d}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:sticky;top:0;z-index:50;margin-bottom:20px}.header-wrapper{padding:20px;border-radius:0 0 6px 6px;-webkit-user-select:none;user-select:none}.glass{background-color:var(--glass-bg);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,.filter-options,.filter-actions{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;justify-content: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{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;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-score-badge{position:absolute;top:8px;right:8px;background-color:var(--glass-bg);color:var(--primary-text);font-weight:700;font-size:1.15rem;padding:6px 10px;border-radius:12px;border:1px solid var(--default-border);pointer-events:none;z-index:10}.scroll-to-top{position:fixed;z-index:100;bottom:20px;left:20px;border-radius:4px}.scroll-to-top button{background-color:transparent}.scroll-to-top :hover,.scroll-to-top :focus-visible{background-color:var(--default-bg);color:var(--default-text)}.selected-box{position:fixed;z-index:100;bottom:20px;right:-1500px;padding:20px 15px 15px;border-radius:10px;max-width:225px;max-height:50vh;overflow-y:auto;transition:all .3s ease-in-out}.selected-header{position:absolute;top:10px;right:10px}.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{margin-bottom:10px;margin-left:-2px;font-size:16px;text-shadow:1px 1px 2px var(--default-shadow);-webkit-user-select:none;user-select:none}.selected-box .selected-list{list-style:none;padding:0}.selected-box .selected-list:not(:last-of-type){margin-bottom:15px}.selected-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:15px;text-shadow:1px 1px 2px var(--default-shadow);min-width:0;gap:8px;-webkit-user-select:none;user-select:none}.selected-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:background-color .2s;padding:2px 4px;border-radius:6px}.selected-list li:has(.remove-selected-btn:hover) span,.selected-list li:has(.remove-selected-btn:focus-visible) span{background-color:var(--error-border)}.remove-selected-btn{background-color:transparent;border:none;color:var(--error-red);cursor:pointer;width:auto;height:auto;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:50%;transition:background-color .2s}.remove-selected-btn:hover,.remove-selected-btn:focus-visible{background-color:var(--error-border);color:var(--default-text)}.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}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--primary-text) transparent}.scrollbar::-webkit-scrollbar{width:18px;overflow-y:scroll}.scrollbar::-webkit-scrollbar-track{background-color:transparent}.scrollbar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--primary-text);border-radius:50px;border:6px solid transparent}summary{display:flex;align-items:center;gap:1px;font-size:.85rem;margin-bottom:5px;color:var(--text-muted);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.summary-icon{width:24px;height:24px;transition:transform .2s ease}details[open] .summary-icon{transform:rotate(90deg)}button[data-tooltip-trigger]{anchor-name:var(--anchor-name)}[data-tooltip]{position:absolute;position-anchor:var(--anchor-name);position-area:top center;position-try-fallbacks:flip-block;margin:0 0 8px;border:none;background:none;overflow:visible;background-color:var(--primary-bg);color:var(--default-text);padding:6px 10px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transform:scale(.9);transition:opacity .15s ease,transform .15s ease,display .15s ease allow-discrete}button[data-tooltip-trigger]:hover+[data-tooltip],button[data-tooltip-trigger]:focus-visible+[data-tooltip]{display:block;opacity:1;transform:scale(1)}@starting-style{button[data-tooltip-trigger]:hover+[data-tooltip],button[data-tooltip-trigger]:focus-visible+[data-tooltip]{opacity:0;transform:scale(.9)}}.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){.header-wrapper{padding:12px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.search-filter{flex-direction:column}.search-field,.search-filter select{width:100%}}@media (max-width: 500px){.header-title{flex-direction:column}}@media (max-width: 450px){.search-filter,.filter-options,.filter-actions{gap:5px}.filter-options{flex-direction:column}.filter-actions{gap:5px}.filter-actions>div{width:100%}.filter-actions button{width:100%;display:flex}}