.sf-search{max-width:34rem;position:relative}.sf-label{font-family:var(--font-headline), sans-serif;color:var(--cream);margin-bottom:8px;font-size:15px;font-weight:800;display:block}.sf-field{border:1px solid var(--line-2);background:#f5f0e80a;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.sf-field:focus-within{border-color:var(--hot);background:#f5f0e80f;box-shadow:0 0 0 4px #ff5a1f24}.sf-field svg{color:var(--txt-2);flex:none}.sf-input{min-width:0;height:100%;color:var(--cream);caret-color:var(--hot);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:600}.sf-input::placeholder{color:var(--txt-2);opacity:1;font-weight:500}.sf-input::selection,.sf-select::selection{color:var(--cream);background:#ff5a1f59}.sf-list{z-index:30;border:1px solid var(--line-2);background:var(--bg-2);overscroll-behavior:contain;border-radius:12px;max-height:min(22rem,60vh);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 30px 80px -24px #000000e6,inset 0 1px #ffffff0d}.sf-opt{cursor:pointer;color:var(--txt);border-radius:8px;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 12px;font-weight:600;display:flex}.sf-opt[aria-selected=true]{color:var(--cream);background:#ff5a1f24}.sf-opt-sets{font-family:var(--font-jb-mono), monospace;letter-spacing:.06em;color:var(--txt-2);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.sf-none{color:var(--txt-2);padding:12px;font-size:14px;line-height:1.5}.sf-select-wrap{max-width:34rem;margin-top:18px;position:relative}.sf-select{border:1px solid var(--line-2);width:100%;height:52px;color:var(--cream);appearance:none;cursor:pointer;background:#f5f0e80a;border-radius:11px;padding:0 42px 0 14px;font-size:16px;font-weight:600;transition:border-color .2s,box-shadow .2s}.sf-select:focus-visible{border-color:var(--hot);outline:0;box-shadow:0 0 0 4px #ff5a1f24}.sf-select option{background:var(--bg-2);color:var(--txt)}.sf-select-wrap svg{pointer-events:none;color:var(--txt-2);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sf-hint{color:var(--txt-2);max-width:34rem;margin-top:12px;font-size:14px;line-height:1.55}.sf-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-2), var(--bg));border-radius:22px;min-height:30rem;margin:0;padding:20px 20px 16px;box-shadow:0 40px 120px -30px #000000d9,inset 0 1px #ffffff0d}.sf-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:16px;display:flex}.sf-head-art{object-fit:cover;background:var(--bg-3);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex:none}.sf-head-name{font-family:var(--font-headline), sans-serif;color:var(--cream);overflow-wrap:anywhere;font-size:1.2rem;font-weight:800;line-height:1.2}.sf-head-sub{color:var(--txt-2);margin-top:2px;font-size:14px}.sf-meta{font-family:var(--font-jb-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-2);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12px;display:flex}.sf-meta>*+:before{content:"";background:var(--hot);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:10px;display:inline-block}.sf-meta a{color:var(--txt);text-underline-offset:3px;-webkit-text-decoration:underline #f5f0e84d;text-decoration:underline #f5f0e84d}.sf-meta a:hover{color:var(--hot-soft)}.sf-filter{margin-top:14px}.sf-filter input{border:1px solid var(--line);width:100%;height:40px;color:var(--cream);caret-color:var(--hot);background:#f5f0e808;border-radius:9px;padding:0 12px;font-size:15px}.sf-filter input::placeholder{color:var(--txt-2);opacity:1}.sf-filter input:focus-visible{border-color:var(--hot);outline:0}.sf-cols,.sf-row{grid-template-columns:40px minmax(0,1fr) 2.6rem 3.4rem 5.4rem;align-items:center;gap:12px;display:grid}.sf-cols{font-family:var(--font-jb-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-2);padding:14px 10px 8px;font-size:11px;font-weight:500}.sf-cols>:nth-child(n+3){text-align:right}.sf-rows{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f5f0e82e transparent;max-height:31rem;margin:0;padding:0;list-style:none;overflow-y:auto}.sf-row{border-radius:10px;padding:8px 10px;transition:background .2s}.sf-row+.sf-row{box-shadow:0 -1px 0 var(--line)}.sf-row:hover{background:#f5f0e808}.sf-art{object-fit:cover;background:var(--bg-3);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:7px}.sf-title{text-overflow:ellipsis;white-space:nowrap;color:var(--cream);font-size:15px;font-weight:700;display:block;overflow:hidden}.sf-row .sf-title,.sf-nrow .sf-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box}.sf-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--txt-2);font-size:14px;display:block;overflow:hidden}.sf-num{text-align:right;font-family:var(--font-jb-mono), monospace;font-variant-numeric:tabular-nums;color:var(--txt);font-size:14px}.sf-classic{text-align:right;color:var(--txt-2);white-space:nowrap;font-size:14px}.sf-dash{color:var(--txt-3)}.sf-keycell{justify-content:flex-end;display:flex}.sf-chip{min-width:3.2em;height:28px;font-family:var(--font-jb-mono), monospace;font-variant-numeric:tabular-nums;color:var(--amber);background:#ffb27a29;border-radius:7px;place-items:center;padding:0 7px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-grid;box-shadow:inset 0 0 0 1px #ffb27a66}a.sf-chip:hover{background:var(--hot);color:#1a0d05;box-shadow:none}a.sf-chip:focus-visible,.sf-row a:focus-visible,.sf-meta a:focus-visible,.sf-where a:focus-visible{outline:2px solid var(--hot);outline-offset:2px}.sf-chip[data-tier=bold]{color:var(--hot-soft);background:0 0;box-shadow:inset 0 0 0 1.5px #ff8a4cb3}.sf-chip[data-tier=clash],.sf-chip[data-tier=none]{color:var(--txt-2);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.sf-rows[data-play] .sf-chip{animation:sf-lit .8s cubic-bezier(.16,1,.3,1) calc(80ms + min(var(--i,0), 14) * 55ms) backwards}@keyframes sf-lit{0%{opacity:.25;box-shadow:inset 0 0 0 1px var(--line)}35%{opacity:1;box-shadow:0 0 0 3px #ff5a1f47, inset 0 0 0 1px var(--hot)}}.sf-nrow{border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px;display:grid}.sf-nrow+.sf-nrow{box-shadow:0 -1px 0 var(--line)}.sf-nrow:hover{background:#f5f0e808}.sf-where{color:var(--txt-2);margin-top:4px;font-size:14px;line-height:1.45}.sf-where a{color:var(--txt);text-underline-offset:3px;-webkit-text-decoration:underline #f5f0e84d;text-decoration:underline #f5f0e84d}.sf-where a:hover{color:var(--hot-soft);-webkit-text-decoration-color:var(--hot-soft);text-decoration-color:var(--hot-soft)}.sf-tc{font-family:var(--font-jb-mono), monospace;font-variant-numeric:tabular-nums;color:var(--hot)}.sf-nside{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.sf-bpm{font-family:var(--font-jb-mono), monospace;font-variant-numeric:tabular-nums;color:var(--txt-2);white-space:nowrap;font-size:13px}.sf-bpm b{color:var(--txt);font-weight:500}.sf-legend{border-top:1px solid var(--line);color:var(--txt-2);flex-wrap:wrap;gap:6px 16px;margin-top:12px;padding:12px 10px 0;font-size:13px;display:flex}.sf-legend span{align-items:center;gap:8px;display:inline-flex}.sf-legend i{background:#ffb27a33;border-radius:4px;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #ffb27a73}.sf-legend i[data-tier=bold]{background:0 0;box-shadow:inset 0 0 0 1.5px #ff8a4cb3}.sf-legend i[data-tier=clash]{box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.sf-foot{border-top:1px solid var(--line);color:var(--txt-2);margin-top:12px;padding:12px 10px 0;font-size:14px;line-height:1.5}.sf-foot a{color:var(--txt);text-underline-offset:3px;-webkit-text-decoration:underline #f5f0e84d;text-decoration:underline #f5f0e84d}.sf-foot a:hover{color:var(--hot-soft)}.sf-skel{background:linear-gradient(90deg,#f5f0e808,#f5f0e812,#f5f0e808) 0 0/200% 100%;border-radius:10px;height:56px;animation:1.4s ease-in-out infinite sf-skel}.sf-skel+.sf-skel{margin-top:8px}@keyframes sf-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.sf-msg{color:var(--txt-2);padding:28px 10px;font-size:15px;line-height:1.6}.sf-msg button{border:1px solid var(--line-2);height:40px;color:var(--cream);cursor:pointer;background:0 0;border-radius:10px;margin-top:12px;padding:0 16px;font-weight:700;transition:border-color .2s,color .2s}.sf-msg button:hover{border-color:var(--hot);color:var(--hot-soft)}@media (max-width:639px){.sf-panel{border-radius:18px;min-height:0;padding:16px 12px 12px}.sf-cols,.sf-row{grid-template-columns:36px minmax(0,1fr) 2.6rem 3.4rem;gap:8px}.sf-cols>:nth-child(5),.sf-row>:nth-child(5){display:none}.sf-art{width:36px;height:36px}.sf-rows{max-height:26rem}.sf-nrow{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:10px 6px}}@media (prefers-reduced-motion:reduce){.sf-rows[data-play] .sf-chip,.sf-skel{animation:none}.sf-field,.sf-row,.sf-chip{transition:none}}