*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #e8e9e7;--color-text: #4a4a4a;--color-primary: #8c8c8c;--color-secondary: #b5b5b5;--color-card: #ffffff;--shadow-soft: 0 4px 6px rgba(0, 0, 0, .05);--radius: 12px;--color-green: #7bb1a5;--color-link: #22554a}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background-color:var(--color-background);color:var(--color-text)}h1{text-align:center;margin-bottom:1rem;color:var(--color-text);font-size:2.5rem;font-weight:300;letter-spacing:.5px}h2{margin-bottom:.25rem;color:var(--color-text);font-weight:500;font-size:1.2rem}a{color:var(--color-link);text-underline-offset:4px}p{margin-bottom:1rem}.welcome-text{text-align:center;margin-bottom:2rem}.hero{width:100%;height:400px;overflow:hidden;aspect-ratio:4 / 3;background:url(/assets/stones-zKHALS3z.jpg) center/cover no-repeat}.container{max-width:800px;margin:-100px auto 2rem;padding:2rem;position:relative;background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.header{display:flex;gap:1rem;margin-bottom:2rem;color:var(--color-link)}.link-buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem}.link-buttons a{width:250px;color:#000;text-align:center;text-decoration:none;padding:12px;border-radius:var(--radius);background-color:var(--color-green)}.link-buttons a:hover{text-decoration:underline;box-shadow:var(--shadow-soft)}.audio-item{background:var(--color-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease}.audio-item:hover{box-shadow:0 6px 12px #00000014}.player-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.audio-player{flex:1 1 300px;min-width:0;display:flex}audio{width:100%;margin:0;display:block;border-radius:var(--radius)}audio::-webkit-media-controls-panel{background-color:var(--color-background)}.download-button{background-color:var(--color-primary);color:var(--color-card);text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--radius);white-space:nowrap;transition:background-color .2s ease;font-weight:500}.download-button:hover{background-color:var(--color-text)}@media (max-width: 768px){.hero{height:300px}.container{margin:-50px 1rem 2rem;padding:1.5rem}h1{text-align:left;font-size:2rem}.welcome-text{text-align:left}.audio-item{padding:1.25rem}.link-buttons{flex-direction:column;justify-content:center}.link-buttons a{width:auto}}@media (max-width: 480px){.hero{height:200px}.container{margin:-30px 1rem 2rem;padding:1.25rem}h1{font-size:1.75rem}}
