@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{color:var(--color-text-primary);letter-spacing:.3px;background-color:var(--color-background);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{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 20%,#e4b5a008 0%,#0000 50%),radial-gradient(circle at 80% 80%,#e4b5a005 0%,#0000 50%);animation:20s ease-in-out infinite subtle-shift;position:fixed;inset:0}.play-button{width:140px;height:140px;color:var(--color-accent);letter-spacing:1px;cursor:pointer;border:2px solid var(--color-accent);background-color:#0000;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;font-family:Crimson Text,serif;font-size:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.play-button:before{z-index:-1;content:"";background-color:var(--color-accent);opacity:0;border-radius:50%;transition:opacity .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.play-button:hover{color:var(--color-background);border-color:var(--color-accent-hover);transform:scale(1.05)}.play-button:hover:before{opacity:1}.play-button:active{transform:scale(.98)}.play-button.playing{animation:1.5s ease-in-out infinite pulse-ring}.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{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500;transition:opacity .3s}@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{z-index:0;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.content-wrapper{z-index:2;text-align:center;width:100%;max-width:600px;animation:1s ease-out fade-in;position:relative}.header-section{margin-bottom:5rem}.title{color:var(--color-text-primary);letter-spacing:-1.5px;margin:0 0 1.5rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1}.divider{background-color:var(--color-accent);width:60px;height:1px;margin:1.5rem auto;transition:all .6s}.subtitle{color:var(--color-text-secondary);letter-spacing:.8px;margin:0;font-size:1.1rem;font-style:italic;font-weight:300}.button-section{justify-content:center;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s backwards scale-in;display:flex}@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{background-color:var(--color-accent-hover);width:80px}@media (width<=640px){.app-container{padding:1rem}.header-section{margin-bottom:2.5rem}.title{margin-bottom:1rem;font-size:clamp(2rem,7vw,3rem)}.subtitle{font-size:.95rem}.divider{margin:1rem auto}}