.tgs{position:fixed;inset:0;z-index:2147483000;font-family:var(--font-body-family,inherit)}
.tgs[hidden]{display:none}
.tgs__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.tgs__panel{position:absolute;inset:0;background:rgb(var(--color-background,255,255,255));color:rgb(var(--color-foreground,18,18,18));display:flex;flex-direction:column;animation:tgsIn .22s ease}
@keyframes tgsIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.tgs__top{display:flex;align-items:center;gap:12px;padding:16px 24px 10px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}
.tgs__form{flex:1;display:flex;align-items:center;gap:10px;border:1px solid rgba(var(--color-foreground,18,18,18),.18);border-radius:999px;padding:0 16px;height:50px;transition:border-color .15s}
.tgs__form:focus-within{border-color:rgba(var(--color-foreground,18,18,18),.6)}
.tgs__icon{width:20px;height:20px;flex:none;opacity:.6}
.tgs__input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:inherit;min-width:0;height:100%}
.tgs__input::-webkit-search-cancel-button{display:none}
.tgs .tgs__input:focus,.tgs .tgs__input:focus-visible{outline:none!important;box-shadow:none!important}
.tgs__clear{border:0;background:none;font:inherit;font-size:13px;opacity:.6;cursor:pointer;color:inherit}
.tgs__x{width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;flex:none}
.tgs__x svg{width:24px;height:24px}
.tgs__chips{display:flex;gap:8px;overflow-x:auto;padding:4px 24px 14px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box;scrollbar-width:none;border-bottom:1px solid rgba(var(--color-foreground,18,18,18),.08)}
.tgs__chips::-webkit-scrollbar{display:none}
.tgs__chip{flex:none;white-space:nowrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:inherit;padding:8px 14px;border:1px solid rgba(var(--color-foreground,18,18,18),.14);border-radius:999px;transition:background .15s,color .15s}
.tgs__chip:hover{background:rgb(var(--color-foreground,18,18,18));color:rgb(var(--color-background,255,255,255))}
.tgs__chip--q:before{content:"↺ ";opacity:.6}
.tgs__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.tgs__sec{max-width:1400px;margin:0 auto;padding:18px 24px 6px;box-sizing:border-box}
.tgs__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.75}
.tgs__h small{font-size:11px;letter-spacing:.04em;text-transform:none;font-weight:400;opacity:.8}
.tgs__h button{border:0;background:none;font:inherit;font-size:11px;letter-spacing:.04em;text-transform:none;text-decoration:underline;cursor:pointer;color:inherit;opacity:.8}
.tgs__qs{display:flex;flex-wrap:wrap;gap:8px}
.tgs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
.tgs__grid--row{grid-template-columns:repeat(6,minmax(0,1fr))}
.tgs__card{display:block;text-decoration:none;color:inherit;position:relative}
.tgs__img{position:relative;aspect-ratio:3/4;background:rgba(var(--color-foreground,18,18,18),.05);overflow:hidden}
.tgs__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .6s}
.tgs__img img+img{opacity:0}
.tgs__card:hover .tgs__img img+img{opacity:1}
.tgs__card:hover .tgs__img img:only-child{transform:scale(1.03)}
.tgs__badge{position:absolute;left:8px;top:8px;background:rgb(var(--color-foreground,18,18,18));color:rgb(var(--color-background,255,255,255));font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;z-index:1}
.tgs__rank{position:absolute;left:8px;top:8px;width:22px;height:22px;border-radius:50%;background:rgb(var(--color-foreground,18,18,18));color:rgb(var(--color-background,255,255,255));font-size:11px;display:grid;place-items:center;z-index:1}
.tgs__t{margin:9px 0 3px;font-size:12px;line-height:1.35;letter-spacing:.03em;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tgs__p{font-size:13px;font-weight:600}
.tgs__p s{font-weight:400;opacity:.5;margin-left:6px}
.tgs__more{display:block;margin:18px auto 28px;width:max-content;padding:12px 26px;border:1px solid rgb(var(--color-foreground,18,18,18));color:inherit;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tgs__more:hover{background:rgb(var(--color-foreground,18,18,18));color:rgb(var(--color-background,255,255,255))}
.tgs__empty{padding:30px 0;opacity:.7;font-size:14px}
.tgs__sk{aspect-ratio:3/4;background:linear-gradient(90deg,rgba(var(--color-foreground,18,18,18),.05),rgba(var(--color-foreground,18,18,18),.1),rgba(var(--color-foreground,18,18,18),.05));background-size:200% 100%;animation:tgsSk 1.2s infinite}
@keyframes tgsSk{to{background-position:-200% 0}}
html.tgs-open,html.tgs-open body{overflow:hidden}
@media (max-width:989px){.tgs__grid--row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:749px){
  .tgs__top{padding:10px 12px 8px}
  .tgs__form{height:44px}
  .tgs__chips{padding:2px 12px 10px}
  .tgs__sec{padding:14px 12px 4px}
  .tgs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .tgs__grid--row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .tgs__grid--row::-webkit-scrollbar{display:none}
  .tgs__grid--row .tgs__card{flex:0 0 38%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.tgs__panel{animation:none}.tgs__img img{transition:none}}