*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{min-height:100vh}:root{--paper: #0d1117;--ink: #e5e7eb;--soft-ink: #9ca3af;--line: #2b3440;--card: rgba(16, 21, 29, .72);--card-edge: rgba(64, 77, 92, .5)}#root{min-height:100vh}.poetry-page{min-height:100vh;padding:clamp(2rem,4vw,4rem) clamp(1.2rem,4vw,5rem);background:radial-gradient(circle at 85% 0%,rgba(72,42,28,.3),transparent 42%),radial-gradient(circle at 5% 78%,rgba(25,47,64,.33),transparent 48%),var(--paper);color:var(--ink);font-family:Courier Prime,Courier New,Courier,monospace}.hero{max-width:44rem;margin:0 auto 2.5rem}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;color:var(--soft-ink);font-size:.8rem}h1{margin:.6rem 0 1rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:500;line-height:1.1}.intro{margin:0;max-width:34rem;color:var(--soft-ink);line-height:1.7}.poem-list{margin:0 auto;max-width:56rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.poem-card{background:var(--card);border:1px solid var(--card-edge);border-radius:4px;padding:1.2rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}h2{margin:0 0 .8rem;font-size:1rem;font-weight:600}.page-footer{max-width:56rem;margin:2rem auto 0;border-top:1px solid var(--line);padding-top:.8rem;font-size:.85rem;color:var(--soft-ink)}.piece-description{margin:0 0 1rem;line-height:1.65;color:#cbd5e1}.pending-audio{margin:0;font-size:.86rem;color:var(--soft-ink);font-style:italic}.piece-audio{display:block;max-width:100%;width:100%}