@layer components{.section-head{padding:0 var(--spacing-4);container:section-head/inline-size}@media (width>=920px){.app-head:not([data-canvas])>.section-head{background:var(--color-background)}}.section-head-row{align-items:center;column-gap:var(--spacing-3);grid-template-rows:42px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:62px;padding-block:10px;display:grid}.section-head-lead{flex-direction:column;justify-self:start;gap:2px;min-width:0;max-width:100%;max-height:100%;line-height:1.2;display:flex;overflow:hidden}.section-head-total{color:var(--color-content-strong);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.section-head-sub,.section-head-meta{align-items:center;gap:var(--spacing-2);min-width:0;color:var(--color-content-muted);font-size:var(--text-2sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.section-head-tabs-box{justify-self:center;min-width:0;max-width:100%;display:grid}.section-head-tabs-box>*{grid-area:1/1}.section-head-tabs{justify-self:start}.section-head-tabs-sizer{visibility:hidden;pointer-events:none}.section-head-actions{justify-self:end;align-items:center;gap:var(--spacing-1);min-width:0;display:flex}.section-head-controls{align-items:center;gap:var(--spacing-2);min-width:0;display:flex}.section-chans{isolation:isolate;border-radius:var(--radius-full);background:var(--color-muted);flex:none;align-items:center;gap:3px;height:30px;padding:3px;display:inline-flex;position:relative}.section-chan-indicator{z-index:0;border-radius:var(--radius-full);background:var(--color-surface-1);box-shadow:0 0 0 1px var(--color-line), var(--card-raise);opacity:0;pointer-events:none;transition:transform var(--duration-slow) var(--ease-spring);position:absolute;top:0;left:0}.section-chan{z-index:1;border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-content-strong);transition:transform var(--duration-medium) var(--ease-spring);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.section-chan:hover{transform:scale(1.08)}.section-chan:active{transform:scale(.92)}.section-chan:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.section-chan-mark{flex:none;display:block}@container section-head (width<=1060px){.section-head-row{grid-template:"lead actions"34px"tabs tabs"42px/minmax(0,1fr) auto;row-gap:6px;height:98px;padding-block:8px}.section-head-lead{grid-area:lead}.section-head-actions{grid-area:actions}.section-head-tabs-box{grid-area:tabs}}@container section-head (width<=800px){.section-head .section-head-tabs .page-tab{padding-inline:9px}}@container section-head (width<=560px){.section-head-tabs-box,.section-head-tabs{justify-self:stretch}.section-head-tabs-sizer{display:none}.section-head-tabs .page-tab-seg:not(.is-active) .page-tab-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app-head:has(>.app-head-slot>.section-head)>.app-head-default{display:none}.app-main:has(>.app-head[data-canvas]){background:var(--color-surface-0)}@media (width>=920px){.app-head[data-canvas]{position:static}}}