.poetry-section{position:relative;margin-top:var(--space-4xl);padding:var(--space-3xl) var(--space-lg);min-height:100vh;overflow:hidden}.poetry-background{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0a 0,#1a1a2e 50%,#0f0f0f 100%);z-index:-1}.poetry-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.poetry-intro{text-align:center;font-size:1rem;color:rgba(255,255,255,.85);margin-bottom:var(--space-xl);letter-spacing:.5px}.poetry-title{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(2rem, 5vw, 3rem);color:var(--color-primary);margin-bottom:var(--space-2xl);letter-spacing:1px}.poetry-player{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);backdrop-filter:blur(10px)}.poetry-cover{width:100%;max-width:400px;margin:0 auto var(--space-xl);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.poetry-cover img{width:100%;height:auto;display:block}.poetry-track-info{text-align:center;margin-bottom:var(--space-lg)}.poetry-track-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.poetry-artist{font-size:.95rem;color:var(--color-primary);letter-spacing:.5px}.poetry-audio-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:var(--space-md)}.poetry-time-current,.poetry-time-total{font-size:.8rem;color:rgba(255,255,255,.7);min-width:45px;text-align:center}.poetry-btn-next,.poetry-btn-prev{background:0 0;border:1px solid rgba(255,255,255,.25);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all var(--transition-fast);color:#fff;font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.poetry-btn-next:hover,.poetry-btn-prev:hover{border-color:var(--color-primary);color:var(--color-primary)}.poetry-btn-play{background:var(--color-primary);border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:#fff;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;padding-left:2px}.poetry-btn-play:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.poetry-btn-play.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.poetry-progress-bar{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;margin-bottom:var(--space-xl);overflow:hidden}.poetry-progress{height:100%;background:var(--color-primary);width:0%;transition:width .1s linear}.poetry-progress-bar:hover .poetry-progress{opacity:.8}.poetry-tracklist{margin-top:var(--space-xl)}.tracklist-header{font-size:1.1rem;color:var(--color-primary);margin-bottom:var(--space-md);letter-spacing:.5px;text-transform:uppercase}.tracklist-items{list-style:none;padding:0;margin:0}.tracklist-item{padding:.8rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex;justify-content:space-between;align-items:center}.tracklist-item:hover{background:rgba(255,255,255,.05)}.tracklist-item.active{background:rgba(var(--color-primary-rgb),.15);border-left:3px solid var(--color-primary)}.tracklist-title{color:#fff;font-size:.95rem}.tracklist-duration{color:rgba(255,255,255,.6);font-size:.85rem}@media (max-width:768px){.poetry-section{padding:var(--space-xl) var(--space-sm)}.poetry-player{padding:var(--space-lg)}.poetry-cover{max-width:280px}.poetry-track-title{font-size:1.3rem}.poetry-audio-controls{gap:.5rem}.poetry-btn-next,.poetry-btn-prev{width:36px;height:36px;font-size:1rem}.poetry-btn-play{width:52px;height:52px;font-size:1.2rem}.tracklist-item{padding:.6rem .8rem}}.poetry-section.compact{position:relative;margin-top:-60px;margin-bottom:var(--space-2xl);padding:0;min-height:auto;overflow:visible;margin-left:calc(var(--space-lg) * -1);margin-right:calc(var(--space-lg) * -1);padding-left:var(--space-lg);padding-right:var(--space-lg)}.poetry-section.compact .poetry-background{display:none}.poetry-section.compact .poetry-container{max-width:320px;display:flex!important;flex-direction:column!important;margin:0 auto;padding:0}.poetry-section.compact .poetry-intro{order:2!important;font-size:1rem;margin-bottom:1rem;white-space:normal;line-height:1.4}.poetry-section.compact .poetry-title{order:1!important;font-size:1.8rem;margin-bottom:1rem}.poetry-section.compact .poetry-player{order:3!important;background:rgba(255,255,255,.03);border:1px solid transparent;background:0 0;border-radius:var(--radius-md);padding:var(--space-xs);margin-bottom:var(--space-sm);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.poetry-section.compact .poetry-cover{width:100%;max-width:320px;margin:0 auto var(--space-xs);box-shadow:0 4px 16px rgba(0,0,0,.2);border-radius:var(--radius-md);overflow:hidden}.poetry-section.compact .poetry-cover img{width:100%;height:auto;display:block;object-fit:cover}.poetry-section.compact .poetry-track-info{margin-bottom:.5rem}.poetry-section.compact .poetry-track-title{font-size:1.25rem}.poetry-section.compact .poetry-audio-controls{gap:.5rem;margin-bottom:.5rem;width:100%;justify-content:center}.poetry-section.compact .poetry-time-current,.poetry-section.compact .poetry-time-total{font-size:.7rem;min-width:35px}.poetry-section.compact .poetry-btn-next,.poetry-section.compact .poetry-btn-prev{width:28px;height:28px;font-size:.6rem;border-width:1px}.poetry-section.compact .poetry-btn-play{width:44px;height:44px;font-size:.9rem}.poetry-section.compact .poetry-progress-bar{margin-bottom:.5rem;height:3px;width:100%}.poetry-section.compact .poetry-section.compact .poetry-section.compact .poetry-tracklist{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-sm)}.poetry-section.compact .tracklist-header{font-size:.85rem;margin-bottom:.5rem}.tracklist-container{overflow:hidden;max-height:0;transition:max-height .3s ease}.tracklist-container.expanded{max-height:400px}.tracklist-toggle{display:block;text-align:center;cursor:pointer;color:var(--color-primary);font-size:.8rem;padding:.5rem;opacity:.7}.tracklist-toggle:hover{opacity:1}