*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#111f24;color:#f2e7cd;font-family:'Avenir Next','Century Gothic',Arial,sans-serif}#experience{position:relative;min-height:100svh;height:100%;overflow:hidden}.garden,.vignette,#petals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vignette{background:linear-gradient(180deg,#07101655,transparent 35%,#071016aa),radial-gradient(ellipse at center,transparent 40%,#07101655)}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:34px 5vw}.brand{font-size:27px;letter-spacing:-1px;text-decoration:none}.brand span{color:#db9680}.back{text-decoration:none;font-size:12px;letter-spacing:.5px}.title{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:90%;text-shadow:0 2px 30px #0c2029}.eyebrow{font-size:10px;letter-spacing:4px;margin-bottom:24px;color:#ead5b9}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(65px,8vw,115px);letter-spacing:-3px;line-height:1.1;margin:0}h1 span{display:block;font:20px/1.7 serif;letter-spacing:12px;margin:20px 0 28px;opacity:.7}.subtitle{font-size:14px;letter-spacing:2px;color:#eadcc5}.controls{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.buttons{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid #e2d9be55;background:#12242b9c;color:#f2e7cd;padding:13px 18px;font:12px Arial,sans-serif;border-radius:30px;cursor:pointer;min-height:44px;backdrop-filter:blur(8px)}button:hover{background:#344845}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f2d4a3;outline-offset:5px}#music[aria-pressed=true]{background:#ddc5a8;color:#162b2e;border-color:#ddc5a8}.volume{display:flex;align-items:center;gap:12px;font-size:11px}input{width:110px;accent-color:#e2c7a5;min-height:44px}#status{flex-basis:100%;font-size:10px;letter-spacing:1px;opacity:.65;margin:0}.petal{position:absolute;top:-10%;width:9px;height:5px;border-radius:80% 0 80% 0;background:#ebc3b6;animation:fall var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}.mist{animation:drift 35s ease-in-out infinite alternate}.ripples{animation:shimmer 8s ease-in-out infinite alternate}.hanging-lantern{animation:glow 6s ease-in-out infinite alternate}@keyframes fall{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.6}85%{opacity:.4}100%{transform:translate(230px,110vh) rotate(540deg);opacity:0}}@keyframes drift{to{transform:translateX(100px)}}@keyframes shimmer{to{opacity:.06;transform:translateX(10px)}}@keyframes glow{to{opacity:.75}}body.still *{animation-play-state:paused!important}body.immersive .chrome{opacity:0;pointer-events:none}#show{position:absolute;bottom:24px;right:24px;opacity:.5}#show:hover,#show:focus{opacity:1}.chrome{transition:opacity .6s}@media(max-width:650px){header{padding:22px 6vw}.brand{font-size:24px}.back{font-size:10px}.title{top:40%}.eyebrow{font-size:8px;letter-spacing:2px}h1{letter-spacing:-2px}h1 span{font-size:17px}.subtitle{font-size:11px;letter-spacing:1px}.controls{left:6vw;right:6vw;bottom:22px;gap:12px}.buttons{gap:8px}button{font-size:11px;padding:11px 14px}.volume{width:100%}#status{font-size:9px;line-height:1.7}.garden{width:160%;left:-30%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.petal{display:none}}
a{color:inherit}

.song-choice{display:flex;align-items:center;gap:9px;font-size:11px}.song-choice select{background:#12242bdc;color:#f2e7cd;border:1px solid #e2d9be55;border-radius:30px;padding:12px 14px;font:12px Arial,sans-serif;min-height:44px}.song-choice select:focus-visible{outline:2px solid #f2d4a3;outline-offset:4px}@media(max-width:650px){.title{top:36%}.song-choice{width:100%}}