.I8N56G_page{isolation:isolate;color:#f0f4ff;min-height:100vh;padding:8rem clamp(1.12rem,4vw,2.75rem) 6rem;position:relative}.I8N56G_bg{z-index:-1;background:#03050e;position:fixed;inset:0}.I8N56G_bg canvas{pointer-events:none}.I8N56G_inner{max-width:1200px;margin:0 auto}.I8N56G_head{margin-bottom:2.5rem}.I8N56G_title{color:#f0f4ff;margin-bottom:.6rem;font-size:clamp(2.24rem,4vw,3.52rem);font-weight:400;line-height:1.1}.I8N56G_title em{color:#00d4ff;font-style:italic}.I8N56G_sub{color:#a0b9e699;font-size:1.07rem}.I8N56G_controls{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff06 0%,#ffffff04 100%);border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2.4rem;padding:.75rem;display:flex}.I8N56G_searchWrap{flex:260px;min-width:220px;position:relative}.I8N56G_searchIcon{color:#00d4ffbf;pointer-events:none;width:18px;height:18px;transition:color .25s;position:absolute;top:50%;left:.9rem;overflow:visible;transform:translateY(-50%)}.I8N56G_searchWrap:focus-within .I8N56G_searchIcon{color:#00d4ff}.I8N56G_searchPulse{transform-origin:10px 10px;transform-box:fill-box;opacity:0;animation:2.6s cubic-bezier(.4,0,.2,1) infinite I8N56G_searchPulse}@keyframes I8N56G_searchPulse{0%{opacity:.8;transform:scale(.55)}70%{opacity:0}to{opacity:0;transform:scale(1.45)}}.I8N56G_search{color:#f0f4ff;width:100%;height:44px;font-family:var(--font,sans-serif);background:#0a101c8c;border:1px solid #ffffff14;border-radius:11px;outline:none;padding:0 2.6rem 0 2.8rem;font-size:.98rem;transition:border-color .25s,background .25s,box-shadow .25s}.I8N56G_search::placeholder{color:#a0b9e66b;letter-spacing:.01em}.I8N56G_search:focus{background:#0a101cbf;border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff1a,0 4px 22px #00d4ff12}.I8N56G_clearBtn{color:#c8d7ffcc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:7px;place-items:center;width:26px;height:26px;transition:background .18s,color .18s,transform .18s;display:grid;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.I8N56G_clearBtn svg{width:12px;height:12px}.I8N56G_clearBtn:hover{color:#ff6b9d;background:#ff6b9d26;transform:translateY(-50%)rotate(90deg)}.I8N56G_filterWrap{position:relative}.I8N56G_pillBtn{color:#c8d7ffd9;height:44px;font-family:var(--font,sans-serif);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:#0a101c8c;border:1px solid #ffffff14;border-radius:11px;outline:none;align-items:center;gap:.5rem;padding:0 .95rem;font-size:.94rem;font-weight:500;transition:background .22s,border-color .22s,color .22s,box-shadow .22s;display:inline-flex}.I8N56G_pillBtn:hover{color:#f0f4ff;background:#0a101ccc;border-color:#00d4ff4d}.I8N56G_pillBtn:focus-visible{border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff1a}.I8N56G_pillOpen{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14}.I8N56G_pillActive{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff59}.I8N56G_filterIcon{flex-shrink:0;width:15px;height:15px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.I8N56G_pillOpen .I8N56G_filterIcon{transform:rotate(180deg)}.I8N56G_pillChip{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#00d4ff;text-overflow:ellipsis;white-space:nowrap;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:5px;align-items:center;max-width:140px;margin-left:.05rem;padding:.12rem .5rem;font-size:.72rem;display:inline-flex;overflow:hidden}.I8N56G_chev{opacity:.7;flex-shrink:0;width:11px;height:11px;transition:transform .28s}.I8N56G_chevOpen{opacity:1;transform:rotate(180deg)}.I8N56G_popover{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(140%);transform-origin:0 0;background:#0d1320eb;border:1px solid #00d4ff2e;border-radius:14px;width:min(420px,100vw - 2rem);max-height:60vh;padding:.9rem;animation:.22s cubic-bezier(.22,1,.36,1) I8N56G_popIn;position:absolute;top:calc(100% + .55rem);left:0;overflow-y:auto;box-shadow:0 20px 55px #0000008c,inset 0 0 0 1px #00d4ff14,0 0 40px #00d4ff0d}@keyframes I8N56G_popIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.I8N56G_popHead{justify-content:space-between;align-items:center;margin-bottom:.65rem;padding:0 .25rem;display:flex}.I8N56G_popTitle{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#a0b9e68c;font-size:.72rem}.I8N56G_popReset{color:#ff6b9dd9;font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.2rem .4rem;font-size:.72rem;transition:color .18s,background .18s}.I8N56G_popReset:hover{color:#ff6b9d;background:#ff6b9d14}.I8N56G_popTags{flex-wrap:wrap;gap:.38rem;display:flex}.I8N56G_tagBtn{font-family:var(--font-mono,monospace);letter-spacing:.09em;text-transform:uppercase;color:#c8d7ffb8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;padding:.35rem .72rem;font-size:.76rem;transition:background .18s,border-color .18s,color .18s,transform .14s}.I8N56G_tagBtn:hover{color:#f0f4ff;background:#ffffff14;border-color:#00d4ff40;transform:translateY(-1px)}.I8N56G_tagActive{box-shadow:inset 0 0 0 1px #00d4ff26;color:#00d4ff!important;background:#00d4ff24!important;border-color:#00d4ff73!important}.I8N56G_sortWrap{align-items:center;display:inline-flex;position:relative}.I8N56G_sortIcon{color:#a0b9e68c;pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.I8N56G_sortSelect{color:#f0f4ff;height:44px;font-family:var(--font,sans-serif);cursor:pointer;appearance:none;background:#0a101c8c url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 4.5L6 7.5L9 4.5' stroke='rgb(160,185,230)' stroke-opacity='0.7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") right .7rem center/12px no-repeat;border:1px solid #ffffff14;border-radius:11px;outline:none;padding:0 2rem 0 2.4rem;font-size:.94rem;font-weight:500;transition:border-color .22s,background-color .22s}.I8N56G_sortSelect:hover{background-color:#0a101ccc;border-color:#00d4ff4d}.I8N56G_sortSelect:focus{border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff1a}.I8N56G_sortSelect option{color:#f0f4ff;background:#0b1220}.I8N56G_countBadge{height:44px;font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#00d4ffd9;white-space:nowrap;background:#00d4ff0f;border:1px solid #00d4ff2e;border-radius:11px;align-items:center;gap:.45rem;margin-left:auto;padding:0 .85rem;font-size:.78rem;display:inline-flex}.I8N56G_countDot{background:#00d4ff;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite I8N56G_countPulse;box-shadow:0 0 10px #00d4ffb3}@keyframes I8N56G_countPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.I8N56G_index{border-top:1px solid #ffffff17;flex-direction:column;display:flex}.I8N56G_row{color:inherit;isolation:isolate;opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 60ms);border-bottom:1px solid #ffffff17;grid-template-columns:auto clamp(150px,17vw,210px) 1fr auto;grid-template-areas:"idx art main go";align-items:center;gap:clamp(1rem,2.6vw,2.4rem);padding:clamp(1.1rem,2vw,1.7rem) clamp(.55rem,1.4vw,1.25rem);text-decoration:none;display:grid;position:relative;transform:translateY(22px)}.I8N56G_row[data-in]{opacity:1;transform:none}.I8N56G_rowGlow{z-index:-1;background:radial-gradient(55% 130% at var(--mx,12%) 50%, color-mix(in srgb, var(--ta,#00d4ff) 13%, transparent), transparent 72%);opacity:0;border-radius:18px;transition:opacity .4s;position:absolute;inset:0}.I8N56G_row[data-in]:hover .I8N56G_rowGlow{opacity:1}.I8N56G_rowLine{transform-origin:0;background:linear-gradient(90deg, var(--ta,#00d4ff), var(--ta2,#6c63ff) 55%, transparent);width:100%;height:2px;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.I8N56G_row[data-in]:hover .I8N56G_rowLine{transform:scaleX(1)}.I8N56G_rowIndex{font-family:var(--font-mono,monospace);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#a0b9e666;grid-area:idx;font-size:.92rem;transition:color .3s}.I8N56G_row[data-in]:hover .I8N56G_rowIndex{color:var(--ta,#00d4ff)}.I8N56G_rowArt{aspect-ratio:16/9;border:1px solid var(--lg-bd);box-shadow:var(--lg-sh);transition:transform .45s var(--ease), box-shadow .45s ease, border-color .3s ease;background:#060912;border-radius:12px;grid-area:art;position:relative;overflow:hidden}.I8N56G_row[data-in]:hover .I8N56G_rowArt{border-color:color-mix(in srgb, var(--ta,#00d4ff) 45%, transparent);box-shadow:var(--lg-sh), 0 18px 42px #00000075, 0 0 28px color-mix(in srgb, var(--ta,#00d4ff) 20%, transparent);transform:translateY(-3px)scale(1.025)}.I8N56G_thumbInner{transition:transform .5s;position:absolute;inset:0}.I8N56G_row[data-in]:hover .I8N56G_thumbInner{transform:scale(1.05)}.I8N56G_thumbShimmer{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(135deg,#0000 32%,#ffffff1a 50%,#0000 68%);transition:none;position:absolute;inset:0;transform:translate(-120%)skew(-15deg)}.I8N56G_row[data-in]:hover .I8N56G_thumbShimmer{opacity:1;transition:transform .7s,opacity .1s;transform:translate(120%)skew(-15deg)}.I8N56G_rowMain{flex-direction:column;grid-area:main;gap:.45rem;min-width:0;display:flex}.I8N56G_rowTags{font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.72rem;display:flex}.I8N56G_rowTag{color:color-mix(in srgb, var(--ta,#00d4ff) 78%, white 8%);opacity:.82}.I8N56G_rowTag:not(:last-child):after{content:"·";color:var(--t3,#a0b9e680);margin-left:.45rem}.I8N56G_rowTitle{font-family:var(--font-serif,serif);letter-spacing:-.01em;color:#f0f4ff;text-wrap:balance;margin:0;font-size:clamp(1.3rem,2.3vw,1.95rem);font-weight:400;line-height:1.12;transition:color .25s}.I8N56G_row[data-in]:hover .I8N56G_rowTitle{color:color-mix(in srgb, var(--ta,#00d4ff) 38%, #f0f4ff)}.I8N56G_rowDesc{color:#b4c8eb99;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:64ch;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.I8N56G_rowGo{white-space:nowrap;font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#a0b9e680;grid-area:go;align-items:center;gap:.55rem;font-size:.76rem;transition:color .25s,gap .25s;display:inline-flex}.I8N56G_rowGo svg{border:1px solid var(--lg-bd);width:30px;height:30px;transition:transform .3s var(--ease), border-color .3s ease, background .3s ease;border-radius:999px;flex:none;padding:7px}.I8N56G_row[data-in]:hover .I8N56G_rowGo{color:var(--ta,#00d4ff);gap:.8rem}.I8N56G_row[data-in]:hover .I8N56G_rowGo svg{border-color:color-mix(in srgb, var(--ta,#00d4ff) 50%, transparent);background:color-mix(in srgb, var(--ta,#00d4ff) 12%, transparent);transform:translate(2px,-2px)}.I8N56G_empty{text-align:center;font-family:var(--font-mono,monospace);color:#a0b9e680;letter-spacing:.1em;grid-column:1/-1;padding:4rem 2rem;font-size:1rem}.I8N56G_loadWrap{justify-content:center;margin-top:2.8rem;display:flex}.I8N56G_loadBtn{color:#c8d7ffd1;font-family:var(--font,sans-serif);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.45rem;padding:.76rem 1.8rem;font-size:1rem;font-weight:600;transition:background .22s,border-color .22s,color .22s,transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.I8N56G_loadBtn:hover{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff59;transform:translateY(-2px)}@media (max-width:768px){.I8N56G_page{padding-top:6rem;padding-bottom:4rem}.I8N56G_row{transition-delay:calc(var(--i,0) * 40ms);grid-template-columns:auto 1fr;grid-template-areas:"idx go""art art""main main";align-items:center;gap:.7rem 1rem}.I8N56G_rowArt{width:100%}.I8N56G_rowGo{justify-self:end}.I8N56G_controls{border-radius:13px;gap:.5rem;padding:.55rem}.I8N56G_searchWrap{flex:100%;min-width:100%}.I8N56G_pillBtn,.I8N56G_sortSelect{height:42px;font-size:.9rem}.I8N56G_filterWrap{flex:auto}.I8N56G_pillBtn{justify-content:space-between;width:100%}.I8N56G_sortWrap{flex:auto}.I8N56G_sortSelect{width:100%}.I8N56G_countBadge{flex:100%;justify-content:center;height:38px;margin-left:0}.I8N56G_popover{width:min(100vw - 2rem,100%);left:0;right:0}}@media (min-width:769px) and (max-width:1024px){.I8N56G_row{grid-template-columns:auto clamp(140px,22vw,180px) 1fr auto;gap:1.4rem}}@media (prefers-reduced-motion:reduce){.I8N56G_row{opacity:1!important;transition-delay:0s!important;transform:none!important}.I8N56G_thumbInner,.I8N56G_thumbShimmer{transition:none}.I8N56G_searchPulse,.I8N56G_countDot,.I8N56G_popover{animation:none!important}}
