@font-face{font-family:Iknowu Marcellus;src:local("Marcellus SC"),local("Marcellus"),local("Times New Roman");font-display:swap}:root{color:#fff;background:#020506;font-family:Iknowu Marcellus,Songti SC,STSong,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--white-soft: rgba(255, 255, 255, .86);--white-muted: rgba(255, 255, 255, .58)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;overflow-x:hidden;background:#020506}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}.rain-page{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;color:#fff;background:#020506;isolation:isolate}.weather-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;display:block;width:100%;height:100%}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 43%,transparent 0 24%,rgba(0,3,4,.15) 55%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,#0002030d,#0000003d 60%,#00000094)}.scene-vignette:after{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");content:"";mix-blend-mode:soft-light;opacity:.12}.visit-count{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));z-index:1;color:#ffffffad;font-size:13px;line-height:1.4;pointer-events:none;text-shadow:0 1px 16px rgba(0,0,0,.72)}.center-container{display:grid;min-height:100vh;min-height:100svh;place-items:center;padding:64px 24px 120px;text-align:center}.center-block{width:min(100%,720px);animation:page-enter 1.1s ease both}.audio-skin{display:grid;justify-items:center;gap:16px;margin:0 auto 26px}.play-button{position:relative;display:grid;width:132px;height:132px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffffff5c,#ffffff14 34%,#ffffff04 69%),#060d0f24;box-shadow:0 22px 64px #00000061,inset 0 0 28px #ffffff14;outline:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.play-button:before{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border:1px solid rgba(255,255,255,.08);border-radius:inherit;content:""}.play-button:hover{border-color:#ffffffb8;transform:scale(1.035)}.play-button:focus-visible{box-shadow:0 0 0 4px #fff3,0 22px 64px #00000061}.play-button.is-playing{animation:pulse 5.6s ease-out infinite}.play-symbol{display:inline-block;padding-left:5px;font-family:Georgia,serif;font-size:34px;line-height:1;opacity:.92;text-shadow:0 0 18px rgba(255,255,255,.32)}.pause-symbol{display:inline-flex;height:46px;gap:11px;align-items:stretch;color:#fffffff0;filter:drop-shadow(0 0 12px rgba(255,255,255,.24))}.pause-symbol span{width:11px;border-radius:1px;background:currentcolor}.volume-control{display:grid;width:min(220px,58vw);gap:8px;color:var(--white-muted);font-size:12px;letter-spacing:.34em;text-transform:uppercase}.volume-control input{width:100%;accent-color:#fff}h1{margin:0;font-size:clamp(46px,9.5vw,86px);font-weight:400;line-height:.98;letter-spacing:.012em;text-shadow:0 2px 30px rgba(0,0,0,.48)}.tagline{margin:14px 0 0;color:var(--white-soft);font-size:clamp(18px,3vw,22px);line-height:1.45;text-shadow:0 1px 22px rgba(0,0,0,.58)}.download-entry{display:inline-flex;gap:9px;align-items:center;margin-top:34px;padding:8px 2px 7px;border-bottom:1px solid rgba(255,255,255,.32);color:#ffffffbd;font-size:14px;line-height:1;text-decoration:none;transition:color .18s ease,border-color .18s ease,transform .18s ease}.download-entry svg{flex:0 0 auto}.download-entry:hover{border-color:#ffffffbd;color:#fff;transform:translateY(-1px)}.download-entry:focus-visible{border-color:#fff;outline:2px solid rgba(255,255,255,.48);outline-offset:5px}.page-footer{position:absolute;right:0;bottom:0;left:0;display:grid;gap:8px;justify-items:center;padding:0 24px max(26px,env(safe-area-inset-bottom));color:var(--white-muted);font-size:13px;line-height:1.5;text-align:center}.page-footer p{margin:0}.page-footer nav{display:inline-flex;gap:10px;align-items:center}.page-footer a{opacity:.84}.page-footer a:hover{opacity:1}@keyframes pulse{0%{box-shadow:0 0 #daeaec21,0 22px 64px #00000061,inset 0 0 28px #ffffff14}42%{box-shadow:0 0 0 84px #daeaec00,0 22px 64px #00000061,inset 0 0 28px #ffffff14}to{box-shadow:0 0 #daeaec00,0 22px 64px #00000061,inset 0 0 28px #ffffff14}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 550px){.visit-count{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));font-size:12px}.center-container{padding:48px 18px 112px}.play-button{width:112px;height:112px}.pause-symbol{height:40px;gap:9px}.pause-symbol span{width:9px}.tagline{max-width:280px;margin-right:auto;margin-left:auto}.download-entry{margin-top:26px;font-size:13px}.page-footer{padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:12px}}@media (prefers-reduced-motion: reduce){.center-block,.play-button.is-playing{animation:none}}