.cl{margin-top:clamp(28px,4vw,48px);container-type:inline-size}.cl__head{gap:6px;margin-bottom:14px;display:grid}.cl__head>:is(.cl__h,.cl__lead){max-width:46rem}.cl__h{font:500 clamp(1.2rem, 2vw, 1.5rem)/1.15 var(--font-inter), system-ui, sans-serif;color:var(--w);margin:0}.cl__lead{color:var(--w55);margin:0;font-size:.95rem;line-height:1.5}.cl__grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;grid-auto-columns:calc(25% - 7.5px);grid-auto-flow:column;gap:10px;margin:0 -2px;padding:2px 2px 12px;scroll-padding-inline:2px;list-style:none;display:grid;overflow-x:auto}.cl__grid>li{scroll-snap-align:start;min-width:0}@container (max-width:1000px){.cl__grid{grid-auto-columns:calc(41.6667% - 8.33333px)}}@container (max-width:560px){.cl__grid{grid-auto-columns:64%;gap:8px}.cl-t{border-radius:12px;gap:10px;padding:11px 11px 10px}.cl-t__ic{border-radius:8px;width:28px;height:28px}.cl-t__who{gap:8px}.cl-t__who b{font-size:.88rem}.cl-t__who>span>span,.cl-t__now{font-size:.74rem}.cl-t__wave,.cl-t__wave i{height:22px}.cl__now{min-height:4.5em;font-size:.86rem}}.cl-t{border:1px solid var(--line-2);background:var(--card);width:100%;min-height:100%;color:var(--w);font:400 .86rem/1.35 var(--font-inter), system-ui, sans-serif;text-align:left;cursor:pointer;transition:border-color .2s var(--ease), transform .16s var(--ease);border-radius:14px;gap:10px;margin:0;padding:12px 12px 11px;display:grid}.cl-t:hover{border-color:var(--acc-line)}.cl-t:active{transform:scale(.985)}.cl-t:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.cl-t[data-on]{border-color:var(--acc-line)}.cl-t__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cl-t__trade{color:var(--w55);font-size:.74rem}.cl-t__len{font-variant-numeric:tabular-nums;color:var(--w55);white-space:nowrap;font-size:.72rem}.cl-t__who{align-items:center;gap:10px;min-width:0;display:flex}.cl-t__who>span{min-width:0;display:grid}.cl-t__who b{font-size:.95rem;font-weight:600}.cl-t__who>span>span{color:var(--w55);font-size:.8rem}.cl-t__ic{background:var(--acc);width:32px;height:32px;color:var(--on-acc);border-radius:9px;flex:none;place-items:center;display:grid}.cl-t__ic svg{fill:currentColor;width:12px;height:12px}.cl-t__wave{align-items:center;gap:2px;height:28px;display:flex}.cl-t__wave i{background:var(--w);opacity:.22;transform-origin:50%;border-radius:1px;flex:1 1 0;min-width:0;height:28px;transition:opacity .18s linear;display:block}.cl-t[data-on] .cl-t__wave i{opacity:.3}.cl-t[data-on] .cl-t__wave i[data-lit]{background:var(--acc);opacity:1}.cl-t__now{color:var(--w55);font-size:.8rem}.cl__now{min-height:3em;color:var(--w55);margin:8px 0 0;font-size:.92rem;line-height:1.5}.cl-who{color:var(--w85,var(--w));font-weight:600}.cl-who[data-ai]{color:var(--acc)}@media (prefers-reduced-motion:reduce){.cl-t,.cl-t__wave i{transition:none}.cl-t:active{transform:none}}.cl-chip{color:#fff;height:34px;font:500 .78rem/1 var(--font-inter), system-ui, sans-serif;cursor:pointer;transition:transform .16s var(--ease,ease);background:#080909e0;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;margin:0;padding:0 12px 0 4px;display:inline-flex;position:relative;overflow:hidden}.cl-chip:after{content:"";background:var(--acc,#3ddc84);height:2px;transform:scaleX(var(--p,0));transform-origin:0;position:absolute;bottom:0;left:0;right:0}.cl-chip:active{transform:scale(.97)}.cl-chip:focus-visible{outline:2px solid var(--acc,#3ddc84);outline-offset:2px}.cl-chip i{background:var(--acc,#3ddc84);width:26px;height:26px;color:var(--on-acc,#04170b);border-radius:7px;place-items:center;display:grid}.cl-chip svg{fill:currentColor;width:11px;height:11px}.cl-chip time{font-variant-numeric:tabular-nums;color:#ffffff9e;font-size:.7rem}@media (prefers-reduced-motion:reduce){.cl-chip{transition:none}.cl-chip:active{transform:none}}.cl__bar{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.cl__pager{gap:6px;display:flex}.cl__pager button{border:1px solid var(--line-2);width:36px;height:36px;color:var(--w);cursor:pointer;transition:border-color .2s var(--ease), transform .16s var(--ease);background:0 0;border-radius:10px;place-items:center;margin:0;padding:0;display:grid}.cl__pager button:hover{border-color:var(--acc-line)}.cl__pager button:active{transform:scale(.96)}.cl__pager button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.cl__pager svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@container (max-width:560px){.cl__pager{display:none}}.cl__langs{border:1px solid var(--line-2);border-radius:11px;justify-self:start;gap:2px;padding:3px;display:inline-flex}.cl__langs button{min-height:32px;color:var(--w55);font:500 .82rem/1 var(--font-inter), system-ui, sans-serif;cursor:pointer;transition:transform .16s var(--ease);background:0 0;border:0;border-radius:8px;margin:0;padding:0 14px}.cl__langs button[aria-checked=true]{background:var(--fill);color:var(--on-fill)}.cl__langs button:active{transform:scale(.97)}.cl__langs button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@container (min-width:900px){.cl__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px}.cl__head>*{grid-column:1}.cl__head>.cl__bar{grid-area:1/2/span 3;align-self:end;margin:0}.cl__bar{gap:16px}}.cl__swipe{color:var(--w55);font-size:.78rem;display:none}@container (max-width:560px){.cl__swipe{display:inline}.cl__grid{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}.cl-t__h{-webkit-line-clamp:2;min-height:2.5em;color:var(--w);-webkit-box-orient:vertical;font-size:1rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}@container (max-width:560px){.cl-t__h{font-size:.92rem}}
