@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.flex{display:flex}.aspect-\[32\/9\]{aspect-ratio:32/9}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.max-w-none{max-width:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}}@font-face{font-family:ModernEra-Regular;src:url(./ModernEra-Regular-D0cOdiaX.woff2)format("woff2");font-style:normal;font-display:swap}@font-face{font-family:ModernEra-Bold;src:url(./ModernEra-Bold-B_GzZPid.woff2)format("woff2");font-style:normal;font-display:swap}@font-face{font-family:ModernEra-ExtraBold;src:url(./ModernEra-ExtraBold-DlQy1IQZ.woff2)format("woff2");font-style:normal;font-display:swap}:root{--app-viewport-height:100vh;--font-stack-system:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-bold:"ModernEra-Bold",var(--font-stack-system);--font-family-regular:"ModernEra-Regular",var(--font-stack-system);--color-primary:#00f;--color-primary-rgb:0,0,255;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-muted:#697079;--color-panel:#f7f8fa;--color-border:#ced3d9;--shadow-card:0 24px 60px #0e124940;--shadow-hotspot:0 8px 30px #0006;--radius-pill:9999px}#panorama{will-change:transform;background-image:url(./soundatelier-scene-winter-CZAyRVgN.webp);background-position:50%;background-size:cover;position:relative}.panorama-idle-animated{animation:3.5s ease-in-out infinite alternate panorama-idle-sway}@keyframes panorama-idle-sway{0%{transform:translate(-1.5rem)}to{transform:translate(1.5rem)}}.hotspot{left:var(--pos-x);top:var(--pos-y);aspect-ratio:1;border-radius:var(--radius-pill);border:2px solid var(--color-white);outline:2px solid rgba(var(--color-white-rgb),.8);outline-offset:-6px;background:rgba(var(--color-white-rgb),.33);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:clamp(1.75rem,1.5vw,2.5rem);color:var(--color-white);cursor:pointer;transition:transform .2s,background .2s,outline-offset .5s;position:absolute;transform:translate(-50%,-50%)}.hotspot:after{content:attr(data-label);letter-spacing:.05em;color:var(--color-white);white-space:nowrap;pointer-events:none;background:#000000a6;border-radius:9999px;padding:.15rem .4rem;font-size:.75rem;display:none;position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%)}.hotspot:focus-visible,.hotspot:hover{background:rgba(var(--color-white-rgb),.35);outline-offset:-12px;box-shadow:var(--shadow-hotspot);transform:translate(-50%,-50%)scale(1.1)}.hotspot.is-active{background:rgba(var(--color-primary-rgb),.33);border-color:var(--color-primary);outline-color:var(--color-primary);outline-offset:2px}:is(#controls-wrapper,#left-controls-wrapper){z-index:1000;position:fixed;bottom:2rem}#controls-wrapper{flex-direction:column;gap:.75rem;display:flex;right:2rem}@media(min-width:1024px){#controls-wrapper{flex-direction:row;align-items:flex-end;gap:1rem}}#left-controls-wrapper{left:2rem}:is(#controls-wrapper button,#left-controls-wrapper a){background-color:var(--color-white);cursor:pointer;outline:2px solid var(--color-white);outline-offset:-1px;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s,background .2s;display:inline-flex}:is(#controls-wrapper button,#left-controls-wrapper a):hover,:is(#controls-wrapper button,#left-controls-wrapper a):focus-visible{outline-color:var(--color-primary)}#mute-toggle:hover svg path{fill:var(--color-primary)}#mute-toggle.is-muted{background-color:var(--color-primary);outline-color:var(--color-primary)}#mute-toggle.is-muted svg path{fill:var(--color-white)}@media(max-width:768px){:is(#controls-wrapper,#left-controls-wrapper){top:1rem;bottom:auto}#controls-wrapper{right:1rem}#left-controls-wrapper{left:1rem}body.mini-mega-open :is(#controls-wrapper,#left-controls-wrapper){display:none}}.mini-mega{z-index:1001;justify-content:center;width:min(580px,100vw - 2rem);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.mini-mega-panel{width:100%}.mini-mega-card{background:var(--color-primary);box-shadow:var(--shadow-card);cursor:pointer;border-radius:30px;flex-direction:column;width:100%;transition:background .3s,box-shadow .3s;display:flex;overflow:hidden}.mini-mega-card.is-active{background:var(--color-white);cursor:default}.mini-mega-header{color:var(--color-white);font-family:var(--font-family-bold);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.mini-mega-card.is-active .mini-mega-header{color:var(--color-primary)}#mini-mega-title{font-family:var(--font-family-bold);line-height:normal;transition:padding .5s}.is-active #mini-mega-title{padding-top:.5rem}#mini-mega-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.mini-mega-toggle-icon svg{width:1.1rem;height:1.1rem;display:block}.mini-mega-toggle-icon svg path{fill:var(--color-white);transition:fill .2s}.mini-mega-card.is-active .mini-mega-toggle-icon svg path{fill:var(--color-primary)}.mini-mega-content{scrollbar-width:none;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:1.35rem;max-height:0;padding:0 1.5rem;transition:max-height .5s,opacity .25s;display:flex;overflow-y:auto}.mini-mega-content hr:first-child{margin-top:.25rem}.mini-mega-card.is-active .mini-mega-content{max-height:calc(var(--app-viewport-height,100vh) - 7rem);opacity:1;visibility:visible;pointer-events:auto;transition:max-height .75s,opacity .25s}.mini-mega-content::-webkit-scrollbar{display:none}.mini-mega-section-title{font-size:1.125rem;font-family:var(--font-family-bold);color:var(--color-black);margin-bottom:.75rem}.mini-mega-option-list{flex-direction:column;gap:.5rem;display:flex}.mini-mega-option-grid{flex-wrap:nowrap;gap:.75rem;display:flex}.mini-mega-option-grid>.mini-mega-option--monitor{flex:1 1 0}@media(max-width:640px){.mini-mega-option-grid{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:.5rem;overflow-x:auto}.mini-mega-option-grid::-webkit-scrollbar{height:6px}.mini-mega-option-grid::-webkit-scrollbar-track{background:0 0}.mini-mega-option-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:999px}.mini-mega-option-grid>.mini-mega-option--monitor{min-width:90px}}.mini-mega-option{border:1px solid var(--color-panel);background:var(--color-panel);width:100%;color:var(--color-black);font-size:.95rem;font-family:var(--font-family-bold);letter-spacing:0;text-transform:none;text-align:left;border-radius:.5rem;align-items:center;gap:.75rem;transition:border-color .2s,background .2s,color .2s;display:flex}.mini-mega-option:hover,.mini-mega-option:focus-visible{border-color:#b7c0ff}.mini-mega-option--song{background:0 0;border:none;border-radius:0;align-items:center;padding:0;position:relative}.mini-mega-option--song:hover,.mini-mega-option--song:focus-visible{border:none}.mini-mega-option--monitor{text-align:center;flex-direction:column;align-items:center;gap:0}.mini-mega-option--monitor.is-active{border-color:var(--color-primary);background:#001bff14}.mini-mega-option-title{color:var(--color-black);font-size:1rem;font-family:var(--font-family-bold);padding-right:2rem}@media(max-width:640px){.mini-mega-option-title{font-size:.8rem}}@media(max-width:400px){.mini-mega-option-title{font-size:.7rem}}.select-monitor .mini-mega-option-title{padding:0 .5rem 1rem}.mini-mega-option--song.is-active .mini-mega-option-title{color:var(--color-primary)}.mini-mega-option--monitor .mini-mega-option-title{width:100%}.mini-mega-option--monitor.is-active .mini-mega-option-title{color:var(--color-primary)}.mini-mega-thumb{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:64px;height:64px;box-shadow:0 .5rem 1.5rem #0c0f201f}.mini-mega-monitor-thumb{width:100%;height:auto;display:block}.mini-legal-links{font-size:.9rem;font-family:var(--font-family-regular);justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mini-legal-links a{color:var(--color-muted);text-decoration:none}.mini-legal-links a:hover,.mini-legal-links a:focus-visible{text-decoration:underline}.mute-icon,.logout-icon,.info-icon,.select-song-icon,.legal-icon{color:currentColor;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.mute-icon svg,.logout-icon svg,.info-icon svg,.select-song-icon svg,.legal-icon svg{width:1.25rem;height:1.25rem;display:block}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:var(--font-family-bold);overflow:hidden}#drag-hint-overlay{background:rgba(var(--color-primary-rgb),.6);color:var(--color-white);letter-spacing:.25rem;z-index:1200;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}#drag-hint-overlay .xl{font-family:var(--font-family-bold);text-align:center;font-size:clamp(2rem,4vw,4rem);line-height:100%}#drag-hint-overlay .xs{font-size:clamp(1.25rem,2vw,2rem);font-family:var(--font-family-bold)}#drag-hint-overlay.is-visible{opacity:1}#app{min-height:var(--app-viewport-height,100vh);position:relative}#bounds,#panorama{min-height:var(--app-viewport-height,100vh);height:var(--app-viewport-height,100vh)}#bounds{filter:blur();transition:filter .4s}#app.splash-visible #bounds{filter:blur(6px)}#splash-overlay{background:var(--color-white);z-index:2000;opacity:0;pointer-events:none;min-height:var(--app-viewport-height,100vh);justify-content:center;align-items:center;padding:clamp(2rem,6vh,4rem) clamp(1rem,5vw,4rem);transition:opacity .3s;display:flex;position:fixed;inset:0;overflow-y:auto}@media(max-width:768px){#splash-overlay{padding:1rem}}#splash-overlay.splash-overlay--scrollable{align-items:flex-start}#splash-overlay.splash-visible{opacity:1;pointer-events:auto}.splash-content{background:var(--color-white);width:min(1100px,100%);color:var(--color-black);text-align:center;flex-direction:column;align-items:center;gap:2rem;margin:0 auto;display:flex}@media(max-width:768px){.splash-content{gap:1rem;padding:0}}.splash-title{font-size:clamp(2rem,4vw,4rem);font-family:var(--font-family-bold);color:var(--color-primary);margin-bottom:2rem;line-height:100%}@media(max-width:768px){.splash-title{margin-bottom:1rem}}.splash-body{color:var(--color-black);font-size:clamp(1rem,2.2vw,1.8rem);font-family:var(--font-family-bold)}.mood-grid{flex-wrap:wrap;gap:.75rem;width:100%;display:flex}.mood-card{background:var(--color-white);text-align:left;cursor:pointer;border:2px solid #e5e8f2;border-radius:1.75rem;flex-direction:column;flex:1 1 0;min-width:min(280px,100%);padding:1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}@media(max-width:959px)and (min-width:769px){.mood-card{min-width:0}}.mood-card:focus-visible{outline-offset:.25rem;outline:3px solid #1d3bff80}.mood-card:hover{border-color:#c9cdf0;transform:translateY(-.25rem)}.mood-card.is-selected{border-color:var(--color-primary);box-shadow:0 1rem 3rem #0d115226}.mood-card-indicator,.mini-mega-option-indicator{outline:2px solid var(--color-muted);outline-offset:0px;background:var(--color-white);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background .2s,outline-offset .2s,color .2s;display:flex;position:absolute;right:0}.mood-card-indicator{top:2rem;right:2rem}.mood-card-indicator svg,.mini-mega-option-indicator svg{opacity:0;width:14px;padding-top:2px}.mood-card.is-selected .mood-card-indicator,.mini-mega-option--song.is-active .mini-mega-option-indicator{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);outline:2px solid var(--color-primary);outline-offset:2px}.mood-card.is-selected .mood-card-indicator svg,.mini-mega-option--song.is-active .mini-mega-option-indicator svg{opacity:1}.mood-image{aspect-ratio:3/3;border-radius:1rem;width:100%}.mood-card-body{padding:1rem 0 0}.mood-card-title{font-size:clamp(1rem,1.8vw,1.4rem);font-style:var(--font-family-bold);color:var(--color-black)}.mood-card-description{color:var(--color-muted);font-size:1rem}#enter-experience{background:var(--color-primary);color:var(--color-white);font-size:1.125rem;font-family:var(--font-family-bold);cursor:pointer;border:none;align-self:center;margin-top:2rem;padding:.9rem 2.75rem;transition:transform .2s,box-shadow .2s,background .2s}#enter-experience:hover,#enter-experience:focus-visible{background:var(--color-primary);transform:translateY(-2px)}@media(max-width:768px){.mood-grid{flex-direction:column}.mood-card{border-radius:10px;flex-direction:row;flex:auto;align-items:center;gap:1rem;padding:0 3.5rem 0 0}.mood-card-body{padding:0}.mood-card-indicator{top:auto;right:1rem}.mood-image{aspect-ratio:1;flex-shrink:0;width:64px;max-height:100px}}#legal-wrapper{z-index:1111;position:fixed;bottom:2rem;left:2rem}#monitorswap img{opacity:0;aspect-ratio:1056/475;width:15%;position:absolute;top:24%;left:42.5%}#monitorswap img.is-active{opacity:1}#kaminfeuer,#wind,#vogel,#lavalampe{--sprite-duration:5s;--sprite-direction:normal;background-position:0 0;background-repeat:no-repeat;background-size:cover;position:absolute}#kaminfeuer{aspect-ratio:287/370;height:15.4%;top:49.6%;left:36.66%}#wind{aspect-ratio:740/949;--sprite-duration:1s;height:67%;top:8%;left:68.7%}#vogel{aspect-ratio:240/263;--sprite-direction:alternate;height:12%;top:25.8%;left:77.1%}#lavalampe{aspect-ratio:168/567;--sprite-duration:3s;--sprite-direction:alternate;height:27%;top:58.4%;left:77.7%}:is(#kaminfeuer,#wind,#vogel,#lavalampe).is-active{animation:flip var(--sprite-duration,5s)steps(3)infinite;animation-direction:var(--sprite-direction,normal)}@keyframes flip{0%{background-position:0 0}to{background-position:150% 0}}hr{color:var(--color-border)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}