.feed{background:var(--navy-deep);border:1px solid var(--navy-line);border-radius:14px;padding:20px;box-shadow:0 24px 60px #00000059}@media (width>=768px){.feed{padding:28px}}.feed-head{border-bottom:1px solid var(--navy-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.feed-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;display:flex}.feed-note{color:var(--subtle-on-navy);font-size:.75rem}.pulse-dot{background:var(--gold);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.feed-list{min-height:300px;margin:0;padding:0;list-style:none}.feed-item{border-bottom:1px solid #243244;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 0;display:grid}.feed-item:last-child{border-bottom:0}.feed-item.is-new{animation:.55s ease-out feedIn}@keyframes feedIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.feed-tag{letter-spacing:.06em;text-transform:uppercase;min-width:78px;color:var(--gold);text-align:center;border:1px solid #5c5232;border-radius:4px;grid-row:span 2;align-self:start;padding:5px 8px;font-size:.6875rem;font-weight:600}.feed-main{justify-content:space-between;gap:10px;display:flex}.feed-item-title{color:#fff;font-size:.9375rem;font-weight:600}.feed-time{color:var(--subtle-on-navy);white-space:nowrap;padding-top:2px;font-size:.75rem}.feed-detail{color:var(--subtle-on-navy);font-size:.8125rem}.player{background:var(--navy-deep);border:1px solid var(--navy-line);color:#fff;border-radius:14px;flex-direction:column;gap:20px;padding:22px;display:flex;box-shadow:0 24px 60px #00000059}.player-bars{align-items:center;gap:4px;height:64px;display:flex}.player-bars span{transform-origin:50%;background:#3a4a5e;border-radius:3px;flex:1;transition:background .3s;transform:scaleY(.4)}.player-bars span.played{background:var(--gold)}.player.is-playing .player-bars span{animation:.9s ease-in-out infinite bar}@keyframes bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.player-controls{align-items:center;gap:14px;display:flex}.play-btn{background:var(--gold);width:56px;height:56px;color:var(--navy);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.play-btn:disabled{opacity:.5;cursor:not-allowed}.progress{background:var(--navy-line);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--gold);height:100%}.times{color:var(--subtle-on-navy);justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}.player-caption{color:var(--muted-on-navy);border-top:1px solid var(--navy-line);padding-top:14px;font-size:.875rem}.player-avatar{object-fit:cover;object-position:top;background:var(--navy-line);border-radius:50%;flex:none;width:40px;height:40px}.pipe-track{background:var(--navy-line);border-radius:2px;height:4px;overflow:hidden}.pipe-track>div{background:var(--gold);height:100%;transition:width .6s}.pipe-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}@media (width>=900px){.pipe-stages{grid-template-columns:repeat(5,minmax(0,1fr))}}.pipe-btn{text-align:left;cursor:pointer;border:1px solid var(--navy-line);background:var(--navy-deep);color:#fff;border-radius:8px;flex-direction:column;gap:4px;min-height:76px;padding:12px;transition:background .25s,color .25s,border-color .25s;display:flex}.pipe-btn.done{background:#243244}.pipe-btn.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}.pipe-num{font-family:var(--font-display);opacity:.8;font-size:.9375rem;font-weight:700}.pipe-name{font-size:.9375rem;font-weight:600;line-height:1.3}.pipe-detail{background:var(--navy-deep);border:1px solid var(--navy-line);border-radius:14px;gap:20px;margin-top:20px;padding:24px;animation:.45s ease-out detailIn;display:grid}@media (width>=900px){.pipe-detail{grid-template-columns:1.6fr 1fr;padding:36px}}@keyframes detailIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pipe-detail h3{color:#fff;margin:12px 0 10px;font-size:clamp(1.8rem,3vw + 1rem,2.5rem)}.pipe-detail p{color:var(--muted-on-navy);font-size:1.0625rem}.pipe-note{border-left:2px solid var(--gold);align-self:start;padding-left:18px;color:var(--subtle-on-navy)!important;font-size:.9375rem!important}.badge-gold{background:var(--gold);color:var(--navy)}.badge-muted{background:var(--navy-line);color:var(--muted-on-navy)}