.audio-controls{position:fixed;bottom:10px;right:20px;z-index:1000}.audio-player-wrapper{display:flex;flex-direction:column;position:relative;align-items:flex-end;transition:all .6s cubic-bezier(.4,0,.2,1)}.audio-player-wrapper.collapsed{margin-bottom:10px}.audio-player-wrapper.collapsed .audio-player{pointer-events:none}.audio-player-wrapper:not(.collapsed) .audio-player-compact{pointer-events:none}.audio-player-wrapper:not(.collapsed) .audio-player{margin-bottom:-10px}.audio-player{display:flex;flex-direction:column;gap:8px;padding:12px 16px;width:280px;max-width:280px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0000001a;position:relative;z-index:1;opacity:1;max-height:500px;overflow:hidden;visibility:visible;transition:opacity .6s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1);margin-bottom:0}.audio-player-line1{display:flex;align-items:center;justify-content:center;gap:12px}.song-info-centered{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden;align-items:center;text-align:center}.share-icon-btn,.volume-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:50%;transition:all .2s ease;padding:0;flex-shrink:0;position:absolute;bottom:18px}.share-icon-btn{left:18px}.volume-icon-btn{right:18px}.share-icon-btn:hover,.volume-icon-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.share-icon-btn:active,.volume-icon-btn:active{transform:scale(.95)}.share-icon-btn:disabled{cursor:not-allowed;opacity:.7}.share-icon-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.volume-icon-btn.active{background:#fff3!important;color:#fff!important}.volume-icon-btn.active:hover{background:#ffffff40!important}.song-title-wrapper,.song-artist-wrapper{overflow:hidden;white-space:nowrap;position:relative;width:100%}.song-title-wrapper,.song-artist-wrapper{height:16px;width:100%}.song-title-marquee,.song-artist-marquee{display:inline-flex;white-space:nowrap;gap:30px}.song-title-text,.song-artist-text{display:inline-block;white-space:nowrap}.song-title-wrapper:not(.scrolling) .song-title-marquee span:last-child,.song-artist-wrapper:not(.scrolling) .song-artist-marquee span:last-child{display:none}.song-title-wrapper.scrolling .song-title-marquee span:last-child,.song-artist-wrapper.scrolling .song-artist-marquee span:last-child{display:inline-block}.song-title-text{font-size:13px;font-weight:600;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:16px}.song-artist-text{font-size:11px;font-weight:400;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:16px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}.song-title-wrapper.scrolling .song-title-marquee,.song-artist-wrapper.scrolling .song-artist-marquee{animation:marquee 12s linear infinite;cursor:pointer}.song-title-wrapper.scrolling:hover .song-title-marquee,.song-artist-wrapper.scrolling:hover .song-artist-marquee{animation-play-state:paused}.volume-control-pill{display:flex;flex-direction:row;gap:0;padding:12px 16px;width:280px;max-width:280px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:999px;box-shadow:0 8px 32px #0000001a;margin-top:0;margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transform:scale(.95);transform-origin:center;transition:max-height .3s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.volume-control-pill.visible{max-height:200px;margin-top:18px;margin-bottom:10px;opacity:1;transform:scale(1)}.volume-control-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0;padding:0 8px;position:relative}.volume-control-item:first-child{padding-right:12px;border-right:1px solid rgba(255,255,255,.2)}.volume-control-item:last-child{padding-left:12px}.volume-label{font-size:11px;font-weight:500;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:center;width:100%}.volume-slider{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;outline:none;cursor:pointer;width:100%}.volume-slider::-webkit-slider-runnable-track{height:3px;background:#ffffff26;border-radius:3px}.volume-slider::-moz-range-track{height:3px;background:#ffffff26;border-radius:3px;border:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#ffffffe6;border-radius:50%;cursor:pointer;margin-top:-3.5px}.volume-slider::-moz-range-thumb{width:10px;height:10px;background:#ffffffe6;border-radius:50%;border:none;cursor:pointer}.audio-player-line2{display:flex;align-items:center;gap:12px;margin-top:5px}.timecode-current,.timecode-total{font-size:10px;font-weight:500;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:.3px;white-space:nowrap;min-width:40px}.timecode-current{text-align:left}.timecode-total{text-align:right}.progress-bar-container{flex:1;cursor:pointer;height:24px;display:flex;align-items:center;padding:10px 0;margin:-10px 0}.progress-bar-track{width:100%;height:4px;background:#fff3;border-radius:2px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background:#ffffffe6;border-radius:2px;transition:width .1s linear}.audio-player-line3{display:flex;align-items:center;justify-content:center;gap:8px}.audio-btn-small{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:50%;transition:all .2s ease;padding:0;flex-shrink:0}.audio-btn-small svg{display:block;width:100%;height:100%}.audio-btn-small:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.audio-btn-small.active{color:#fff;background:#fff3}.audio-btn-hero{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffe6;cursor:pointer;border-radius:50%;transition:all .2s ease;padding:0;flex-shrink:0}.audio-btn-hero svg{display:block;width:100%;height:100%}.audio-btn-hero:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.audio-btn-hero:active{transform:scale(.95)}.play-btn{width:48px;height:48px}.fire-audio-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px #00000040;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.fire-audio-button:hover{background:#ffffff29;transform:translateY(-1px) scale(1.03)}.fire-audio-button:active{transform:translateY(0) scale(.97)}.fire-audio-button.active{color:#ffe6c8;background:#ff963c4d;box-shadow:0 0 16px #ff963cb3}.audio-player-compact{display:flex;align-items:center;gap:12px;padding:10px 16px;width:280px;max-width:280px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:999px;box-shadow:0 8px 32px #0000001a;opacity:0;max-height:60px;overflow:hidden;visibility:hidden;position:absolute;bottom:0;left:0;right:0;z-index:2;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1);cursor:pointer;--fade-opacity: 1}.audio-player-wrapper:not(.collapsed) .audio-player-compact{opacity:0;visibility:hidden}.audio-player-wrapper.collapsed .audio-player-compact{opacity:var(--fade-opacity, 1);visibility:visible}.audio-player-wrapper.collapsed .audio-player{opacity:0;max-height:60px;padding-top:10px;padding-bottom:10px;border-radius:999px;pointer-events:none;visibility:hidden}.compact-song-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.compact-title-wrapper,.compact-artist-wrapper{overflow:hidden;white-space:nowrap;position:relative;width:100%;height:16px}.compact-title-marquee,.compact-artist-marquee{display:inline-flex;white-space:nowrap;gap:30px}.compact-title-text{display:inline-block;white-space:nowrap;font-size:13px;font-weight:600;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:16px}.compact-artist-text{display:inline-block;white-space:nowrap;font-size:11px;font-weight:400;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:16px}.compact-title-wrapper:not(.scrolling) .compact-title-marquee span:last-child,.compact-artist-wrapper:not(.scrolling) .compact-artist-marquee span:last-child{display:none}.compact-title-wrapper.scrolling .compact-title-marquee span:last-child,.compact-artist-wrapper.scrolling .compact-artist-marquee span:last-child{display:inline-block}.compact-title-wrapper.scrolling .compact-title-marquee,.compact-artist-wrapper.scrolling .compact-artist-marquee{animation:marquee 15s linear infinite}.compact-title-wrapper.scrolling:hover .compact-title-marquee,.compact-artist-wrapper.scrolling:hover .compact-artist-marquee{animation-play-state:paused}@media (max-width: 768px) and (orientation: portrait){.audio-controls{bottom:50px;right:auto;left:50%;transform:translate(-50%)}.audio-player-wrapper{align-items:center}}.control-buttons{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:1000;transition:opacity .3s ease}.control-buttons-row{display:flex;align-items:center;gap:12px}.auto-weather-info{position:fixed;top:80px;right:24px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;white-space:nowrap;opacity:0;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto;min-width:140px;z-index:1001;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease}.auto-weather-info:not(.editing):hover{background:#ffffff26;border-color:#ffffff4d}.auto-weather-info.fade-out{animation:slideOutToRight .3s cubic-bezier(.4,0,.2,1) forwards}.auto-weather-line1{font-size:11px;font-weight:600;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:14px;margin-bottom:2px;text-align:center;width:100%}.auto-weather-line2{font-size:10px;font-weight:400;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:12px;text-align:center;width:100%}.location-edit-icon{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fffc;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;width:16px;height:16px;min-width:16px;min-height:16px}.location-edit-icon:hover{color:#fff;background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.location-edit-icon svg{width:10px;height:10px}.location-edit-form{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.location-edit-input{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;color:#fffffff2;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;width:100%;box-sizing:border-box;outline:none;transition:all .2s ease}.location-edit-input:focus{background:#fff3;border-color:#ffffff80}.location-edit-input::placeholder{color:#ffffff80}.location-edit-input:disabled{opacity:.6;cursor:not-allowed}.location-edit-buttons{display:flex;gap:4px;justify-content:center}.location-edit-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#ffffffe6;font-size:12px;padding:2px 6px;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.location-edit-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.location-edit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideInFromRight{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 40px))}}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;color:#ffffffe6;cursor:pointer;transition:all .2s ease;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.control-button:hover{background:#ffffff29;transform:translateY(-1px) scale(1.03)}.control-button:active{transform:translateY(0) scale(.97)}.snow-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden;transform:translateZ(0);contain:layout style paint}.snow-container.blizzard-mode{will-change:contents}.snowflake{position:absolute;background:#fff;border-radius:50%;filter:blur(1px);top:-10px;animation:snowfall linear infinite;box-shadow:0 0 2px #fffc;will-change:transform;backface-visibility:hidden;contain:strict;transform:translateZ(0)}.fog-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden;transform:translateZ(0);contain:layout style paint}.fog-blob{position:absolute;background:#fff;filter:blur(50px);animation:fogDrift linear infinite;will-change:transform;backface-visibility:hidden;contain:strict}@keyframes fogDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}@keyframes snowfall{0%{transform:translateZ(0);opacity:0}2%{opacity:var(--opacity, 1)}25%{transform:translate3d(var(--wind1, 0px),25vh,0)}50%{transform:translate3d(var(--wind2, 0px),50vh,0)}75%{transform:translate3d(var(--wind3, 0px),75vh,0)}98%{opacity:var(--opacity, 1)}to{transform:translate3d(var(--wind4, 0px),100vh,0);opacity:0}}.rain-container{width:100vw;height:100vh;position:fixed;top:0;left:0;pointer-events:none;overflow:hidden;transform:translateZ(0);contain:layout style paint}.rain-drop{position:absolute;top:-50px;width:1.5px;background:linear-gradient(to bottom,#add8e6cc,#add8e699,#add8e666);box-shadow:0 0 2px #add8e680;animation:rainFall linear infinite;transform-origin:top center;will-change:transform;backface-visibility:hidden;contain:strict}.rain-streak{position:absolute;top:-200px;background:linear-gradient(to bottom,#c8dcf099,#c8dcf066,#c8dcf033);border-radius:2px;animation:streakFall linear infinite;will-change:transform;backface-visibility:hidden;contain:strict;filter:blur(.5px)}@keyframes rainFall{0%{transform:translate(0) rotate(var(--angle, 0deg));opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translate(var(--horizontal-drift, 0px),calc(100vh + 50px)) rotate(var(--angle, 0deg));opacity:0}}@keyframes streakFall{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 200px));opacity:0}}.flame-container{position:absolute;z-index:1000;pointer-events:none;transition:transform .1s ease-out,opacity .5s ease-in;transform-origin:center center;opacity:0}.flame-container.visible{opacity:1}.flame-container.move-mode{pointer-events:auto;-webkit-user-select:none;user-select:none}.flame-container.move-mode.dragging{transition:none}.flame-coordinates{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-family:Monaco,Menlo,Courier New,monospace;white-space:nowrap;pointer-events:none;z-index:1001;border:1px solid rgba(255,255,255,.2)}.flame{width:55px;height:46px;position:relative;animation:flameDance var(--dance-duration, 2.5s) ease-in-out infinite alternate}.flame-variant{width:44px;height:28px}.flame-layer{position:absolute;transform-origin:center bottom}.flame-layer-1{width:100%;height:100%;background:radial-gradient(ellipse at 45% bottom,rgba(255,150,0,.8) 0%,rgba(255,100,0,.6) 40%,rgba(200,50,0,.3) 70%,transparent 100%);animation:flameShape1 var(--shape1-duration, 2.5s) ease-in-out infinite alternate,flameSway1 var(--sway1-duration, 4.5s) ease-in-out infinite}.flame-layer-2{width:95%;height:85%;left:2.5%;top:5%;background:radial-gradient(ellipse at 55% bottom,rgba(255,200,50,.7) 0%,rgba(255,150,0,.5) 35%,rgba(255,100,0,.25) 65%,transparent 100%);animation:flameShape2 var(--shape2-duration, 2.8s) ease-in-out infinite alternate,flameSway2 var(--sway2-duration, 5s) ease-in-out infinite;animation-delay:.1s,0s}.flame-layer-3{width:90%;height:75%;left:5%;top:10%;background:radial-gradient(ellipse at 50% bottom,rgba(255,100,0,.5) 0%,rgba(200,50,0,.3) 50%,transparent 100%);animation:flameShape3 var(--shape3-duration, 2.2s) ease-in-out infinite alternate,flameSway3 var(--sway3-duration, 4s) ease-in-out infinite;animation-delay:.2s,.3s}.flame-inner{position:absolute;width:60%;height:70%;left:50%;top:10%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,250,150,.8) 30%,rgba(255,200,50,.5) 60%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(2px);animation:innerAnimation var(--inner-duration, 2s) ease-in-out infinite}@keyframes flameDance{0%,to{transform:translateY(0) scale(1) rotate(-.8deg)}25%{transform:translateY(-2px) scale(1.08) rotate(.3deg)}50%{transform:translateY(1px) scale(.98) rotate(.8deg)}75%{transform:translateY(-1px) scale(1.05) rotate(-.3deg)}}@keyframes flameShape1{0%{clip-path:polygon(40% 100%,45% 90%,42% 75%,48% 60%,45% 45%,50% 30%,52% 15%,48% 5%,50% 0%,52% 5%,55% 15%,58% 30%,60% 45%,58% 60%,62% 75%,60% 90%,60% 100%)}to{clip-path:polygon(38% 100%,44% 92%,41% 78%,47% 62%,44% 47%,51% 32%,53% 18%,49% 7%,52% 0%,54% 7%,57% 18%,59% 32%,62% 47%,59% 62%,64% 78%,61% 92%,58% 100%)}}@keyframes flameSway1{0%,to{transform:translate(-1.5px) translateY(0) scaleY(1) scaleX(1)}25%{transform:translate(1px) translateY(-1px) scaleY(1.08) scaleX(.95)}50%{transform:translate(2px) translateY(1px) scaleY(.96) scaleX(1.05)}75%{transform:translate(-.5px) translateY(-2px) scaleY(1.05) scaleX(.98)}}@keyframes flameShape2{0%{clip-path:polygon(38% 100%,44% 88%,40% 70%,46% 55%,43% 40%,48% 25%,50% 10%,47% 2%,50% 0%,53% 2%,55% 10%,57% 25%,62% 40%,59% 55%,65% 70%,61% 88%,62% 100%)}to{clip-path:polygon(36% 100%,42% 90%,38% 72%,44% 57%,41% 42%,46% 27%,48% 12%,45% 4%,48% 0%,51% 4%,53% 12%,55% 27%,60% 42%,57% 57%,63% 72%,59% 90%,60% 100%)}}@keyframes flameSway2{0%,to{transform:translate(1px) translateY(0) scaleY(1) scaleX(1)}33%{transform:translate(-1px) translateY(-1px) scaleY(1.06) scaleX(.97)}66%{transform:translate(1.5px) translateY(1px) scaleY(.94) scaleX(1.03)}}@keyframes flameShape3{0%{clip-path:polygon(42% 100%,46% 85%,43% 68%,49% 52%,46% 38%,51% 22%,53% 8%,50% 0%,47% 8%,54% 22%,59% 38%,56% 52%,62% 68%,59% 85%,58% 100%)}to{clip-path:polygon(40% 100%,44% 87%,41% 70%,47% 54%,44% 39%,49% 24%,51% 10%,48% 2%,51% 0%,54% 2%,57% 10%,59% 24%,64% 39%,61% 54%,67% 70%,63% 87%,61% 100%)}}@keyframes flameSway3{0%,to{transform:translate(-.5px) translateY(0) scaleY(1) scaleX(1)}50%{transform:translate(1.5px) translateY(-1px) scaleY(1.1) scaleX(.92)}}@keyframes innerAnimation{0%,to{transform:translate(calc(-50% - .5px)) translateY(0) scale(.92);opacity:.75}25%{transform:translate(calc(-50% + .5px)) translateY(-2px) scale(1.02);opacity:.9}50%{transform:translate(calc(-50% + 1px)) translateY(1px) scale(1.08);opacity:1}75%{transform:translate(calc(-50% - 1px)) translateY(-1px) scale(1);opacity:.85}}.flame-variant .flame-layer-1{clip-path:polygon(42% 100%,48% 92%,44% 72%,50% 58%,47% 42%,52% 28%,54% 12%,50% 4%,53% 0%,56% 4%,58% 12%,60% 28%,62% 42%,60% 58%,64% 72%,61% 92%,58% 100%);animation:flameShape1Variant var(--shape1-duration, 2.5s) ease-in-out infinite alternate,flameSway1Variant var(--sway1-duration, 4.5s) ease-in-out infinite}.flame-variant .flame-layer-2{clip-path:polygon(40% 100%,46% 90%,42% 68%,48% 54%,45% 38%,50% 24%,52% 10%,49% 3%,52% 0%,55% 3%,57% 10%,59% 24%,61% 38%,59% 54%,65% 68%,62% 90%,60% 100%);animation:flameShape2Variant var(--shape2-duration, 2.8s) ease-in-out infinite alternate,flameSway2Variant var(--sway2-duration, 5s) ease-in-out infinite}.flame-variant .flame-layer-3{clip-path:polygon(43% 100%,49% 88%,45% 65%,51% 50%,48% 35%,53% 20%,55% 6%,52% 0%,49% 6%,56% 20%,61% 35%,58% 50%,64% 65%,61% 88%,59% 100%);animation:flameShape3Variant var(--shape3-duration, 2.2s) ease-in-out infinite alternate,flameSway3Variant var(--sway3-duration, 4s) ease-in-out infinite}@keyframes flameShape1Variant{0%{clip-path:polygon(42% 100%,48% 92%,44% 72%,50% 58%,47% 42%,52% 28%,54% 12%,50% 4%,53% 0%,56% 4%,58% 12%,60% 28%,62% 42%,60% 58%,64% 72%,61% 92%,58% 100%)}to{clip-path:polygon(40% 100%,46% 94%,42% 74%,48% 60%,45% 44%,50% 30%,52% 14%,48% 6%,51% 0%,54% 6%,56% 14%,58% 30%,60% 44%,58% 60%,66% 74%,63% 94%,60% 100%)}}@keyframes flameShape2Variant{0%{clip-path:polygon(40% 100%,46% 90%,42% 68%,48% 54%,45% 38%,50% 24%,52% 10%,49% 3%,52% 0%,55% 3%,57% 10%,59% 24%,61% 38%,59% 54%,65% 68%,62% 90%,60% 100%)}to{clip-path:polygon(38% 100%,44% 92%,40% 70%,46% 56%,43% 40%,48% 26%,50% 12%,47% 5%,50% 0%,53% 5%,55% 12%,57% 26%,59% 40%,57% 56%,67% 70%,64% 92%,62% 100%)}}@keyframes flameShape3Variant{0%{clip-path:polygon(43% 100%,49% 88%,45% 65%,51% 50%,48% 35%,53% 20%,55% 6%,52% 0%,49% 6%,56% 20%,61% 35%,58% 50%,64% 65%,61% 88%,59% 100%)}to{clip-path:polygon(41% 100%,47% 90%,43% 67%,49% 52%,46% 37%,51% 22%,53% 8%,50% 2%,47% 8%,54% 22%,59% 37%,56% 52%,68% 67%,63% 90%,61% 100%)}}@keyframes flameSway1Variant{0%,to{transform:translate(0) translateY(0) scaleY(1) scaleX(1)}25%{transform:translate(.3px) translateY(-1px) scaleY(1.08) scaleX(.95)}50%{transform:translate(.5px) translateY(1px) scaleY(.96) scaleX(1.05)}75%{transform:translate(-.2px) translateY(-2px) scaleY(1.05) scaleX(.98)}}@keyframes flameSway2Variant{0%,to{transform:translate(0) translateY(0) scaleY(1) scaleX(1)}33%{transform:translate(-.3px) translateY(-1px) scaleY(1.06) scaleX(.97)}66%{transform:translate(.4px) translateY(1px) scaleY(.94) scaleX(1.03)}}@keyframes flameSway3Variant{0%,to{transform:translate(0) translateY(0) scaleY(1) scaleX(1)}50%{transform:translate(.5px) translateY(-1px) scaleY(1.1) scaleX(.92)}}.fire-container{position:absolute;z-index:950;pointer-events:none;transition:transform .12s ease-out,opacity .5s ease-in;transform-origin:center bottom;opacity:0}.fire-container.visible{opacity:1}.fire-container.move-mode{pointer-events:auto;-webkit-user-select:none;user-select:none}.fire-container.move-mode.dragging{transition:none}.fire{width:220px;height:160px;position:relative;filter:drop-shadow(0 0 18px rgba(255,170,80,.8));animation:fireBaseDance var(--fire-dance-duration, 3.2s) ease-in-out infinite alternate}.fire-layer{position:absolute;bottom:0;transform-origin:center bottom}.fire-layer-1{width:100%;height:100%;background:radial-gradient(ellipse at 50% 90%,rgba(255,190,90,.95) 0%,rgba(255,120,40,.9) 35%,rgba(200,60,20,.6) 65%,transparent 100%);clip-path:polygon(5% 100%,15% 80%,20% 60%,18% 40%,25% 30%,30% 15%,40% 5%,50% 0%,60% 5%,70% 18%,75% 32%,80% 48%,78% 66%,85% 82%,95% 100%);animation:fireShape1 3s ease-in-out infinite alternate,fireSway1 4.2s ease-in-out infinite}.fire-layer-2{width:80%;height:85%;left:10%;background:radial-gradient(ellipse at 50% 90%,rgba(255,220,150,.95) 0%,rgba(255,180,80,.8) 30%,rgba(255,120,40,.5) 60%,transparent 100%);clip-path:polygon(10% 100%,20% 78%,26% 58%,30% 40%,36% 26%,45% 12%,50% 4%,55% 12%,64% 26%,70% 42%,74% 60%,80% 80%,90% 100%);animation:fireShape2 3.4s ease-in-out infinite alternate,fireSway2 4.8s ease-in-out infinite}.fire-layer-3{width:55%;height:70%;left:22.5%;background:radial-gradient(ellipse at 50% 95%,rgba(255,255,220,.95) 0%,rgba(255,230,160,.85) 25%,rgba(255,180,80,.5) 55%,transparent 100%);clip-path:polygon(15% 100%,28% 78%,35% 56%,40% 40%,47% 26%,50% 10%,53% 26%,60% 42%,65% 60%,72% 80%,85% 100%);animation:fireShape3 2.8s ease-in-out infinite alternate,fireSway3 4s ease-in-out infinite}.fire-embers{position:absolute;bottom:0;left:0;width:100%;height:35%;background:radial-gradient(circle at 10% 40%,rgba(255,180,90,.6) 0,transparent 40%),radial-gradient(circle at 30% 10%,rgba(255,220,140,.7) 0,transparent 45%),radial-gradient(circle at 60% 25%,rgba(255,200,120,.7) 0,transparent 45%),radial-gradient(circle at 85% 35%,rgba(255,180,90,.5) 0,transparent 40%);opacity:.85;filter:blur(1.5px);mix-blend-mode:screen;animation:fireEmbers 3.8s ease-in-out infinite alternate}@keyframes fireBaseDance{0%,to{transform:scaleY(1) translateY(0)}25%{transform:scaleY(1.08) translateY(-4px)}50%{transform:scaleY(.96) translateY(2px)}75%{transform:scaleY(1.04) translateY(-2px)}}@keyframes fireShape1{0%{clip-path:polygon(5% 100%,15% 80%,20% 60%,18% 40%,25% 30%,30% 15%,40% 5%,50% 0%,60% 5%,70% 18%,75% 32%,80% 48%,78% 66%,85% 82%,95% 100%)}to{clip-path:polygon(3% 100%,12% 82%,18% 62%,22% 44%,30% 30%,38% 18%,48% 6%,52% 2%,62% 10%,72% 22%,78% 38%,82% 56%,80% 72%,88% 86%,97% 100%)}}@keyframes fireShape2{0%{clip-path:polygon(10% 100%,20% 78%,26% 58%,30% 40%,36% 26%,45% 12%,50% 4%,55% 12%,64% 26%,70% 42%,74% 60%,80% 80%,90% 100%)}to{clip-path:polygon(8% 100%,18% 80%,24% 60%,32% 44%,40% 30%,47% 16%,50% 6%,53% 16%,60% 30%,68% 46%,72% 64%,82% 82%,92% 100%)}}@keyframes fireShape3{0%{clip-path:polygon(15% 100%,28% 78%,35% 56%,40% 40%,47% 26%,50% 10%,53% 26%,60% 42%,65% 60%,72% 80%,85% 100%)}to{clip-path:polygon(18% 100%,30% 80%,38% 58%,44% 42%,50% 26%,52% 12%,55% 26%,62% 40%,68% 58%,74% 78%,88% 100%)}}@keyframes fireSway1{0%,to{transform:translate(-3px) scaleY(1)}25%{transform:translate(2px) scaleY(1.06)}50%{transform:translate(3px) scaleY(.96)}75%{transform:translate(-1px) scaleY(1.04)}}@keyframes fireSway2{0%,to{transform:translate(2px) scaleY(1)}33%{transform:translate(-2px) scaleY(1.08)}66%{transform:translate(3px) scaleY(.94)}}@keyframes fireSway3{0%,to{transform:translate(-1px) scaleY(1)}50%{transform:translate(2px) scaleY(1.1)}}@keyframes fireEmbers{0%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}to{opacity:.8;transform:translateY(-1px)}}.mantle-container{position:absolute;z-index:900;pointer-events:none;transition:transform .1s ease-out,opacity .5s ease-in;transform-origin:center bottom;opacity:0}.mantle-container.visible{opacity:1}.mantle-container.move-mode{pointer-events:auto;-webkit-user-select:none;user-select:none}.mantle-container.move-mode.dragging{transition:none}.mantle-image{width:383px;height:auto;display:block}.debug-menu{position:fixed;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;min-width:180px;box-shadow:0 8px 32px #0000004d;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.debug-menu-section{display:flex;flex-direction:column}.debug-menu-title{color:#fff9;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;margin-bottom:4px}.debug-menu-item{color:#ffffffe6;font-size:13px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.debug-menu-item:hover{background:#ffffff1a;color:#fff}.debug-menu-item:active{background:#ffffff26}.debug-menu-item.active{background:#6496ff33;color:#96c8ff}.debug-menu-link{text-decoration:none;display:block}.debug-menu-8bit{font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:14px;letter-spacing:1px;font-weight:600}.clock-hands-container{position:absolute;width:200px;height:200px;pointer-events:none;z-index:10}.clock-hand{position:absolute;background:#333;transform-origin:center bottom;left:50%;top:50%;border-radius:2px}.hour-hand{width:4px;height:60px;margin-left:-2px;margin-top:-60px;background:#222;box-shadow:0 0 2px #0000004d}.minute-hand{width:3px;height:80px;margin-left:-1.5px;margin-top:-80px;background:#333;box-shadow:0 0 2px #0000004d}.clock-center{position:absolute;left:50%;top:50%;width:12px;height:12px;margin-left:-6px;margin-top:-6px;background:#333;border-radius:50%;box-shadow:0 0 2px #0000004d;z-index:1}.app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;position:relative;transition:background-color .5s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.exterior-background{width:100%;height:100%;background-image:url(/images/exteriors/city.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:1;transition:transform .1s ease-out,opacity .5s ease-in-out;will-change:transform,opacity}.exterior-background.move-mode{outline:2px dashed rgba(255,255,255,.5);outline-offset:-2px}.exterior-background.move-mode.dragging{outline-color:#ff0c;transition:none}.exterior-fade-out{opacity:1;animation:fadeOut .5s ease-in-out forwards}.exterior-fade-in{opacity:0;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weather-fade-out{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:1;animation:fadeOut .5s ease-in-out forwards}.weather-fade-in{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;animation:fadeIn .5s ease-in-out forwards}.weather-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.cozy-interior{width:100%;height:100%;background-size:100% auto;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:3;transition:transform .1s ease-out;will-change:transform}.firelight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(circle at 20% 105%,rgba(255,150,40,.4),transparent 60%),radial-gradient(circle at 80% 105%,rgba(255,180,80,.3),transparent 60%);mix-blend-mode:screen;opacity:.16}.cozy-interior:before,.cozy-interior:after{content:"";position:absolute;left:0;width:100%;background-color:#000;z-index:-1;pointer-events:none}.cozy-interior:before{top:0;height:var(--letterbox-top, 0px)}.cozy-interior:after{bottom:0;height:var(--letterbox-bottom, 0px)}.sequence-sprite{image-rendering:auto;width:100%;height:100%;display:block;max-width:100%;object-fit:contain}.fire-sprite{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000,#000 70%,#0000)}.movable-sprite{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:absolute;pointer-events:none;opacity:0;transition:opacity .5s ease-in,transform .08s ease-out;z-index:4}.movable-sprite.contralogo-behind-interior{z-index:2.5!important}.movable-sprite.visible{opacity:1}.movable-sprite.move-mode{pointer-events:auto;cursor:move}.movable-sprite.dragging{transition:none}.sprite-coordinates{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:3px 6px;border-radius:4px;font-size:10px;font-family:Monaco,Menlo,Courier New,monospace;white-space:nowrap;pointer-events:none;z-index:5;border:1px solid rgba(255,255,255,.2)}.sprite-controls{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;background:#000000bf;padding:4px 6px;border-radius:4px;z-index:6;border:1px solid rgba(255,255,255,.15)}.sprite-controls-row{display:flex;align-items:center;gap:4px}.sprite-controls-label{font-size:10px;color:#fffc;font-family:Monaco,Menlo,Courier New,monospace}.sprite-controls button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;padding:1px 4px;border-radius:3px;cursor:pointer}.sprite-controls button:hover{background:#ffffff2e}.movable-sprite .cat-sprite{animation:catBreathing 6s ease-in-out infinite;transform-origin:center center}@keyframes catBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.notification{position:fixed;top:20px;right:20px;z-index:10001;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards}.notification-content{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fffffff2;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:400px;min-width:300px}.notification-content span{flex:1;line-height:1.4}.notification-close{background:transparent;border:none;color:#ffffffb3;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#ffffff1a;color:#fff}@keyframes slideInFromRight{0%{transform:translate(calc(100% + 40px));opacity:0}to{transform:translate(0);opacity:1}}.credit-text{position:fixed;bottom:20px;left:20px;z-index:1000;color:#ffffffb3;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.4;transition:opacity .3s ease}.credit-text a{color:#fffc;text-decoration:none;transition:color .2s ease}.credit-text a:hover{color:#fff;text-decoration:underline}.contra-logo-link{display:inline-flex;align-items:center;vertical-align:middle;gap:4px}.contra-logo{display:inline-block;vertical-align:middle;height:.9em;width:auto}.robkaltenbach-text{display:inline-block;transform:translateY(-2px)}@media (max-width: 1024px) and (pointer: coarse),(max-width: 1024px) and (hover: none){.robkaltenbach-text{transform:translateY(0)}}.suno-logo-link{display:inline-flex;align-items:center;vertical-align:middle;transform:translateY(-1px)}.suno-logo{display:inline-block;vertical-align:middle;height:.9em;width:auto;margin-left:2px}.landscape-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.landscape-modal{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:32px 24px;text-align:center;max-width:320px;margin:20px;box-shadow:0 8px 32px #0000004d}.landscape-modal-text{font-size:16px;font-weight:500;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 0 24px;line-height:1.5}.landscape-modal-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;cursor:pointer;transition:all .2s ease;width:100%}.landscape-modal-button:hover{background:#ffffff4d;transform:translateY(-1px)}.landscape-modal-button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}