:root{font-family:Avenir Next LT Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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;display:flex;place-items:center;min-width:320px;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:#f8f9fa}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Avenir Next LT Pro;src:url(/font/avenir_next_lt_pro.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next LT Pro;src:url(/font/avenir_next_lt_pro_bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}#root{width:100%;margin:0 auto;padding:2rem}.thumbnails-page{width:100%;margin:0 auto;text-align:left;overflow-x:hidden;max-width:1600px}.page-title{margin:0 0 16px;font-size:28px;font-weight:700;letter-spacing:-.2px}html,body{overflow-x:hidden}.thumb-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:center;width:100%}body{background-color:#faf9f9}@media(min-width:1600px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}@media(min-width:1920px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}@media(max-width:1200px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}@media(max-width:992px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}@media(max-width:768px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}@media(max-width:560px){.thumb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}}.thumb-card{margin:0;text-align:left}.thumb-media{position:relative;border-radius:12px;overflow:hidden}.thumb-image{width:100%;aspect-ratio:144 / 187;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #00000014;transition:opacity .16s ease,box-shadow .16s ease}.thumb-media:hover .thumb-image{opacity:.2;box-shadow:0 4px 16px #00000014}.play-button{width:64px;height:64px}.thumb-media:hover .play-button{opacity:1;transform:translateY(0)}.thumb-card:hover .thumb-image{opacity:1}.thumb-card:hover .play-button{opacity:0;transform:translateY(6px)}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.play-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 24px #00000040;transform:translateY(6px);opacity:0;transition:opacity .16s ease,transform .16s ease}.thumb-card:hover .play-button{opacity:1;transform:translateY(0)}.play-button:hover{background:#000000b3}.play-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.thumb-card:has(.info-button:hover) .play-button,.thumb-card:has(.info-button:focus-visible) .play-button,.thumb-card:has(.info-button:focus) .play-button,.thumb-card:has(.info-button:active) .play-button{opacity:0!important;transform:translateY(6px)!important;pointer-events:none!important}.thumb-card:has(.info-button:hover) .play-overlay,.thumb-card:has(.info-button:focus-visible) .play-overlay,.thumb-card:has(.info-button:focus) .play-overlay,.thumb-card:has(.info-button:active) .play-overlay{opacity:0!important;pointer-events:none!important}@media(prefers-color-scheme:light){.thumb-image{border-color:#0000000f;box-shadow:0 4px 12px #0000000f}.thumb-card:hover .thumb-image{box-shadow:0 4px 12px #0000000f}}.site-footer{margin-top:28px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#121214db,#121214f5);color:#fff}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px 24px}.footer-section{display:flex;flex-direction:column;gap:8px}.footer-title-row{display:flex;align-items:center;gap:10px;min-height:44px}.footer-badge{width:44px;height:44px;object-fit:contain;border-radius:6px}.footer-badge-bmm{width:100px;height:44px}.footer-badge-rars{width:30px;height:30px}.footer-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.2px}.footer-text{margin:0;opacity:.88;font-size:.9rem;line-height:1.5}.footer-link{color:var(--brand-orange);text-decoration:none;font-weight:700}.footer-link:hover,.footer-link:focus-visible{text-decoration:underline}.footer-copy{border-top:1px solid rgba(255,255,255,.12);padding:12px 24px;font-size:.85rem;opacity:.8}@media(prefers-color-scheme:light){.site-footer{background:#fff;color:#1a1a1a;border-top-color:#00000014}.footer-copy{border-top-color:#00000014}}.info-overlay .info-chip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px}.info-overlay .chip-label,.info-overlay .chip-value{padding:0!important;margin:0;line-height:1.3}.info-overlay .chip-value{text-align:right!important;white-space:nowrap;margin-right:.8rem}.lang-button,.lang-button:focus,.lang-button:focus-visible,.lang-button:active{outline:none!important;box-shadow:none!important}.lang-button .MuiAvatar-root,.lang-button img{border:none!important;outline:none!important;box-shadow:none!important}@media(prefers-color-scheme:light){.app-header{background:#fff;border-bottom-color:#00000014}}.search-input{height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#ffffff14;color:inherit;font-family:Avenir Next LT Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;width:280px;max-width:34vw;flex:0 1 280px;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:root[data-theme=dark] .search-input{border-color:#ffffff2e;background:#ffffff1a;color:#fff}:root[data-theme=dark] .search-input:focus,:root[data-theme=dark] .search-input:focus-visible{border-color:#ffffff47}.lang-select{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#ffffff14;color:inherit;font-family:Avenir Next LT Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.chip-value{font-weight:700;text-align:right;padding:0 4px;text-transform:capitalize}.thumb-image{transition:opacity .16s ease,filter .16s ease,box-shadow .16s ease}.thumb-media:hover .thumb-image{opacity:.2;filter:blur(2px)}.thumb-media:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 30% 20%,#ffffff2e,#ffffff14 40%,#fff0 70%),linear-gradient(180deg,#ffffff1f,#ffffff0f);opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:1}.thumb-media:hover:after{opacity:1}.play-overlay{z-index:2}.info-button:focus,.info-button:focus-visible,.info-button:active{outline:none!important;box-shadow:none!important}.tabs-bar{position:sticky;top:56px;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#18181aad,#18181ad1);margin-bottom:2rem}.tabs-bar .MuiTabs-root{min-height:44px}.tabs-bar .MuiTab-root{text-transform:none;font-weight:600;min-height:44px;color:#ffffffeb}:root{--brand-orange: #f06421}.tabs-bar .MuiTabs-indicator{background-color:var(--brand-orange)!important;height:3px;border-radius:2px}.tabs-bar .MuiTab-root:focus,.tabs-bar .MuiTab-root:focus-visible,.tabs-bar .MuiTab-root:active{outline:none!important;box-shadow:none!important}@media(prefers-color-scheme:light){.tabs-bar{background:#fff;border-bottom-color:#00000014}}:root[data-theme=light] .tabs-bar .MuiTab-root{color:#1a1a1a}:root[data-theme=dark] .tabs-bar{background:linear-gradient(180deg,#18181ae0,#18181af5)}.tabs-bar .MuiTab-root.Mui-selected{color:#fff}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#18181ab8,#18181ad9);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 24px;box-sizing:border-box}.header-spacer{height:56px}@media(prefers-color-scheme:light){.app-header{background:linear-gradient(180deg,#ffffffdb,#fffffff7);border-bottom-color:#00000014}}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.search-input{height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#ffffff14;color:inherit;width:280px;max-width:34vw;flex:0 1 280px;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}.search-input:focus,.search-input:focus-visible{outline:none;box-shadow:none;border-color:#00000038}.search-input::placeholder{opacity:.6}.lang-select{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#ffffff14;color:inherit}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(244px,244px));gap:16px;align-items:start;justify-content:center;justify-items:center}.thumb-card{margin:0;text-align:left;width:244px}.thumb-media{position:relative;border-radius:12px;overflow:hidden;width:244px}.thumb-image{width:244px;height:307px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #00000014;transition:transform .16s ease,box-shadow .16s ease}.thumb-card:hover .thumb-image{transform:none;box-shadow:0 4px 16px #00000014}.info-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:6px 8px;border-radius:0;background:linear-gradient(180deg,#121214c7,#121214eb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.78rem;line-height:1.3;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.thumb-card:has(.info-button:hover) .info-overlay,.thumb-card:has(.info-button:focus-visible) .info-overlay{opacity:1;visibility:visible;transform:translateY(0)}.info-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff17;width:100%;flex:0 0 auto}.chip-label{opacity:.8;font-weight:500;letter-spacing:.2px;padding:0 4px}.chip-value{font-weight:700;text-align:right;padding:0 4px}@media(prefers-color-scheme:light){.info-overlay{background:linear-gradient(180deg,#ffffffdb,#fffffff7);color:#1a1a1a}}.thumb-caption{margin-top:8px;font-size:.9rem;font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:8px}.info-button{appearance:none;border:none;background:transparent;padding:0;margin:0;color:currentColor;cursor:pointer}.info-icon{opacity:.7;transition:opacity .12s ease}.info-button:hover .info-icon,.info-button:focus-visible .info-icon{opacity:1}@media(prefers-color-scheme:light){.thumb-image{border-color:#0000000f;box-shadow:0 4px 12px #0000000f}}@media(max-width:768px){.thumbnails-page{padding:20px 28px}}@media(max-width:480px){.thumbnails-page{padding:16px 20px}}:root[data-theme=light]{color:#213547;background-color:#fff}:root[data-theme=dark]{color:#ffffffde;background-color:#242424}:root[data-theme=light]{color:#213547;background-color:#f8f9fa}:root[data-theme=light] body{background-color:#f8f9fa!important;color:#213547}:root[data-theme=light] .app-header{background:#fff;border-bottom-color:#00000014}:root[data-theme=light] .tabs-bar{background:#fff;border-bottom-color:#00000014}:root[data-theme=light] .info-overlay{background:linear-gradient(180deg,#ffffffdb,#fffffff7);color:#1a1a1a}:root[data-theme=light] .thumb-image{border-color:#0000000f;box-shadow:0 4px 12px #0000000f}:root[data-theme=light] .site-footer{background:#fff;color:#1a1a1a;border-top-color:#00000014}:root[data-theme=light] .footer-copy{border-top-color:#00000014}:root[data-theme=light] .footer-copy{background:#fff}.site-footer .footer-text{opacity:.92}:root[data-theme=dark] .app-header{background:linear-gradient(180deg,#18181ab8,#18181ae0);border-bottom-color:#ffffff1f;color:#fff}:root[data-theme=dark] .site-footer{background:linear-gradient(180deg,#18181ae0,#18181af5);color:#fff;border-top-color:#ffffff1f}:root[data-theme=dark] .footer-copy{background:linear-gradient(180deg,#18181ae0,#18181af5);border-top-color:#ffffff1f}.theme-button{color:inherit}.theme-button:focus,.theme-button:focus-visible{outline:none!important;box-shadow:none!important}.theme-transition-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;pointer-events:none}.theme-reveal{position:fixed;inset:0;z-index:1195;pointer-events:none;will-change:clip-path,opacity;clip-path:circle(0% at var(--theme-reveal-x, 50%) var(--theme-reveal-y, 50%));animation:themeReveal .9s cubic-bezier(.22,.61,.36,1) forwards}.theme-reveal-light{background:radial-gradient(circle at 50% 50%,#fffffff5,#f8f9faeb 30%,#f8f9fa00 70%)}.theme-reveal-dark{background:radial-gradient(circle at 50% 50%,#18181af5,#18181aeb 30%,#18181a00 70%)}@keyframes themeReveal{0%{clip-path:circle(0% at var(--theme-reveal-x, 50%) var(--theme-reveal-y, 50%));opacity:0}15%{opacity:.9}to{clip-path:circle(150% at var(--theme-reveal-x, 50%) var(--theme-reveal-y, 50%));opacity:0}}@media(prefers-reduced-motion:reduce){.theme-reveal{animation:none;clip-path:none;opacity:0}.theme-anim-icon{animation:none}}.theme-anim-icon{font-size:96px;animation:themePopFade 1.3s cubic-bezier(.22,.61,.36,1) both;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));position:relative;z-index:1201;transform-origin:center}.theme-anim-light{color:var(--brand-orange)}.theme-anim-dark{color:#ffd369}@keyframes themePopFade{0%{transform:scale(.8);opacity:0}10%{opacity:1}50%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}.back-to-top{position:fixed;right:20px;bottom:24px;z-index:1090;transition:opacity .24s ease,transform .24s ease;opacity:0;transform:translateY(8px);pointer-events:none}.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn{background:#fff;color:#111;box-shadow:0 6px 18px #0003}.back-to-top-btn:hover{background:#fff}:root[data-theme=dark] .back-to-top-btn{background:#1f1f21;color:#fff;box-shadow:0 6px 18px #00000059}
