@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Crimson+Text:ital@0;1&display=swap";.fixed{position:fixed}:root{--color-background:#0a0a0a;--color-surface:#1a1a1a;--color-text-primary:#f5f5f5;--color-text-secondary:#8b8b8b;--color-accent:#e4b5a0;--color-accent-hover:#f0c8b8;--color-border:#2a2a2a}@layer base{*{box-sizing:border-box}html{overflow:hidden auto}html,body{height:100%;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);letter-spacing:.3px;font-family:Crimson Text,serif;line-height:1.6;overflow-x:hidden}#root{height:100%}h1,h2,h3{letter-spacing:-.5px;font-family:Playfair Display,serif;font-weight:700}}@keyframes subtle-shift{0%,to{background-position:0 0}50%{background-position:100% 100%}}body:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20%,#e4b5a008,#0000 50%),radial-gradient(circle at 80% 80%,#e4b5a005,#0000 50%);animation:20s ease-in-out infinite subtle-shift;position:fixed;inset:0}.play-button{position:relative;width:140px;height:140px;border-radius:50%;border:2px solid var(--color-accent);background-color:transparent;color:var(--color-accent);font-family:Crimson Text,serif;font-size:16px;letter-spacing:1px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;outline:none;overflow:hidden}.play-button:before{content:"";position:absolute;inset:0;background-color:var(--color-accent);border-radius:50%;opacity:0;z-index:-1;transition:opacity .4s cubic-bezier(.34,1.56,.64,1)}.play-button:hover{border-color:var(--color-accent-hover);color:var(--color-background);transform:scale(1.05)}.play-button:hover:before{opacity:1}.play-button:active{transform:scale(.98)}.play-button.playing{animation:pulse-ring 1.5s ease-in-out infinite}.play-icon{width:32px;height:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.play-button:not(.disabled):hover .play-icon{transform:scale(1.1)}.button-text{font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:opacity .3s ease}@keyframes pulse-ring{0%{box-shadow:0 0 #e4b5a066}50%{box-shadow:0 0 0 15px #e4b5a000}to{box-shadow:0 0 #e4b5a000}}.play-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.app-container{position:relative;height:100vh;height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box;z-index:0;overflow:hidden}.content-wrapper{position:relative;z-index:2;text-align:center;max-width:600px;width:100%;animation:fade-in 1s ease-out}.header-section{margin-bottom:5rem}.title{font-size:clamp(2.5rem,8vw,4rem);margin:0 0 1.5rem;letter-spacing:-1.5px;color:var(--color-text-primary);font-weight:700;line-height:1.1}.divider{width:60px;height:1px;background-color:var(--color-accent);margin:1.5rem auto;transition:all .6s ease}.subtitle{font-size:1.1rem;color:var(--color-text-secondary);letter-spacing:.8px;font-style:italic;margin:0;font-weight:300}.button-section{display:flex;justify-content:center;animation:scale-in .8s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.header-section:hover .divider{width:80px;background-color:var(--color-accent-hover)}@media(max-width:640px){.app-container{padding:1rem}.header-section{margin-bottom:2.5rem}.title{font-size:clamp(2rem,7vw,3rem);margin-bottom:1rem}.subtitle{font-size:.95rem}.divider{margin:1rem auto}}