.container.browse{padding-left:max(24px, calc((100% - var(--w-wide))/2));padding-right:max(24px, calc((100% - var(--w-wide))/2));padding-bottom:64px}.browse .bhead{z-index:3;margin:-24px 0 16px;padding:24px 0 8px;position:sticky;top:-24px}.browse .bhead:before{content:"";z-index:-1;background:var(--bg);border-bottom:1px solid var(--line);position:absolute;inset:0 -100vw}.browse .bt{margin:0;font-size:22px;font-weight:700}.browse .bs{color:var(--text3);margin:6px 0 16px;font-size:13px;line-height:1.55}.browse .bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.browse .fin{border:1px solid var(--field-line);width:240px;max-width:100%;height:32px;color:var(--text3);border-radius:20px;align-items:center;gap:8px;padding:0 12px;display:flex}.browse .fin:focus-within{border-color:var(--field-line-on);color:var(--text2)}.browse .fin input{min-width:0;color:var(--text);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:13px}.browse .fdiv{background:var(--line);width:1px;height:16px}.browse .chips{flex-wrap:wrap;gap:4px;display:flex}.browse .ford{border:1px solid var(--line);border-radius:20px;margin-left:auto;padding:2px;display:inline-flex}.browse .ford-b{color:var(--text3);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:16px;padding:4px 12px;font-size:12px}.browse .ford-b.on{background:var(--elevated);color:var(--text)}.browse .live-sec{margin-bottom:24px}.browse .sec-h.plain{margin-top:4px}.browse .sh-dot{background:var(--ok);width:6px;height:6px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}.browse .live-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.browse .lcard{border:1px solid var(--ok-line);background:linear-gradient(180deg, var(--ok-soft), transparent 62%), var(--surface);color:var(--text);border-radius:12px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.browse .lcard:hover{border-color:var(--ok);transform:translateY(-1px)}.browse .lc-top{align-items:center;gap:12px;min-width:0;display:flex}.browse .lc-id{flex:1;min-width:0}.browse .lc-nm{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.browse .lc-kind{color:var(--text3);margin-top:2px;font-size:11px}.browse .lc-badge{flex:none}.browse .lc-line{color:var(--text2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:19px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.browse .lc-foot{align-items:center;gap:8px;display:flex}.browse .lc-go{color:var(--ok);font-size:12px}.browse .grow{flex:1}.browse .muted.sm{color:var(--text3);font-size:11px}.browse .grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:8px;display:grid}.browse .grid.big{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width:560px){.browse .cface{aspect-ratio:4/3;margin:-8px -12px 0;font-size:22px}.browse .card{gap:6px;padding:8px 12px}.browse .cnm{font-size:14px}.browse .grid,.browse .grid.big{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.browse .card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;transition:border-color .15s,transform .15s;display:flex}.browse .card:hover{border-color:var(--accent-line);transform:translateY(-1px)}.browse .card.done{background:linear-gradient(180deg, var(--accent-soft), transparent 55%), var(--surface)}.browse .cface{aspect-ratio:16/9;border-radius:12px 12px 0 0;place-items:center;margin:-12px -16px 0;font-size:26px;font-weight:700;text-decoration:none;display:grid;position:relative;overflow:hidden}.browse .cface img{object-fit:cover;width:100%;height:100%}.browse .cface-m{opacity:.82;transform:scale(1.8)}.browse .cface-live{background:var(--scrim);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.browse .cface-live i{background:var(--ok);border-radius:50%;width:5px;height:5px}.browse .ctop{color:var(--text);align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.browse .ctop:hover .cnm{text-decoration:underline}.browse .cmain{flex-direction:column;gap:2px;min-width:0;display:flex}.browse .cnm{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.browse .cmeta{color:var(--text3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.browse .ckind{color:var(--text2)}.browse .clive{color:var(--ok);align-items:center;gap:4px;display:inline-flex}.browse .clive i{background:var(--ok);border-radius:50%;width:5px;height:5px}.browse .dot{opacity:.5}.browse .ctp{color:var(--text3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.browse .cteam{align-items:center;gap:8px;margin-top:auto;display:flex}.browse .cnum{color:var(--text3);font-variant-numeric:tabular-nums;font-size:12px}.browse .cact{border-top:1px solid var(--line2);align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.browse .lnk{font:inherit;color:var(--text2);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.browse .lnk:hover{color:var(--accent2)}.browse .lnk.dim,.browse .lnk:disabled{color:var(--text3);cursor:default}.browse .cown{color:var(--text3);font-size:12px;text-decoration:none}.browse .cown b{color:var(--text2);font-weight:600}.browse .cown:hover b{color:var(--accent2)}.browse .tail{border:1px dashed var(--line);color:var(--text3);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px;font-size:13px;display:flex}.browse .skel{pointer-events:none}.browse :where(.cav){background:var(--surface2);flex:none;display:inline-flex;position:relative;overflow:hidden}.browse .cav img{object-fit:cover;width:100%;height:100%;display:block}.browse .cav-tx{letter-spacing:-.02em;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.browse .card a:focus-visible,.browse .chip:focus-visible,.browse .cact .btn:focus-visible,.browse .lcard:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}@media (max-width:720px){.browse .fdiv{display:none}.browse .fin{width:100%}.browse .ford{margin-left:0}.browse .cact .btn{flex:1;justify-content:center}.browse .live-grid{grid-template-columns:1fr}}
