.shf{--a:#4075a3;--a-fill:rgba(64,117,163,.14);--fill:rgba(118,118,128,.12);--fill2:rgba(118,118,128,.2);--txt:#1c1c1e;--txt2:#6b7075;--line:rgba(0,0,0,.09);--seg:#fff;--ok:#2e9d5b;--warn:#e5484d;margin:0 0 18px;font-size:14px;line-height:1.35;color:var(--txt)}.dark .shf{--a:#7fb3e8;--a-fill:rgba(127,179,232,.2);--fill:rgba(120,120,128,.24);--fill2:rgba(255,255,255,.14);--txt:#fff;--txt2:#a9adb3;--line:rgba(255,255,255,.1);--seg:#48484a;--ok:#4cd07f;--warn:#ff6b6b}.shf *,.shf ::after,.shf ::before{box-sizing:border-box}.shf a{text-decoration:none;color:inherit}.shf .shf-tabs{display:flex;gap:2px;padding:3px;margin:0 0 12px;border-radius:12px;background:var(--fill);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shf .shf-tabs::-webkit-scrollbar{display:none}.shf .shf-tab{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--txt2);white-space:nowrap;transition:background .15s,color .15s}.shf .shf-tab:hover{color:var(--txt)}.shf .shf-tab b{min-width:22px;padding:1px 6px;border-radius:10px;background:var(--fill2);font-size:12px;font-weight:600;line-height:1.5;text-align:center;color:var(--txt2)}.shf .shf-tab.is-on{background:var(--seg);color:var(--txt);box-shadow:0 1px 3px rgba(0,0,0,.14)}.shf .shf-tab.is-on b{background:var(--a-fill);color:var(--a)}.shf .shf-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}.shf .shf-search{position:relative;flex:1 1 240px;min-width:0;margin:0}.shf .shf-search svg{position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--txt2);pointer-events:none}.shf .shf-search input[type=search]{display:block;width:100%;height:38px;margin:0;padding:0 12px 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--fill);color:var(--txt);font:inherit;font-size:14px;outline:0;-webkit-appearance:none;appearance:none;box-shadow:none}.shf .shf-search input[type=search]::placeholder{color:var(--txt2);opacity:1}.shf .shf-search input[type=search]:focus{border-color:var(--a);background:transparent}.shf .shf-sort{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0}.shf .shf-sort span{font-size:13px;color:var(--txt2);white-space:nowrap}.shf .shf-sort select{height:38px;margin:0;padding:0 32px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--fill) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 11px center;color:var(--txt);font:inherit;font-size:14px;font-weight:500;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none}.shf .shf-sort select:focus{border-color:var(--a)}.dark .shf .shf-sort select option{background:#2c2c2e;color:#fff}.shf .shf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.shf .shf-lbl{margin-right:2px;font-size:13px;color:var(--txt2)}.shf .shf-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;border:1px solid var(--line);background:var(--fill);font-size:13.5px;font-weight:500;color:var(--txt);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,border-color .15s}.shf .shf-chip:hover{background:var(--fill2)}.shf .shf-chip.is-on{background:var(--a-fill);border-color:transparent;color:var(--a);font-weight:600}.shf .shf-chip svg{width:14px;height:14px;flex:none}.shf .shf-gap{flex:1 1 8px}.shf .shf-sum{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:12px;font-size:13px;color:var(--txt2)}.shf .shf-sum a{font-weight:600;color:var(--a)}.shf .shf-sum a:hover{text-decoration:underline}.shf-empty{margin:8px 0 22px;padding:34px 20px;border:1px dashed var(--line,rgba(0,0,0,.18));border-radius:14px;text-align:center;color:#6b7075}.dark .shf-empty{border-color:rgba(255,255,255,.18);color:#a9adb3}.shf-empty h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#1c1c1e}.dark .shf-empty h3{color:#fff}.shf-empty p{margin:0 0 16px;font-size:14px;line-height:1.5}.shf-empty .shf-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.shf-empty a{display:inline-flex;align-items:center;padding:9px 18px;border-radius:10px;background:#4075a3;color:#fff;font-size:14px;font-weight:600;text-decoration:none}.shf-empty a.shf-alt{background:rgba(118,118,128,.16);color:inherit}.dark .shf-empty a{background:#5a94c8}.dark .shf-empty a.shf-alt{background:rgba(120,120,128,.28);color:#fff}.short-item .shf-prog{margin:2px 0 8px;max-width:420px}.short-item .shf-track{height:5px;border-radius:3px;background:rgba(118,118,128,.22);overflow:hidden}.short-item .shf-track i{display:block;height:100%;border-radius:3px;background:#4075a3}.dark .short-item .shf-track i{background:#7fb3e8}.short-item .shf-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;font-size:13px;color:#6b7075}.dark .short-item .shf-row{color:#a9adb3}.short-item .shf-left{font-weight:600;color:#1c1c1e}.dark .short-item .shf-left{color:#fff}.short-item .shf-go{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:8px;background:rgba(64,117,163,.14);color:#4075a3;font-size:13px;font-weight:600;text-decoration:none}.short-item .shf-go:hover{background:rgba(64,117,163,.24)}.dark .short-item .shf-go{background:rgba(127,179,232,.2);color:#7fb3e8}.short-item .shf-go svg{width:12px;height:12px}.short-item.shf-has .short-rating:has(.book_small_player_time__progress){display:none}@media (max-width:560px){.shf .shf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.shf .shf-chips::-webkit-scrollbar{display:none}.shf .shf-chips>*{flex:none}.shf .shf-gap{display:none}.shf .shf-sort{flex:1 1 100%}.shf .shf-sort select{flex:1}.shf .shf-tab{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.shf *{transition:none!important}}