:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.app{width:100%;padding:1rem}header{text-align:center;margin-bottom:1.5rem}header h1{margin-bottom:.5rem}header p{color:#888}.search-box{margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px}.search-box input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #333;border-radius:8px;background:#2a2a2a;color:#fff;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#646cff}.search-box input::placeholder{color:#666}.search-info{display:block;margin-top:.5rem;font-size:.85rem;color:#888}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#1a1a1a;border-radius:8px}.filters select{padding:.5rem;border-radius:4px;border:1px solid #333;background:#2a2a2a;color:#fff;flex:1;min-width:100px}@media(min-width:768px){.filters select{flex:none;min-width:120px}}.filters button{padding:.5rem 1rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer}.filters button:hover{background:#535bf2}.debug-info{margin-bottom:1rem;padding:.5rem 1rem;background:#1a1a1a;border-radius:8px;font-size:.85rem}.debug-info summary{cursor:pointer;color:#888}.debug-info ul{text-align:left;margin:.5rem 0;padding-left:1.5rem}.viewer-layout{display:grid;grid-template-columns:minmax(0,10fr) minmax(320px,7fr);gap:1rem;align-items:start}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.65rem;align-items:start}.thumbnail-card{position:relative;display:block;border-radius:6px;outline-offset:4px}.thumbnail-card.active .thumbnail-img,.thumbnail-card:hover .thumbnail-img,.thumbnail-card:focus-within .thumbnail-img{filter:brightness(1.08);outline:2px solid #646cff;outline-offset:2px}.thumb-frame{display:block;aspect-ratio:2 / 3;background:#161616;border-radius:6px;color:inherit;overflow:hidden;text-decoration:none}.thumbnail-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#333;transition:filter .18s ease,transform .18s ease}.thumbnail-card:hover .thumbnail-img,.thumbnail-card:focus-within .thumbnail-img{transform:scale(1.015)}.detail-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border:1px solid #333;border-radius:8px;background:#161616}.detail-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:#333}.detail-header{margin-top:.85rem}.detail-header h2{margin:0 0 .55rem;font-size:1.12rem;line-height:1.32}.detail-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.detail-badge{display:inline-flex;align-items:center;min-height:20px;padding:.1rem .4rem;border-radius:4px;background:#3a3a3a;color:#fff;font-size:.72rem;line-height:1.2}.detail-badge.score{color:gold}.detail-badge.premium{background:#d7aa22;color:#111}.detail-badge.free{background:#2f8f4e}.detail-summary{margin:.85rem 0;color:#d0d0d0;font-size:.86rem;line-height:1.5}.detail-grid{display:grid;gap:.55rem;margin:0}.detail-grid div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.65rem;padding-top:.55rem;border-top:1px solid #2a2a2a}.detail-grid dt{color:#888;font-size:.74rem}.detail-grid dd{margin:0;color:#e2e2e2;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}@media(max-width:1023px){.viewer-layout{grid-template-columns:1fr}.detail-panel{position:static;max-height:none;order:-1}}@media(min-width:1280px){.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}}.loading{text-align:center;padding:4rem;font-size:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem}.pagination button{padding:.5rem 1rem;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:1rem}.pagination button:hover:not(:disabled){background:#444}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{padding:0 1rem;color:#888}.bookmark-btn{position:absolute;top:8px;right:8px;z-index:120;width:32px;height:32px;border:none;border-radius:50%;background:#0009;color:#888;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.bookmark-btn:hover{background:#000c;transform:scale(1.1)}.bookmark-btn.active{color:gold}.bookmark-filter{padding:.5rem 1rem;background:#2a2a2a;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .2s}.bookmark-filter:hover{background:#3a3a3a}.bookmark-filter.active{background:gold;color:#000;border-color:gold}