*{box-sizing:border-box;margin:0}:root{--default-bg:#111;--default-border:#ffffff1a;--default-text:#fefefe;--default-shadow:#0000001a;--primary-bg:#2b1400;--primary-border:#4d2400;--primary-text:#ffb366;--secondary-bg:#222;--glass-bg:#0009;--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{background-color:var(--default-bg);color:var(--default-text);padding:20px;font-family:Arial,sans-serif;overflow-x:hidden}header{z-index:50;margin-bottom:20px;position:sticky;top:0}.header-wrapper{-webkit-user-select:none;user-select:none;border-radius:0 0 6px 6px;padding:20px}.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{align-items:center;gap:5px 25px;padding-bottom:10px;display:flex}h1{text-shadow:1px 1px 2px var(--default-shadow)}.result-count{color:var(--text-muted)}.search-filter,.filter-options,.filter-actions{gap:10px;display:flex}.search-field,.search-filter select{background-color:var(--default-bg);color:var(--default-text);border:1px solid var(--default-border);border-radius:4px;padding:6px}.search-filter select{cursor:pointer}.search-field{grid-template-columns:1fr auto;align-items:center;display:grid}.search-filter input{color:var(--default-text);background-color:#0000;border:none;outline:none}button{background-color:var(--default-bg);width:36px;height:36px;color:var(--default-text);border:1px solid var(--default-border);cursor:pointer;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:6px;display:flex}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{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding-bottom:200px;display:grid}.content-card{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:10px;position:relative;overflow:hidden}.content-card img{object-fit:cover;aspect-ratio:2/3;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.card-score-badge{background-color:var(--glass-bg);color:var(--primary-text);border:1px solid var(--default-border);pointer-events:none;z-index:10;border-radius:12px;padding:6px 10px;font-size:1.15rem;font-weight:700;position:absolute;top:8px;right:8px}.scroll-to-top{z-index:100;border-radius:4px;position:fixed;bottom:20px;left:20px}.scroll-to-top button{background-color:#0000}.scroll-to-top :hover,.scroll-to-top :focus-visible{background-color:var(--default-bg);color:var(--default-text)}.selected-box{z-index:100;border-radius:10px;max-width:225px;max-height:25vh;transition:all .3s ease-in-out;position:fixed;bottom:20px;right:-1500px;overflow-y:auto}.selected-box details{min-width:210px;padding:10px 15px}.selected-box summary{color:var(--text-muted);cursor:pointer;align-items:center;gap:1px;margin-left:-8px;margin-right:30px;font-size:13px;list-style:none;display:inline-flex}.selected-box details:open summary{margin-bottom:15px}.selected-box .copy-btn{z-index:10;cursor:pointer;position:absolute;top:.25rem;right:.5rem}.selected-box.show{right:20px}.selected-box h3{text-shadow:1px 1px 2px var(--default-shadow);-webkit-user-select:none;user-select:none;margin-bottom:10px;margin-left:-2px;font-size:16px}.selected-box .selected-list{padding:0;list-style:none}.selected-box .selected-list:not(:last-of-type){margin-bottom:15px}.selected-list li{text-shadow:1px 1px 2px var(--default-shadow);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:2px;font-size:15px;display:flex}.selected-list li span{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;min-width:0;padding:2px 4px;transition:background-color .2s;overflow:hidden}:is(.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{color:var(--error-red);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:auto;height:auto;padding:3px;transition:background-color .2s;display:flex}.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:"";background-color:var(--primary-bg);opacity:.4;pointer-events:none;position:absolute;inset:0}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--primary-text) transparent}.scrollbar::-webkit-scrollbar{width:18px;overflow-y:scroll}.scrollbar::-webkit-scrollbar-track{background-color:#0000}.scrollbar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--primary-text);border:6px solid #0000;border-radius:50px}#filter-details summary{color:var(--text-muted);cursor:pointer;align-items:center;gap:1px;margin-bottom:5px;font-size:.85rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.summary-icon{width:24px;height:24px;transition:transform .2s}details[open] .summary-icon{transform:rotate(90deg)}button[data-tooltip-trigger]{anchor-name:var(--anchor-name)}[data-tooltip]{position-anchor:var(--anchor-name);position-area:top center;position-try-fallbacks:flip-block;background:0 0;background-color:var(--primary-bg);color:var(--default-text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease, transform .15s ease, display .15s ease allow-discrete;border:none;border-radius:4px;margin:0 0 8px;padding:6px 10px;position:absolute;overflow:visible;transform:scale(.9)}@media (hover:hover){button[data-tooltip-trigger]:hover+[data-tooltip],button[data-tooltip-trigger]:focus-visible+[data-tooltip]{opacity:1;display:block;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)}}}@media (pointer:coarse){button[data-tooltip-trigger]+[data-tooltip]{transition:opacity .15s,transform .15s}button[data-tooltip-trigger]:active+[data-tooltip]{opacity:1;transition:opacity .15s .5s,transform .15s .5s;display:block;transform:scale(1)}@starting-style{button[data-tooltip-trigger]:active+[data-tooltip]{opacity:0;transform:scale(.9)}}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:min(356px,100%);padding:20px;display:flex;position:fixed}.top-left{top:0;left:0}.top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-center{align-items:center;bottom:0;left:50%;transform:translate(-50%)}.bottom-right{bottom:0;right:0}.toast{pointer-events:auto;background-color:var(--secondary-bg);width:100%;color:var(--default-text);border:1px solid var(--default-border);box-shadow:0 4px 12px var(--default-shadow);opacity:0;border-radius:10px;align-items:center;gap:6px;padding:16px;font-size:13px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;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 (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 (width<=500px){h1{font-size:1.5em}.result-count{font-size:14px}.header-title{flex-direction:column}}@media (width<=450px){.search-filter,.filter-options,.filter-actions{gap:5px}.filter-options.mobile-flex-col{flex-direction:column}.filter-actions{gap:5px}.filter-actions>div{width:100%}.filter-actions button{width:100%;display:flex}}.clear-page main{width:min(100%,500px);margin:0 auto;padding-block:.5rem}.clear-page h1{margin-block-end:15px}.clear-page p{margin-block-end:35px}.clear-page .button-wrapper{justify-content:space-between;gap:.5rem;display:flex}.clear-page button{width:initial;height:initial;padding:.5rem .75rem}.clear-page button a{color:currentColor;text-decoration:none}
