@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;800&display=swap";:root{--bg-color: #000;--text-color: #fff}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-color)}#app{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}#start-btn{padding:15px 40px;font-family:Outfit,sans-serif;font-size:24px;font-weight:800;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:30px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}#start-btn:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.05)}#scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#0006;padding:40px;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;transition:opacity 1s ease-in-out}.progress-ring-container{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.progress-ring{position:absolute;top:0;left:0;transform:rotate(135deg)}.progress-ring__circle{transition:stroke-dashoffset .5s ease-out,stroke .5s ease;stroke-linecap:round}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.party-details{text-align:center;font-size:.95rem;color:#ffffffe6;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.party-details span{font-weight:600;color:#fff}.reason-text{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);font-style:italic}.track-icon{position:absolute;font-size:1.2rem;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 5px rgba(0,0,0,.8));z-index:5}#record-marker{filter:grayscale(100%) opacity(.7) drop-shadow(0 2px 5px rgba(0,0,0,.8))}#record-message{font-size:.75rem;line-height:1.4;color:#ffffffb3}.record-beat{color:#facc15!important;font-weight:800!important;font-size:.85rem!important;text-shadow:0 0 10px rgba(250,204,21,.5);animation:pulse-text 2s infinite}@keyframes pulse-text{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.countdown-number{font-size:2.5rem}.ui-container{padding:30px 40px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}