@layer theme,base;@layer components{.sx-form{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"q q""season season""genre score""go go";gap:8px;padding:10px;display:grid}.sx-q{grid-area:q;min-width:0;position:relative}.sx-q svg{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sx-input{border:1px solid var(--line);background:var(--canvas);width:100%;height:44px;color:var(--ink);border-radius:999px;padding:0 14px 0 40px;font-size:15px}.sx-input::placeholder{color:var(--ink-3)}.sx-input:hover{border-color:var(--line-strong)}.sx-input:focus-visible,.sx-select:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:#0000}.sx-field{min-width:0;position:relative}.sx-field:after{content:"";background:var(--ink-3);pointer-events:none;width:12px;height:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.sx-field.is-season{grid-area:season}.sx-field.is-genre{grid-area:genre}.sx-field.is-score{grid-area:score}.sx-select{border:1px solid var(--line);background-color:var(--canvas);width:100%;height:40px;color:var(--ink);appearance:none;text-overflow:ellipsis;cursor:pointer;border-radius:999px;padding:0 30px 0 14px;font-size:13px;font-weight:600}.sx-select:hover{border-color:var(--line-strong)}.sx-select option{background:var(--surface);color:var(--ink)}.sx-go{background:var(--ink);height:44px;color:var(--canvas);white-space:nowrap;cursor:pointer;border-radius:999px;grid-area:go;justify-content:center;align-items:center;gap:6px;padding:0 22px;font-size:14px;font-weight:800;transition:background-color .15s,color .15s;display:inline-flex}.sx-go:hover{background:var(--accent);color:var(--on-accent)}@media (min-width:24rem){.sx-form{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"q q q""season genre score""go go go"}}@media (min-width:24rem) and (not (min-width:29rem)){.sx-form:lang(en){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"q q""season season""genre score""go go"}}@media (min-width:48rem){.sx-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-template-areas:"q q q go""season genre score score";align-items:center}.sx-go{padding:0 24px}}@media (min-width:64rem){.sx-form{grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,150px)) auto;grid-template-areas:"q season genre score go";padding:8px}.sx-select{height:44px}}.sx-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sx-chip{border:1px solid var(--line-strong);background:var(--surface);height:32px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 12px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.sx-chip svg{color:var(--ink-3);flex:none}.sx-chip:hover{border-color:var(--ink-3);background:var(--raised)}.sx-chip:hover svg{color:var(--ink)}.sx-list{gap:10px;display:grid}@media (min-width:64rem){.sx-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.sx-item{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:60px minmax(0,1fr) auto;align-items:start;column-gap:12px;padding:12px;transition:border-color .15s,box-shadow .2s;display:grid;position:relative}.sx-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.sx-item .poster{border-radius:10px}.sx-title{overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.35}.sx-item:hover .sx-title{color:var(--accent-ink)}.sx-alt{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.35;overflow:hidden}.sx-matched{color:var(--ink-2);margin-top:3px;font-size:12px}.sx-matched mark{background:color-mix(in oklab, var(--accent) 22%, transparent);color:var(--ink);border-radius:3px;padding:0 2px}.sx-meta{color:var(--ink-3);margin-top:6px;font-size:12px;line-height:1.5}.sx-score{text-align:right;min-width:52px}.sx-score .s-val{font-size:26px}.sx-noscore{color:var(--ink-3);white-space:nowrap;font-size:12px;display:inline-block}@media (min-width:48rem){.sx-item{grid-template-columns:72px minmax(0,1fr) auto;column-gap:16px;padding:14px}.sx-title{font-size:16px}.sx-score .s-val{font-size:30px}}.sx-entry{flex-wrap:wrap;gap:8px;display:flex}.sx-syntax{gap:8px;display:grid}@media (min-width:48rem){.sx-syntax{grid-template-columns:repeat(2,minmax(0,1fr))}}.sx-syntax a{border:1px solid var(--line);background:var(--surface);height:100%;color:var(--ink-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.sx-syntax a:hover{border-color:var(--line-strong);background:var(--raised);color:var(--ink)}.sx-syntax code{color:var(--ink);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.sx-empty{border:1px dashed var(--line-strong);border-radius:var(--r-card);padding:20px 16px}@media (min-width:48rem){.sx-empty{padding:28px}}@media (forced-colors:active){.sx-field:after{forced-color-adjust:none;background:canvastext}}}@layer utilities;