html{--bg:#fff;--fg:#111827;--muted:#6b7280;--tile-bg:#fff;--tile-border:#e5e7eb;--thumb-bg:#f3f4f6;--link:#0d6efd;--shadow:0 1px 2px rgba(0,0,0,.06)}html.dark{--bg:#0b1018;--fg:#e5e7eb;--muted:#9ca3af;--tile-bg:#0f172a;--tile-border:#1f2937;--thumb-bg:#0b1220;--link:#60a5fa;--shadow:0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a.tile:focus,a.tile:focus-visible,a.tile:hover{text-decoration:none}footer,header{padding:16px}header{align-items:center;border-bottom:1px solid var(--tile-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}footer{border-top:1px solid var(--tile-border)}#app{display:flex;flex:1;flex-direction:column;padding:5px 16px 16px}@media (min-width:1024px){#app,footer,header{margin-left:auto;margin-right:auto;max-width:75vw;width:75vw}}.breadcrumbs{color:var(--muted);font-size:16px;margin:0 0 8px}.pager{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.text-meta{color:var(--muted);font-size:15px;line-height:1.2}.pager .nav{align-items:center;display:flex;gap:6px}.pager .nav a{align-items:center;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.12);color:var(--fg);display:inline-flex;font-size:18px;height:38px;justify-content:center;position:relative;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;width:38px}.pager .nav a.disabled{background:var(--tile-border);box-shadow:none;color:var(--muted);cursor:not-allowed;opacity:.55;pointer-events:none;transform:none}.pager .nav a:focus-visible,.pager .nav a:hover{background:var(--link);border-color:var(--link);box-shadow:0 4px 10px rgba(0,0,0,.25);color:#fff;outline:none;transform:translateY(-2px)}html.dark .pager .nav a:focus-visible,html.dark .pager .nav a:hover{box-shadow:0 4px 14px rgba(0,0,0,.45)}.pager .nav a:active{box-shadow:0 2px 6px rgba(0,0,0,.2);transform:translateY(0)}.pager .goto{align-items:center;display:flex;gap:4px}.pager .goto input[type=number]{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;color:var(--fg);font:inherit;padding:6px 8px;width:72px}.pager .goto button{background:var(--link);border:1px solid var(--link);border-radius:8px;color:#fff;cursor:pointer;font:inherit;padding:6px 10px;transition:background .15s ease,box-shadow .15s ease}.pager .goto button:focus-visible,.pager .goto button:hover{background:var(--link);box-shadow:0 2px 8px rgba(0,0,0,.25);outline:none}.pager .spacer{flex:1}#helpToggle,#themeToggle,.discord-btn,.pager button,.pager select,.sort button,.sort select{align-items:center;background:transparent;border:1px solid var(--tile-border);border-radius:8px;box-sizing:border-box;color:var(--fg);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:32px;padding:6px 10px;text-decoration:none;transition:all .2s ease}#helpToggle:hover,#themeToggle:hover,.discord-btn:hover,.pager button:hover,.pager select:hover,.sort button:hover,.sort select:hover{background:var(--link);border-color:var(--link);color:#fff;text-decoration:none}.discord-btn img{flex-shrink:0;height:13px;margin-right:6px}.searchbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.searchbar input[type=text]{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;color:var(--fg);flex:1 1 260px;font:inherit;min-width:200px;padding:8px 10px}.searchbar input[type=text]:focus{outline:2px solid var(--link);outline-offset:2px}.searchbar button.clear-btn{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;color:var(--fg);cursor:pointer;font:inherit;padding:6px 10px}.searchbar button.clear-btn:focus-visible,.searchbar button.clear-btn:hover{background:var(--link);color:#fff;outline:none}.download-section{display:flex;justify-content:center;margin:12px 0}.download-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(34,197,94,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px rgba(34,197,94,.3);transform:translateY(-1px)}.download-btn:active:not(:disabled){box-shadow:0 2px 4px rgba(34,197,94,.2);transform:translateY(0)}.download-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}select{-webkit-appearance:none;appearance:none;background:var(--tile-bg);color:var(--fg);position:relative}select:focus{outline:2px solid var(--link);outline-offset:2px}option{background:var(--tile-bg);color:var(--fg)}html.dark select{background:#182331;border-color:#334155}html.dark option{background:#182331;color:#f1f5f9}html.dark select:focus{outline-color:#60a5fa}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tile{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;box-shadow:var(--shadow);outline:none;overflow:hidden;position:relative;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tile:hover{box-shadow:0 6px 16px rgba(0,0,0,.18)}.tile.keyboard-selected,.tile:focus,.tile:hover{border-color:var(--link);transform:translateY(-2px)}.tile.keyboard-selected,.tile:focus{box-shadow:0 0 0 2px rgba(59,130,246,.5)}.thumb{background:var(--thumb-bg);display:block;height:140px;object-fit:cover;width:100%}.folder{align-items:center;color:var(--muted);display:flex;font-size:48px;height:140px;justify-content:center}.cap{font-size:12px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.folder-counts{color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.info{background:rgba(0,0,0,.7);border-radius:8px;color:#fff;font-size:11px;left:8px;line-height:1.4;opacity:0;padding:8px;pointer-events:none;position:absolute;right:8px;text-shadow:0 1px 2px rgba(0,0,0,.6);top:8px;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;z-index:2}.tile.show-info .info,.tile:focus-within .info,.tile:hover .info{opacity:1;transform:translateY(0)}.dl-btn{background:var(--link);border-radius:8px;bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,.25);color:#fff;font-size:12px;opacity:0;padding:6px 8px;position:absolute;right:8px;text-decoration:none;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease;z-index:3}.dl-btn:focus-visible,.tile:hover .dl-btn{opacity:1;transform:translateY(0)}@media (pointer:coarse){.dl-btn{opacity:1;transform:translateY(0)}}.tile .stretched-link{inset:0;overflow:hidden;position:absolute;text-indent:-9999px;z-index:2}.tile[data-kind=img] .dl-btn{z-index:3}.lightbox-overlay{align-items:center;animation:lb-fade .15s ease;background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:1000}.lightbox-overlay.hidden{display:none}.lightbox-overlay img{background:#111;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.45);max-height:100%;max-width:100%}.lightbox-overlay .lb-main{align-items:center;display:flex;flex-direction:column;gap:12px}.lightbox-overlay .lb-caption{align-items:stretch;backdrop-filter:blur(6px) saturate(1.2);background:linear-gradient(135deg,hsla(0,0%,100%,.92),rgba(240,244,248,.88));border:1px solid rgba(0,0,0,.15);border-radius:14px;box-shadow:0 4px 22px -4px rgba(0,0,0,.45);color:#111827;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px;line-height:1.3;max-width:80vw;overflow:hidden;padding:10px 16px 12px;position:relative;word-break:break-word}.lightbox-overlay .lb-caption .lb-cap-top{align-items:center;display:flex;gap:14px}.lightbox-overlay .lb-caption .lb-cap-meta{display:flex;flex-direction:column;font-size:12px;gap:2px;line-height:1.2;opacity:.9}.lightbox-overlay .lb-caption .lb-cap-meta div{margin:0}.lightbox-overlay .lb-caption .lb-cap-meta div+div{border-top:1px solid rgba(0,0,0,.15);margin-top:2px;padding-top:2px}html.dark .lightbox-overlay .lb-caption .lb-cap-meta div+div{border-top-color:hsla(0,0%,100%,.2)}html.dark .lightbox-overlay .lb-caption{background:linear-gradient(135deg,rgba(20,25,35,.88),rgba(15,21,32,.92));border:1px solid hsla(0,0%,100%,.08);color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.9)}.lightbox-overlay .lb-caption:before{background:radial-gradient(circle at 25% 20%,hsla(0,0%,100%,.25),transparent 60%);content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}html.dark .lightbox-overlay .lb-caption:before{background:radial-gradient(circle at 25% 20%,hsla(0,0%,100%,.15),transparent 65%);mix-blend-mode:soft-light}.lightbox-overlay .lb-caption .lb-cap-name{display:inline-block;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-overlay .lb-caption .lb-cap-dl{align-items:center;background:var(--link,#3b82f6);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.4);color:#fff;display:inline-flex;font-size:13px;gap:4px;line-height:1;padding:6px 10px;text-decoration:none;transition:background .15s ease,transform .15s ease}.lightbox-overlay .lb-caption .lb-cap-dl:focus-visible,.lightbox-overlay .lb-caption .lb-cap-dl:hover{background:#2563eb;outline:none;transform:translateY(-2px)}.lightbox-overlay .lb-stage{align-items:center;display:flex;gap:32px;max-width:90vw}.lightbox-overlay .lb-stage img#lightboxImg{height:auto;max-height:min(1000px,calc(100vh - 160px));max-width:min(1400px,100%);object-fit:contain;width:auto}@media (max-width:640px){.lightbox-overlay .lb-stage{gap:12px;justify-content:center;max-width:100%}.lightbox-overlay img#lightboxImg{max-height:calc(100vh - 220px);max-width:calc(100vw - 40px)}.lightbox-overlay .lb-caption{max-width:92vw}#helpToggle,.help-tooltip{display:none!important}}.lightbox-overlay .lb-nextHint,.lightbox-overlay .lb-prevHint{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 6px 18px -4px rgba(0,0,0,.55);cursor:pointer;filter:brightness(.85) saturate(.9);flex:0 0 auto;height:160px;opacity:.55;overflow:hidden;position:relative;transition:opacity .25s ease,transform .3s cubic-bezier(.4,.2,.2,1),filter .3s;width:160px}.lightbox-overlay .lb-prevHint{transform:perspective(900px) rotateY(22deg) scale(.9)}.lightbox-overlay .lb-nextHint{transform:perspective(900px) rotateY(-22deg) scale(.9)}.lightbox-overlay .lb-nextHint:before,.lightbox-overlay .lb-prevHint:before{background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.55));content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.lightbox-overlay .lb-nextHint:hover,.lightbox-overlay .lb-prevHint:hover{filter:brightness(1) saturate(1);opacity:1;transform:perspective(900px) rotateY(0deg) scale(1)}.lightbox-overlay .lb-nextHint.disabled,.lightbox-overlay .lb-prevHint.disabled{filter:blur(4px);opacity:0;pointer-events:none;transform:scale(.6) translateY(10px)}.lightbox-overlay .lb-nextHint:after,.lightbox-overlay .lb-prevHint:after{color:hsla(0,0%,100%,.85);font-size:42px;font-weight:500;left:50%;line-height:1;pointer-events:none;position:absolute;text-shadow:0 4px 14px rgba(0,0,0,.65);top:50%;transform:translate(-50%,-50%)}.lightbox-overlay button.lb-close{background:rgba(0,0,0,.5);border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font:inherit;padding:6px 10px;position:absolute;right:16px;top:16px}.lightbox-overlay button.lb-close:hover{background:rgba(0,0,0,.7)}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.help-tooltip{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;box-shadow:var(--shadow),0 4px 12px rgba(0,0,0,.15);color:var(--fg);font-size:13px;line-height:1.4;margin-top:8px;max-width:320px;min-width:280px;opacity:0;padding:16px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.help-tooltip.show{opacity:1;pointer-events:auto;transform:translateY(0)}.help-tooltip:before{background:var(--tile-bg);border:1px solid var(--tile-border);border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:180px;top:-6px;transform:rotate(45deg);width:12px}.help-tooltip h3{color:var(--fg);font-size:14px;font-weight:600;margin:0 0 12px}.help-tooltip .help-section{margin-bottom:12px}.help-tooltip .help-section:last-child{margin-bottom:0}.help-tooltip .help-section h4{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.help-tooltip .help-item{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:2px 0}.help-tooltip .help-key{background:var(--thumb-bg);border:1px solid var(--tile-border);border-radius:4px;font-family:monospace;font-size:11px;font-weight:600;padding:2px 6px;white-space:nowrap}.help-tooltip .help-desc{color:var(--muted);font-size:12px;text-align:right}.actions{position:relative}a.current-path{color:var(--muted)!important;cursor:default!important;pointer-events:none}a.current-path,a.current-path:hover{text-decoration:none!important}