.sx{padding-top:32px;padding-bottom:96px}.sx-h1{font-family:var(--f-mono);font-weight:400;font-size:clamp(34px,5vw,54px);line-height:1;text-transform:uppercase;margin:8px 0 26px;letter-spacing:-.01em}.sx-bar{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border-radius:22px;background:var(--s-card);color:var(--s-ink);box-shadow:inset 0 0 0 2px var(--s-ink),4px 4px 0 var(--s-hard)}.sx-bar:focus-within{box-shadow:inset 0 0 0 2px var(--s-green),4px 4px 0 var(--s-green)}.sx-bar input{flex:1 1;min-width:0;border:0;outline:0;background:none;font:500 19px var(--f-text);color:var(--s-ink)}.sx-bar input::placeholder{color:var(--s-muted)}.sx-bar input::-webkit-search-cancel-button{cursor:pointer}.sx-cats{display:flex;gap:12px;margin:24px 0 26px;overflow-x:auto;padding:2px 4px 8px 2px;scrollbar-width:thin;scroll-snap-type:x proximity}.sx-cat{flex:0 0 auto;scroll-snap-align:start;width:112px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;border-radius:20px;border:0;background:var(--s-card);box-shadow:inset 0 0 0 2px var(--s-ink);font:600 14px var(--f-text);color:var(--s-ink);cursor:pointer;text-align:center;line-height:1.15;transition:transform .15s,box-shadow .15s,background .15s}.sx-cat:hover{transform:translate(-1px,-1px);box-shadow:inset 0 0 0 2px var(--s-ink),3px 3px 0 var(--s-hard)}.sx-cat[aria-pressed=true]{background:var(--s-lime);color:var(--s-on-lime);box-shadow:inset 0 0 0 2px var(--s-on-lime),3px 3px 0 var(--s-on-lime)}.sx-cat .pic{width:62px;height:62px;border-radius:50%;overflow:hidden;background:var(--s-soft);box-shadow:0 0 0 2px var(--s-card);display:grid;place-items:center}.sx-cat .pic img{width:100%;height:100%;object-fit:cover}.sx-cat .pic i{font:400 24px var(--f-mono);font-style:normal;color:var(--s-green)}.sx-body{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}.sx-side{position:-webkit-sticky;position:sticky;top:90px;padding:22px;border-radius:26px;background:var(--s-soft)}.sx-filters{display:flex;flex-direction:column;gap:10px}.sx-lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin-top:8px}.sx-lbl,.sx-lbl b{font-weight:700}.sx-select{height:46px;padding:0 14px;border-radius:14px;border:0;font:600 15px var(--f-text);color:var(--s-ink);box-shadow:inset 0 0 0 1.5px var(--s-line);cursor:pointer}.sx-seg,.sx-select{background:var(--s-card)}.sx-seg{display:flex;gap:6px;padding:4px;border-radius:999px}.sx-seg button{flex:1 1;min-height:38px;border:0;border-radius:999px;background:none;font:600 14px var(--f-text);color:var(--s-ink);cursor:pointer}.sx-seg button[aria-pressed=true]{background:var(--s-band);color:var(--s-band-ink)}.sx-check{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:14px;background:var(--s-card);font-size:15px;cursor:pointer}.sx-check input{width:20px;height:20px;margin:0;accent-color:var(--s-green);cursor:pointer}.sx-range{display:flex;flex-direction:column;gap:2px}.sx-reset{margin-top:10px;min-height:46px;border-radius:999px;border:0;background:none;box-shadow:inset 0 0 0 2px var(--s-ink);font:600 15px var(--f-text);color:var(--s-ink);cursor:pointer}.sx-reset:hover:not(:disabled){background:var(--s-card)}.sx-reset:disabled{opacity:.45;cursor:default}.sx-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-height:44px}.sx-found{font-size:16px;margin-right:auto}.sx-found,.sx-sort{color:var(--s-muted)}.sx-sort{display:flex;align-items:center;gap:8px;font-size:14px}.sx-sort select{padding:0 12px;background:var(--s-soft);color:var(--s-ink)}.sx-fbtn,.sx-sort select{height:40px;border-radius:999px;border:0;font:600 14px var(--f-text);cursor:pointer}.sx-fbtn{display:none;position:relative;align-items:center;gap:8px;padding:0 16px;background:var(--s-band);color:var(--s-band-ink)}.sx-fbtn .dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--s-lime);color:var(--s-on-lime)}.sx-skel{border-radius:26px;padding:10px;background:var(--s-card);box-shadow:inset 0 0 0 1.5px var(--s-line);display:flex;flex-direction:column;gap:10px}.sx-skel i{display:block;aspect-ratio:4/3;border-radius:18px}.sx-skel b{display:block;height:14px;border-radius:8px;width:80%}.sx-skel b:last-child{width:45%}.sx-skel b,.sx-skel i{background:linear-gradient(90deg,var(--s-soft) 25%,var(--s-soft2) 50%,var(--s-soft) 75%) 0 0 /200% 100%;animation:sx-shine 1.4s linear infinite}@keyframes sx-shine{to{background-position:-200% 0}}.sx-empty{padding:48px 24px;border-radius:26px;background:var(--s-soft);text-align:center}.sx-empty-pic{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--s-lime);color:var(--s-on-lime);font:400 44px var(--f-mono);box-shadow:inset 0 0 0 2px var(--s-on-lime),4px 4px 0 var(--s-on-lime);transform:rotate(-8deg)}.sx-empty h2{font-size:24px;margin:0 0 8px}.sx-empty p{max-width:46ch;margin:0 auto 22px;color:var(--s-text2);line-height:1.5}.sx-sheet{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end}.sx-scrim{position:absolute;inset:0;border:0;background:rgba(15,58,36,.45);cursor:pointer}.sx-panel{position:relative;max-height:88vh;overflow-y:auto;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--s-soft);animation:sx-up .22s ease-out}@keyframes sx-up{0%{transform:translateY(100%)}}.sx-grip{width:44px;height:5px;border-radius:3px;background:var(--s-dash);margin:0 auto 10px}.sx-ptitle{display:flex;justify-content:space-between;align-items:center;font-size:19px}.sx-ptitle button{width:40px;height:40px;border:0;border-radius:50%;background:var(--s-card);font-size:24px;line-height:1;color:var(--s-ink);cursor:pointer}.sx-apply{width:100%;justify-content:center;margin-top:18px;position:-webkit-sticky;position:sticky;bottom:0;border:0;cursor:pointer;font-family:var(--f-text)}@media (max-width:900px){.sx-body{grid-template-columns:minmax(0,1fr)}.sx-side{display:none}.sx-fbtn{display:inline-flex}.sx-found{flex-basis:100%;order:-1;margin:0}.sx-head{flex-wrap:wrap}.sx-sort span{display:none}}@media (max-width:520px){.sx{padding-top:20px}.sx-bar{height:54px;padding:0 16px}.sx-bar input{font-size:17px}.sx-cats{margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);gap:10px}.sx-cat{width:92px;min-height:100px;font-size:13px}.sx-cat .pic{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.sx-panel,.sx-skel b,.sx-skel i{animation:none}}.sx .sx-bar{position:relative}.sx-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:var(--s-card);border-radius:20px;box-shadow:0 0 0 2px var(--s-ink),0 18px 40px rgba(15,58,36,.18);padding:10px;display:grid;grid-gap:6px;gap:6px;max-height:60vh;overflow:auto}.sx-sug small{display:block;padding:6px 10px 2px;font-size:12px;font-weight:600;color:var(--s-muted);text-transform:uppercase;letter-spacing:.04em}.sx-sug button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:10px;border-radius:12px;font:500 16px var(--f-text);color:var(--s-ink);cursor:pointer}.sx-sug button:focus-visible,.sx-sug button:hover{background:var(--s-soft)}.sx-sug button:before{content:"";width:16px;height:16px;flex:none;background:currentColor;opacity:.45;-webkit-mask:var(--ico) center /contain no-repeat;mask:var(--ico) center /contain no-repeat}.sx-sug button.recent{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.sx-sug button.hit{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3C/svg%3E")}.sx-sug button.pop{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E")}.sx-bar input:focus-visible{outline:none}