.sl{margin:1rem 0 1.5rem;color:var(--ink);font-size:15px;line-height:1.45}
.sl *{box-sizing:border-box}
.sl-note{margin:0 0 .75rem;padding:.55rem .8rem;border-radius:12px;background:var(--soft);border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:.9rem}
.sl-status{margin:.25rem 0 .75rem;color:var(--mut);font-size:.9rem}
.sl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sl-search{display:block;margin:0 0 .9rem}
.sl-search input{width:100%;min-height:48px;padding:.5rem 1rem;border:2px solid var(--mut);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:1rem}
.sl-search input:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem}
.sl-card{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.5rem;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--ink);font:inherit;text-align:center;cursor:pointer}
.sl-card:hover{border-color:var(--a)}
.sl-card:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.sl-thumb{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--bg)}
.sl-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sl-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;font-weight:700;font-size:.9rem;overflow-wrap:anywhere}
.sl-go{display:block;padding:.45rem .5rem;border-radius:999px;background:var(--a);color:var(--ai,#fff);font-weight:800;font-size:.85rem}
.sl-btn{min-height:48px;padding:.4rem 1.4rem;border:0;border-radius:999px;background:var(--a);color:var(--ai,#fff);font:800 1rem var(--f);cursor:pointer}
.sl-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.sl-more{display:block;margin:1rem auto 0}
.sl-more[hidden],.sl-search[hidden],.sl-one-b[hidden]{display:none}
.sl-ext{display:inline-block;padding:.65rem .25rem;color:var(--ink);font-size:.9rem}
.sl-one-b{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border:1px solid var(--line);border-radius:16px;background:var(--soft);text-align:center}
.sl-one-i{width:9rem;height:9rem;border-radius:16px;object-fit:cover;background:var(--bg)}
.sl-one-t{margin:0;font-weight:800;font-size:1.2rem}
.sl-start{min-height:56px;padding:.5rem 2.2rem;font-size:1.15rem}
.sl-stage{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.sl-stage .sl-frame{width:100%;height:min(75vh,40rem);border:0;border-radius:12px;background:#000}
.sl-back{position:fixed;inset:0;z-index:100;display:flex;align-items:stretch;justify-content:center;background:rgba(8,6,24,.86)}
.sl-dlg{display:flex;flex-direction:column;width:100%;max-width:64rem;background:var(--bg);color:var(--ink);font:15px/1.45 var(--f)}
.sl-dlg-h{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--line)}
.sl-dlg-t{margin:0;font-weight:800;overflow-wrap:anywhere}
.sl-close{flex:none;min-height:44px;padding:.3rem 1.1rem}
.sl-dlg .sl-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#000}
.sl-dlg-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;padding:.25rem .75rem}
.sl-dlg-n{color:var(--mut);font-size:.85rem}
.sl-lock{overflow:hidden}
@media(min-width:48rem){.sl-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.sl-back{padding:2vh 2vw}.sl-dlg{border-radius:16px;overflow:hidden;border:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.sl *{transition:none!important;animation:none!important}}