.po-page{--po-accent: #f08a24;--po-accent-ink: #20180e;--po-ease: cubic-bezier(.16, 1, .3, 1);position:relative;min-width:0;max-width:1060px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(14px,3.5vw,32px) clamp(56px,7vw,90px)}@keyframes po-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.po-page *{animation:none!important;transition:none!important}}.po-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-success, #2eaf64);animation:po-beat 2.2s ease-in-out infinite}@keyframes po-beat{0%,to{opacity:1}50%{opacity:.35}}.po-mast{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(18px,3vw,28px);animation:po-rise .42s var(--po-ease) both}.po-overline{display:inline-block;margin-bottom:6px;color:var(--po-accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.po-title{margin:0;color:var(--text-main);font-size:clamp(22px,3.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15}.po-title-accent{color:var(--po-accent)}.po-meta{margin:8px 0 0;color:var(--text-muted);font-size:13px}.po-meta strong{color:var(--text-main);font-variant-numeric:tabular-nums}.po-mast-actions{display:flex;flex-wrap:wrap;gap:10px}.po-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);background:var(--bg-surface);color:var(--text-main);font-size:13.5px;font-weight:700;text-decoration:none;transition:border-color .14s var(--po-ease),background-color .14s var(--po-ease),transform .14s var(--po-ease)}.po-btn:hover{border-color:var(--po-accent);transform:translateY(-1px)}.po-btn:active{transform:translateY(0)}.po-btn:focus-visible{outline:2px solid var(--po-accent);outline-offset:2px}.po-btn--solid{border-color:var(--po-accent);background:var(--po-accent);color:var(--po-accent-ink)}.po-btn--solid:hover{background:color-mix(in srgb,var(--po-accent) 88%,#fff)}.po-btn--ghost{border-style:dashed;color:var(--text-muted)}.po-btn--ghost:hover{color:var(--text-main)}.po-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(18px,3vw,26px);padding:6px;border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);background:var(--bg-surface);animation:po-rise .42s var(--po-ease) both;animation-delay:50ms}.po-nav-item{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:calc(var(--radius-md, 12px) - 4px);color:var(--text-muted);font-size:13.5px;font-weight:700;text-decoration:none;transition:color .14s var(--po-ease),background-color .14s var(--po-ease)}.po-nav-item i{font-size:12.5px}.po-nav-item:hover{color:var(--text-main);background:color-mix(in srgb,var(--po-accent) 12%,transparent)}.po-nav-item:focus-visible{outline:2px solid var(--po-accent);outline-offset:-2px}.po-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill, 9999px);background:var(--po-accent);color:var(--po-accent-ink);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.po-nav-badge[hidden]{display:none}.po-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,20px);align-items:start}@media(min-width:880px){.po-grid{grid-template-columns:minmax(0,1fr) 320px}}.po-panel{border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);background:var(--bg-surface);overflow:hidden;animation:po-rise .42s var(--po-ease) both;animation-delay:.1s}.po-side{display:grid;gap:clamp(14px,2vw,20px)}.po-side .po-panel:nth-child(2){animation-delay:.15s}.po-side .po-panel:nth-child(3){animation-delay:.2s}.po-side .po-panel:nth-child(4){animation-delay:.25s}.po-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);box-shadow:inset 3px 0 0 var(--po-accent)}.po-panel-title{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--text-main);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.po-panel-more{color:var(--text-muted);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap}.po-panel-more:hover{color:var(--po-accent)}.po-panel-foot{padding:12px 16px;border-top:1px solid var(--border-color)}.po-empty{margin:0;padding:16px;color:var(--text-muted);font-size:13.5px;line-height:1.5}.po-empty a{color:var(--po-accent);font-weight:700}.po-side-note{margin:0;padding:10px 16px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:12.5px;font-variant-numeric:tabular-nums}.po-topic-list{list-style:none;margin:0;padding:0}.po-topic-list li+li{border-top:1px solid var(--border-color)}.po-topic{display:flex;align-items:baseline;gap:12px;padding:13px 16px;color:var(--text-main);text-decoration:none;transition:background-color .12s var(--po-ease)}.po-topic:hover{background:color-mix(in srgb,var(--po-accent) 7%,transparent)}.po-topic:hover .po-topic-title{color:var(--po-accent)}.po-topic-num{flex:0 0 auto;color:var(--text-muted);font-family:var(--font-family-mono, monospace);font-size:11.5px}.po-topic-title{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s var(--po-ease)}.po-topic-list li:first-child .po-topic-title{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.po-topic-stats{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:12px;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.po-topic-replies i{font-size:10px}.po-voice-rooms{display:grid}.po-voice-room{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;color:var(--text-main);text-decoration:none;transition:background-color .12s var(--po-ease)}.po-voice-room+.po-voice-room{border-top:1px solid var(--border-color)}.po-voice-room:hover{background:color-mix(in srgb,var(--po-accent) 7%,transparent)}.po-voice-room-name{min-width:0;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-voice-room-side{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.po-voice-avatars{display:inline-flex}.po-voice-avatar{width:22px;height:22px;border-radius:50%;border:2px solid var(--bg-surface);object-fit:cover;background:var(--bg-surface-alt, var(--bg-surface))}.po-voice-avatar+.po-voice-avatar{margin-left:-8px}.po-voice-room-count{color:var(--text-muted);font-family:var(--font-family-mono, monospace);font-size:11.5px;font-variant-numeric:tabular-nums}.po-track-list{list-style:none;margin:0;padding:0}.po-track-list li{display:flex;align-items:baseline;gap:10px;min-width:0;padding:10px 16px}.po-track-list li+li{border-top:1px solid var(--border-color)}.po-track-play{flex:0 0 auto;color:var(--po-accent);font-size:9px}.po-track-title{flex:1 1 auto;min-width:0;color:var(--text-main);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-track-by{flex:0 0 auto;color:var(--text-muted);font-size:11.5px}.po-chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:14px 16px}.po-chip{padding:5px 11px;border:1px solid var(--border-color);border-radius:var(--radius-pill, 9999px);color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.po-chip strong{color:var(--po-accent);font-weight:800}.po-wall-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 16px 14px}.po-wall-thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:calc(var(--radius-md, 12px) - 6px);border:1px solid var(--border-color);background:var(--bg-surface-alt, var(--bg-surface))}@media(max-width:700px){.po-mast{align-items:stretch;flex-direction:column}.po-mast-actions .po-btn{flex:1 1 auto;justify-content:center}.po-nav{gap:2px;padding:4px}.po-nav-item{padding:9px 10px;font-size:13px}.po-topic-stats .po-topic-time{display:none}}