*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#fafafa;height:100%;overflow:hidden}#app{background:#fafafa;width:100%;height:100%;position:relative;overflow:hidden}#scene{width:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#tv-container{width:100%}#tv-container svg{width:100%;height:auto;display:block;overflow:visible}#tv-container,#scene{overflow:visible}#shelf{display:none}[data-role=btn-next],[data-role=btn-prev],[data-role=btn-mute],[data-role=btn-upload]{cursor:pointer}body.drag-over #tv-container svg{filter:brightness(1.05)}[data-role=speaker]{cursor:pointer;transform-box:fill-box;transform-origin:50%;transform:scaleY(calc(1 + var(--speaker-pulse,0) * .35));transition:transform 60ms ease-out}[data-role=plant-group],[data-role=plant-stem]{transform-box:fill-box;transform-origin:50% 100%;animation:4s ease-in-out infinite alternate plant-sway}@keyframes plant-sway{0%{transform:rotate(-1.5deg)}33%{transform:rotate(1deg)}66%{transform:rotate(-.8deg)}to{transform:rotate(1.5deg)}}#atmosphere{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.atmo-warm-light{mix-blend-mode:screen;background:radial-gradient(at 5% 90%,#fffaeb12 0%,#0000 50%),radial-gradient(at 15% 75%,#fff8e609 0%,#0000 40%);position:absolute;inset:0}.atmo-beams{transform-origin:100% 0;width:110%;height:110%;animation:25s ease-in-out infinite alternate beam-sway;display:none;position:absolute;inset:-5%}.atmo-beams svg{width:100%;height:100%}@keyframes beam-sway{0%{transform:rotate(0)translate(0)}25%{transform:rotate(2.5deg)translate(30px,-15px)}50%{transform:rotate(-1.2deg)translate(-20px,10px)}75%{transform:rotate(1.8deg)translate(15px,-25px)}to{transform:rotate(-.8deg)translate(-10px,8px)}}.atmo-shading{mix-blend-mode:soft-light;background:linear-gradient(35deg,#fff0c80a 0%,#0000 30%,#28324603 85%,#1e283c04 100%);position:absolute;inset:0}.atmo-dust{position:absolute;inset:0}.dust-mote{will-change:transform;background:radial-gradient(circle,#ffffff59 0%,#0000 70%);border-radius:50%;animation:linear infinite dust-drift;position:absolute}@keyframes dust-drift{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:var(--mote-opacity,.15)}50%{transform:translate(40px,-60px)scale(.9)}90%{opacity:var(--mote-opacity,.15)}to{opacity:0;transform:translate(70px,-100px)scale(.7)}}.atmo-lens-flare{pointer-events:none;mix-blend-mode:screen;animation:25s ease-in-out infinite alternate lens-drift;position:absolute;inset:0;overflow:hidden}.atmo-lens-flare svg{width:100%;height:100%;position:absolute}@keyframes lens-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(8px,-4px)scale(1.01)}to{transform:translate(-5px,3px)scale(.99)}}.atmo-grain{opacity:.035;mix-blend-mode:multiply;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}