*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html.cinematic-loading,body.cinematic-loading{overflow:hidden}body{overflow-x:hidden}em{font-style:italic}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(34px)}.reveal.in{opacity:1;transform:none}.cinematic{position:relative}.cinematic canvas{width:100%;height:100%;position:absolute;inset:0}.reveal-line{opacity:0;will-change:opacity, transform;pointer-events:none;width:max-content;max-width:88vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-player{z-index:100;-webkit-backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0000008c;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:10px;max-width:46px;padding:8px 14px 8px 10px;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.audio-player:hover,.audio-player.expanded{background:#000000b3;border-color:#fff3;max-width:300px}.audio-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:background .3s;display:grid}.audio-player:hover .audio-icon{background:#ffffff2e}.audio-info{flex-direction:column;gap:1px;min-width:0;display:flex}.audio-title{letter-spacing:.02em;color:#fffffff2;font-size:11px;font-weight:600;line-height:1.2}.audio-artist{letter-spacing:.08em;color:#ffffff80;font-size:9px;font-weight:400;line-height:1.2}.audio-status{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.audio-play-icon{color:#fffc;font-size:10px}.audio-equalizer{align-items:flex-end;gap:2px;height:14px;display:flex}.audio-equalizer span{background:#ffffffb3;border-radius:1px;width:2px;animation:1.2s ease-in-out infinite eq}.audio-equalizer span:first-child{height:40%;animation-delay:0s}.audio-equalizer span:nth-child(2){height:70%;animation-delay:.2s}.audio-equalizer span:nth-child(3){height:50%;animation-delay:.4s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes cinematic-spin{to{transform:rotate(360deg)}}.cinematic-spinner{border:2px solid #ffffff26;border-top-color:#fff9;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite cinematic-spin}.cinematic-progress{letter-spacing:.35em;color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:11px}