@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@200;300;400;500&display=swap";:root{--bg-color: #0d0d0d;--bg-secondary: #1a1a1a;--text-primary: #f2f2f2;--text-secondary: #a0a0a0;--accent-color: #d4c5a3;--border-color: #333333;--font-serif: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--spacing-container: 3rem;--transition-slow: .6s cubic-bezier(.22, 1, .36, 1);--transition-normal: .3s ease-out}@media(max-width:768px){:root{--spacing-container: 1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;font-size:16px}@media(max-width:768px){body{font-size:14px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:300;line-height:1.1;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:var(--font-sans);outline:none}.container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-container)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.text-muted{color:var(--text-secondary)}@media(max-width:768px){.mobile-hide{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.audio-player{width:100%;padding:2rem;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);margin:2rem 0}.audio-caption{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.audio-icon{font-size:2rem;color:#667eea;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.audio-text{display:flex;flex-direction:column;gap:.25rem}.audio-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-weight:500}.audio-title{font-size:1.1rem;color:#ffffffe6;font-family:var(--font-serif);font-style:italic}.audio-player-controls{display:flex;align-items:center;gap:1.5rem}.play-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.play-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #667eea66}.play-button:active{transform:scale(.98)}.progress-container{flex:1;display:flex;align-items:center;gap:1rem}.time-display{font-size:.875rem;color:#ffffffb3;font-variant-numeric:tabular-nums;min-width:40px}.progress-bar-wrapper{flex:1;height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .1s linear;pointer-events:none}.progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.volume-control{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.volume-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.volume-button:hover{color:#fff}.volume-slider{width:80px;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;border:none;cursor:pointer;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media(max-width:768px){.audio-player{padding:1.5rem}.audio-player-controls{gap:1rem}.play-button{width:48px;height:48px}.volume-control{display:none}.time-display{font-size:.75rem;min-width:35px}}