#activity-content{padding:0;container-type:inline-size}.act-hero{max-width:1160px;margin:0 auto;padding:48px 28px 64px}.act-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}.act-headline{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance}.act-lede{margin:0 0 26px;font-size:.97rem;line-height:1.65;color:var(--text-secondary);max-width:52ch;text-wrap:pretty}.act-cta-row{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-bottom:30px}.act-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;min-height:48px;border-radius:10px;background:#5865f2;color:#fff;font-size:.94rem;font-weight:600;text-decoration:none;transition:background .15s ease}.act-cta-primary:hover{background:#4752c4;color:#fff}.act-cta-primary svg{width:19px;height:19px;flex-shrink:0}.act-live{display:inline-flex;align-items:center;gap:8px;min-height:1.5em;font-size:.875rem;color:var(--text-secondary)}.act-live.is-empty{visibility:hidden}.act-live-dot{width:8px;height:8px;border-radius:50%;background:#23a55a;flex-shrink:0}.act-channels{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-subtle)}.act-channel{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--border-subtle)}.act-channel-name{font:500 .84rem/1.4 var(--font-mono);color:var(--text-primary);overflow-wrap:anywhere}.act-channel-name:before{content:"#";margin-right:4px;color:var(--text-muted)}.act-channel-desc{font-size:.86rem;line-height:1.45;color:var(--text-muted)}.act-pw-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.act-pw-name{margin:0;font:600 1.0625rem/1.3 var(--font-display);color:var(--text-primary)}.act-pw-all{font-size:.85rem;font-weight:500;color:var(--accent-text);text-decoration:none;white-space:nowrap}.act-pw-all:hover{text-decoration:underline}.act-pw-lead{display:block;color:inherit;text-decoration:none}.act-pw-cover{display:block;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--bg-elevated);margin-bottom:14px}.act-pw-cover img{display:block;width:100%;height:100%;object-fit:cover}.act-pw-lead-title{display:block;font:600 1.25rem/1.3 var(--font-display);letter-spacing:-.01em;color:var(--text-primary);text-wrap:pretty;margin-bottom:6px}.act-pw-lead:hover .act-pw-lead-title,.act-pw-line:hover .act-pw-line-title,.act-bw:hover .act-bw-title{color:var(--accent-text)}.act-pw-lead-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.55;color:var(--text-secondary);margin-bottom:8px}.act-pw-lead-sum:empty{display:none}.act-pw-meta{font-size:.8rem;color:var(--text-muted)}.act-pw-more{display:flex;flex-direction:column;margin-top:16px}.act-pw-more:empty{display:none}.act-pw-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--border-subtle);font-size:.9rem;color:inherit;text-decoration:none}.act-pw-line .act-pw-meta{white-space:nowrap;flex-shrink:0}.act-pw-line-title{font-weight:500;color:var(--text-primary);transition:color .12s ease;min-width:0}.act-pw-line--empty{box-sizing:content-box;height:1.45em}.act-pw-col.is-loading .act-pw-lead-title{min-height:2.6em;background:var(--bg-elevated);border-radius:4px}.act-pw-col.is-loading .act-pw-lead-sum{display:block;min-height:3.1em}.act-pw-col.is-loading .act-pw-lead>.act-pw-meta{display:block;min-height:1.3em}.act-pw-empty{margin:12px 0 0;font-size:.875rem;color:var(--text-muted)}.act-brews-wrap,.act-comments-wrap{max-width:1160px;margin:0 auto;padding:0 28px 64px}.act-brews-wrap:before,.act-comments-wrap:before{content:"";display:block;height:1px;background:var(--border-subtle);margin-bottom:36px}.act-sechd{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:20px}.act-sechd-l{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;min-width:0}.act-sechd-r{display:flex;align-items:center;gap:18px}.act-sec-title{margin:0;font:600 clamp(1.375rem,2.4vw,1.625rem)/1.2 var(--font-display);letter-spacing:-.01em;color:var(--text-primary)}.act-sec-sub{font-size:.875rem;color:var(--text-muted)}.act-cta-accent{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:.875rem;font-weight:600;text-decoration:none;transition:filter .15s ease}.act-cta-accent:hover{color:var(--accent-contrast);filter:brightness(1.12)}.act-brews-create--foot{display:none}.act-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.act-bw{display:flex;flex-direction:column;gap:6px;min-width:0;color:inherit;text-decoration:none}.act-bw-art{display:block;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--bg-elevated);margin-bottom:3px;transition:transform .1s ease-out}.act-bw-art img{display:block;width:100%;height:100%;object-fit:cover}.act-bw-art--letter{display:flex;align-items:center;justify-content:center;font:600 2.125rem var(--font-display);color:var(--accent-text);background:var(--accent-light)}.act-bw-title{font-size:.9rem;font-weight:500;line-height:1.35;color:var(--text-primary);text-wrap:pretty;transition:color .12s ease}.act-bw-meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.act-bw--empty .act-bw-title{min-height:1.35em}.act-bw--empty .act-bw-meta{min-height:2.9em}.act-pw-lead:active .act-pw-cover,.act-bw:active .act-bw-art{transform:scale(.98);transition:transform .1s ease-out}@media(prefers-reduced-motion:reduce){.act-pw-lead:active .act-pw-cover,.act-bw:active .act-bw-art{transform:none}}@container (max-width: 900px){.act-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}.act-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 560px){.act-hero{padding:28px 16px 44px}.act-cta-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.act-live{justify-content:center}.act-channel{grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 0}.act-channel:nth-child(n+3){display:none}.act-brews-wrap,.act-comments-wrap{padding:0 16px 48px}.act-brews-wrap:before,.act-comments-wrap:before{margin-bottom:26px}.act-sec-sub,.act-brews-create--head{display:none}.act-shelf{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:132px;gap:14px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.act-shelf::-webkit-scrollbar{display:none}.act-bw{scroll-snap-align:start}.act-brews-create--foot{display:flex;margin-top:18px;min-height:44px}.act-pw-line{flex-direction:column;gap:2px}}.act-comments-wrap{padding-bottom:96px}.comment-source{font-size:.72rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.comment-source:before{content:"· "}.comment-source--link{color:var(--accent-text)}.comment-source--link:hover{text-decoration:underline}.act-comments-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:8px;border-radius:8px;border:1px solid var(--border-default);background:transparent;color:var(--text-primary);font:500 .875rem var(--font-ui);cursor:pointer;transition:background .15s ease,border-color .15s ease}.act-comments-more:hover{background:var(--bg-hover);border-color:var(--border-strong)}@container (max-width: 560px){.act-comments-wrap{padding-bottom:64px}}