.App{display:flex;flex-direction:column;margin:0 auto;max-width:1920px;min-height:100vh;width:100%}.main-content{flex:1 1;padding:0;width:100%}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{overflow-x:hidden}html{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#000;border:1px solid #ffffff1a;border-radius:50px;bottom:20px;box-shadow:0 8px 32px #0000004d;color:#fff;left:50%;opacity:0;padding:.1rem .5rem .1rem 0;position:fixed;transform:translateX(-50%) translateY(10px);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;will-change:transform,opacity;z-index:1000}.header.show{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.nav{align-items:center;display:flex;gap:2rem;height:100%;justify-content:center;position:relative}.nav-baguette{background:#fff;border-radius:25px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:0;will-change:width,left,opacity;z-index:-1}.nav-brand{height:100%;margin-left:.9rem}.nav-brand,.nav-logo{align-items:center;display:flex;justify-content:center}.nav-logo{border-radius:8px;height:35px;overflow:hidden;width:35px}.nav-logo img{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain;width:100%}.nav-menu{flex:1 1;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-item,.nav-link,.nav-menu{align-items:center;display:flex;height:100%}.nav-link{border:1px solid #0000;border-radius:25px;color:#fff;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;font-weight:400;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;overflow:hidden;padding:.2rem .6rem;position:relative;text-align:center;text-decoration:none;transform:translateY(-2px);transition:color .35s cubic-bezier(.4,0,.2,1);will-change:color;z-index:1}.nav-link:hover{color:#000}.nav:hover .nav-baguette{background:#fff}@media (max-width:768px){.header{border-radius:25px;bottom:auto;left:auto;min-width:50px;padding:.4rem;position:fixed;right:10px;top:10px;transform:none;width:auto;z-index:1000}.nav{align-items:center;gap:0;justify-content:flex-end}.nav-logo{height:30px;margin-left:0;width:30px}.nav-brand{order:2}.hamburger-menu{order:1}.nav-menu{background:#000;border:none;border-radius:12px;box-shadow:0 8px 32px #000c;display:flex;flex-direction:column;gap:.4rem;height:200px;list-style:none;margin:0;max-height:200px;min-width:280px;opacity:0;overflow-y:auto;padding:1rem .8rem;position:fixed;right:25px;top:60px;transform:translateX(100%) translateY(-20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;width:280px;z-index:1000}.nav-menu.show{opacity:1;transform:translateX(0) translateY(0)}.nav-item{margin-bottom:.4rem;padding:0;width:100%}.nav-item,.nav-item:last-child{border-bottom:none}.nav-link{word-wrap:break-word;background:#0000;border:1px solid #0000;border-radius:8px;color:#fff;display:block;font-size:1rem;font-weight:500;line-height:1.3;margin:0;padding:1rem;text-align:left;transition:all .2s ease;white-space:normal;width:100%}.nav-link:active,.nav-link:hover{background:#fff;border:1px solid #000;color:#000}.nav-baguette{display:none}.hamburger-menu{align-items:flex-end;background:#0000;border:none;box-sizing:initial;cursor:pointer;display:flex;flex-direction:column;height:32px;justify-content:space-around;padding:3px;width:32px;z-index:1001}.hamburger-menu:focus{outline:none}.hamburger-line{align-self:flex-end;background:#fff;border-radius:2px;height:1.5px;transition:all .3s ease;width:60%}.hamburger-menu[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger-menu[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger-menu[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}}@media (min-width:769px){.hamburger-menu{display:none}}.sequencer-block{margin-top:30px;position:relative}.minigame-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.minigame-container{background:linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#3a3a3a);border:8px solid #1a1a1a;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff1a,0 10px 30px #000000e6,0 5px 15px #000000b3;max-height:95vh;max-width:95vw;overflow-y:auto;padding:1.5rem;position:relative;width:1200px}.minigame-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10001}.minigame-close:hover{background:#0000;opacity:.8;transform:scale(1.1)}.minigame-header{border-bottom:none;margin-bottom:0;margin-left:15px;margin-top:-.5rem;min-width:250px;padding-bottom:0;text-align:left}.minigame-header h2{color:#f5f5f0;font-family:Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:4px;line-height:1;margin:0;text-shadow:1px 1px 2px #000c;text-transform:uppercase}.tempo-display{color:gold;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;margin-top:.5rem;text-shadow:2px 2px 0 #000}.drum-machine{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;width:100%}.header-and-controls{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;margin-bottom:.4rem;padding:.15rem 0;width:100%}.left-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:1.6rem;justify-content:center}.left-section .play-btn.desktop-play-btn{flex-shrink:0;height:50px;margin-top:-7px;max-height:50px;max-width:150px;min-height:50px;min-width:150px;width:150px}.machine-controls-right{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.9rem;margin-top:0}.machine-controls-right .control-group{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.machine-controls-left{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;min-width:200px}.machine-controls{align-items:center;background:#222;border:4px solid #444;border-radius:15px;display:flex;gap:1.2rem;justify-content:center;padding:.9rem 1rem}.play-btn{background:#0000;border:none;cursor:pointer;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;height:56px;margin:0;overflow:visible;padding:0;position:relative;transform:perspective(800px) translateZ(0);transition:transform .15s cubic-bezier(.4,0,.2,1);width:178px}.play-btn:before{background:linear-gradient(135deg,#5a5a5a,#3a3a3a,#4a4a4a);bottom:-6px;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0006,0 2px 4px #0000004d,0 1px 2px #0003;left:-6px;right:-6px;top:-6px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);z-index:0}.play-btn:after,.play-btn:before{border-radius:2px;content:"";position:absolute}.play-btn:after{background:#f5f5f0;bottom:-3px;box-shadow:inset 0 1px 3px #0000001a,0 1px 2px #0003;left:-3px;right:-3px;top:-3px;z-index:1}.play-btn .start-stop-text{align-items:center;background:linear-gradient(135deg,#d4af37,#c9a028 30%,#d4af37 50%,#b8941f 70%,#d4af37);border-radius:1px;box-shadow:inset 0 1px 3px #fff6,inset 0 -1px 3px #0000004d,0 2px 4px #0000004d,0 1px 2px #0003;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0) scale(1);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.play-btn .start-stop-text:before{background:#000;content:"";height:2px;left:6%;position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:3}.play-btn .start-text,.play-btn .stop-text{-webkit-text-stroke:.5px #000;color:#000;font-family:Arial Black,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:2px;line-height:1;position:relative;text-align:center;text-rendering:optimizeLegibility;text-shadow:none;text-transform:uppercase;z-index:4}.play-btn .start-text{padding-bottom:3px}.play-btn .start-text,.play-btn .stop-text{align-items:center;display:flex;flex:1 1;justify-content:center}.play-btn .stop-text{padding-top:3px}.play-btn:hover{transform:perspective(800px) translateZ(0) scale(1)}.play-btn:hover:before{box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0006,0 2px 4px #0000004d,0 1px 2px #0003}.play-btn:hover .start-stop-text{box-shadow:inset 0 1px 3px #fff6,inset 0 -1px 3px #0000004d,0 2px 4px #0000004d,0 1px 2px #0003;transform:translateZ(0) scale(1)}.play-btn:active{transform:perspective(800px) translateZ(-12px)}.play-btn:active:before{box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #0000004d,0 2px 4px #00000080,0 3px 6px #0006}.play-btn:active .start-stop-text{background:linear-gradient(135deg,#e5c158,#d4af37,#e5c158,#f0d070);box-shadow:inset 0 4px 8px #000000b3,inset 0 -2px 4px #00000080,0 1px 2px #0006,0 2px 4px #0000004d;transform:translateZ(-12px)}.play-btn.playing{transform:perspective(800px) translateZ(-12px)}.play-btn.playing:before{box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #0000004d,0 2px 4px #00000080,0 3px 6px #0006}.play-btn.playing .start-stop-text{background:linear-gradient(135deg,#e5c158,#d4af37,#e5c158,#f0d070);box-shadow:inset 0 4px 8px #000000b3,inset 0 -2px 4px #00000080,0 1px 2px #0006,0 2px 4px #0000004d;transform:translateZ(-12px)}.play-btn.playing:hover{transform:perspective(800px) translateZ(-12px)}.play-btn.playing:hover .start-stop-text{background:linear-gradient(135deg,#e5c158,#d4af37,#e5c158,#f0d070);transform:translateZ(-12px)}.control-group{align-items:center;display:flex;flex-direction:row;gap:1rem}.pattern-controls{align-self:flex-start;background:#0000;border:none;border-radius:0;box-shadow:none;display:inline-block;height:auto;margin-bottom:10px;margin-top:-2px;min-width:180px;padding:.15rem .35rem 0}.mobile-controls-row,.mobile-start-stop,.pattern-controls-mobile,.preset-header-row{display:none}.pattern-controls label{color:#e0e0e0;display:block;font-family:Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.5px;line-height:1;margin-bottom:9px;margin-top:0;text-align:center;text-transform:uppercase;width:100%}.action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.4rem;margin-bottom:0;margin-top:-4px}.clear-btn,.random-btn{align-items:center;background:#3a3a3a;border:1px solid #1a1a1a;border-radius:2px;box-shadow:inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0006,0 1px 2px #0009;color:#e0e0e0;cursor:pointer;display:inline-flex!important;flex:0 1 auto;font-family:Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:600;justify-content:center;letter-spacing:1px;min-width:70px;padding:.25rem .5rem;text-transform:uppercase;transition:all .1s ease;white-space:nowrap;width:auto}.clear-btn:hover,.random-btn:hover{background:#4a4a4a;box-shadow:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0006,0 2px 4px #000000b3;color:#fff}.clear-btn:active,.random-btn:active{box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d,0 1px 2px #0006;transform:translateY(1px)}.clear-btn{background:#4a2a2a}.clear-btn:hover{background:#5a3a3a}.preset-grid{grid-gap:.25rem;align-items:center;display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin-bottom:0;min-width:200px;padding:.15rem 0 0;width:100%}.preset-btn{align-items:center;background:#3a3a3a;border:1px solid #1a1a1a;border-radius:2px;box-shadow:inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0006,0 1px 2px #0009;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:row;font-family:Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:500;justify-content:center;min-width:0;padding:.25rem .45rem;position:relative;transition:all .1s ease}.preset-btn:hover{background:#4a4a4a;color:#fff}.preset-btn.active{background:#e4e8bd;border-color:#1a1a1a;box-shadow:inset 0 1px 1px #00000026,inset 0 -1px 1px #00000026,0 1px 2px #0000004d;color:#2a2a2a;font-weight:600}.preset-number{font-size:.95rem;font-weight:700;line-height:1}.pattern-btn{background:linear-gradient(#4e4e66,#52526b,#4e4e66);border:4px solid #3a3a4d;border-radius:8px;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #00000080,0 5px 10px #000000b3,0 8px 16px #00000080,0 2px 4px #000000e6;color:#ddd;cursor:pointer;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;min-width:80px;padding:1rem 2rem;transform:perspective(600px) translateZ(4px);transition:all .15s ease}.pattern-btn:hover{background:linear-gradient(#444459,#404054,#444459);box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #00000080,0 6px 12px #000c,0 10px 20px #0009,0 3px 6px #000;color:#ccc;transform:perspective(600px) translateZ(6px)}.pattern-btn.active{background:linear-gradient(#2b2b38,#272733,#2b2b38);border-color:#39394a;box-shadow:inset 0 3px 6px #0009,inset 0 -1px 2px #ffffff1a,0 3px 6px #00000080,0 5px 10px #0006;transform:perspective(600px) translateZ(2px)}.bitcrush-control,.reverb-control,.saturation-control,.shuffle-control,.tempo-control{align-items:center;display:flex;flex-direction:column;gap:.4rem;min-width:90px}.bitcrush-control label,.phaser-control label,.reverb-control label,.saturation-control label,.shuffle-control label,.tempo-control label{color:#e0e0e0;font-family:Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.5px;line-height:1;margin-bottom:9px;margin-top:0;text-align:center;text-transform:uppercase}.phaser-control{gap:.4rem;min-width:90px}.phaser-control,.tempo-knob-container{align-items:center;display:flex;flex-direction:column}.tempo-knob-container{gap:.2rem}.tempo-knob{background:#000;border:3px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0006,0 3px 6px #00000080,0 2px 4px #0006;cursor:pointer;height:110px;margin-top:-7px;position:relative;transform:perspective(1000px) translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:110px}.tempo-knob .knob-indicator{height:28px;top:12px;transform-origin:center 42px;width:5px}.knob-indicator,.tempo-knob .knob-indicator{background:linear-gradient(180deg,#ffb84d,#ff8c00);left:50%;position:absolute}.knob-indicator{border-radius:3px;box-shadow:0 0 8px #ffa500e6,0 0 12px #ff8c0099,inset 0 1px 2px #ffffff4d,inset 0 -1px 1px #0000004d;height:14px;top:6px;transform-origin:center 18px;width:3px;z-index:3}.saturation-knob-container{align-items:center;display:flex;flex-direction:column;gap:.2rem}.saturation-knob{background:#000;border:3px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0006,0 3px 6px #00000080,0 2px 4px #0006;cursor:pointer;height:54px;margin-top:-7px;position:relative;transform:perspective(1000px) translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:54px}.saturation-knob:hover,.tempo-knob:hover{box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0006,0 4px 8px #0009,0 3px 6px #00000080;transform:perspective(1000px) translateZ(3px)}.shuffle-knob-container{align-items:center;display:flex;flex-direction:column;gap:.2rem}.shuffle-knob{background:#000;border:3px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0006,0 3px 6px #00000080,0 2px 4px #0006;cursor:pointer;height:54px;margin-top:-7px;position:relative;width:54px}.reverb-knob-container{align-items:center;display:flex;flex-direction:column;gap:.2rem}.reverb-knob{background:#000;border:3px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0006,0 3px 6px #00000080,0 2px 4px #0006;cursor:pointer;height:54px;margin-top:-7px;position:relative;width:54px}.saturation-knob:active,.tempo-knob:active{box-shadow:inset 0 3px 6px #00000080,inset 0 -1px 2px #0000004d,0 2px 4px #0006,0 1px 2px #0000004d;transform:perspective(1000px) translateZ(-4px)}.knob-value{color:gold;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;line-height:1;text-shadow:1px 1px 0 #000}.tempo-knob-container .knob-value{margin-top:4px}.knob-buttons{display:flex;gap:.5rem}.knob-btn{align-items:center;background:linear-gradient(#4e4e66,#52526b,#4e4e66);border:2px solid #3a3a4d;border-radius:4px;color:#ddd;cursor:pointer;display:flex;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .15s ease;width:32px}.knob-btn:hover{background:linear-gradient(#444459,#404054,#444459);color:#ccc}.knob-btn:active{background:linear-gradient(#2b2b38,#272733,#2b2b38);transform:scale(.95)}.volume-control input{background:#555;border-radius:5px;cursor:pointer;height:12px;outline:none;width:100%}.volume-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:orange;border:3px solid #000;border-radius:50%;cursor:pointer;height:24px;width:24px}.sequencer-grid{align-items:stretch;align-self:stretch;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0;margin-bottom:0;margin-top:-126px;padding:1rem .7rem;width:100%}.instrument-header-outside,.instrument-header-row{align-items:center;display:flex;gap:4px;margin-bottom:6px}.instrument-header-outside{display:none}.instrument-header-row{gap:4px;margin-bottom:0;margin-top:-48px;pointer-events:none;position:relative;z-index:2}.instrument-header-label-spacer{min-width:40px;width:40px}.instrument-header-steps-spacer{flex:1 1 auto}.icon{background-position:50%;background-repeat:no-repeat;background-size:20px 20px;display:inline-block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6));height:24px;margin-right:4px;width:24px}.icon-volume{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><g fill=%27%23E0E0E0%27><rect x=%272%27 y=%2712%27 width=%273%27 height=%272%27 rx=%270.5%27/><rect x=%276%27 y=%2711%27 width=%273%27 height=%273%27 rx=%270.5%27/><rect x=%2710%27 y=%2710%27 width=%273%27 height=%274%27 rx=%270.5%27/><rect x=%2714%27 y=%279%27 width=%273%27 height=%275%27 rx=%270.5%27/><rect x=%2718%27 y=%278%27 width=%273%27 height=%276%27 rx=%270.5%27/></g><g stroke=%27%23E0E0E0%27 stroke-width=%271.6%27 stroke-linecap=%27round%27><line x1=%271.5%27 y1=%2718.5%27 x2=%274.5%27 y2=%2718.5%27/><line x1=%2720.5%27 y1=%2718.5%27 x2=%2723.5%27 y2=%2718.5%27/><line x1=%2722%27 y1=%2717%27 x2=%2722%27 y2=%2720%27/></g></svg>")}.icon-note{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M16 5.5v9.2a3.25 3.25 0 1 1-2-3.03V7.4l-6 1.5v7.3A3.25 3.25 0 1 1 6 13.17V6.6a1 1 0 0 1 .76-.97l9.48-2.37a1 1 0 0 1 1.26.97Z%27 fill=%27%23E0E0E0%27 stroke=%27%23111111%27 stroke-width=%270.4%27 stroke-opacity=%270.45%27 /></svg>")}.instrument-row{align-items:stretch;display:flex;gap:4px}.instrument-pitch-knob-wrapper,.instrument-volume-knob-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:4px}.instrument-label-container{align-items:center;align-self:stretch;background:#e4e8bd;cursor:pointer;display:flex;flex-direction:row;min-width:40px;padding:0;width:40px}.instrument-label{align-items:center;color:#2a2a2a;display:flex;flex-shrink:0;font-family:Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;justify-content:center;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:100%}.instrument-pitch-knob,.instrument-volume-knob{align-items:center;background:#000;border:1px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 1px 2px #000c,inset 0 -1px 1px #ffffff1a,0 1px 2px #0009;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:transform .1s ease;width:24px}.instrument-pitch-knob:before,.instrument-volume-knob:before{background:#fff;border-radius:50%;box-shadow:inset 0 .5px 1px #0003;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:1}.instrument-volume-knob:before{background:linear-gradient(180deg,#ffb84d,#ff8c00)}.instrument-pitch-knob:hover,.instrument-volume-knob:hover{transform:scale(1.05)}.knob-indicator-small{background:#fff;border-radius:.5px;box-shadow:0 0 2px #fffc;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-100%) rotate(0deg);transform-origin:center bottom;width:1px;z-index:2}.instrument-volume-knob .knob-indicator-small{background:linear-gradient(180deg,#ffb84d,#ff8c00);box-shadow:0 0 2px #ff8c00e6}.instrument-row:first-child .instrument-label-container{border-top-left-radius:4px;border-top-right-radius:4px}.instrument-row:last-child .instrument-label-container{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.pattern-grid-instr{grid-gap:.2rem;display:grid;flex:1 1;gap:.2rem;grid-template-columns:repeat(16,1fr);min-width:0}.seq-step{align-items:center;background-clip:padding-box;border:1px solid #1a1a1a;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d,0 1px 2px #0006;cursor:pointer;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;height:36px;justify-content:flex-end;padding:0 0 5px;position:relative;transition:all .05s ease;user-select:none;-webkit-user-select:none;width:100%}.seq-step:before{background:#0000;content:"";height:1.5px;left:0;position:absolute;right:0;top:0;transition:background .1s ease;z-index:3}.seq-step.current:before{background:#0f0;box-shadow:0 0 8px #0f0c}.seq-step .step-separator{background:#00000040;bottom:14px;box-shadow:0 .5px 1px #0000004d;height:1px;width:65%;z-index:1}.seq-step .step-led,.seq-step .step-separator{left:50%;position:absolute;transform:translateX(-50%)}.seq-step .step-led{background:#2a2a2a;border:1px solid #0000004d;border-radius:50%;bottom:2px;box-shadow:inset 0 1px 2px #000000e6,0 0 2px #0009;height:10px;opacity:.5;transition:all .1s ease;width:10px;z-index:2}.seq-step.active .step-led{background:radial-gradient(circle at 30% 30%,#f44,#c00);box-shadow:0 0 12px #ff0000e6,0 0 20px #ff000080,inset 0 1px 3px #fff9,inset 0 -1px 2px #0006;opacity:1}.seq-step.active.current .step-led{background:radial-gradient(circle at 30% 30%,#f66,red);box-shadow:0 0 16px red,0 0 24px #ff0000b3,inset 0 1px 3px #ffffffb3,inset 0 -1px 2px #0006;opacity:1}.seq-step.current:not(.active) .step-led{background:radial-gradient(circle at 30% 30%,#f77,#f33);box-shadow:0 0 10px #ff6464b3,inset 0 1px 3px #ffffff80;opacity:.8}@keyframes ledPulseSync{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.5;transform:translateX(-50%) scale(1.1)}}@keyframes ledPulseSyncWeak{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:.3;transform:translateX(-50%) scale(1.05)}}.seq-step.step-1:not(.active),.seq-step.step-2:not(.active),.seq-step.step-3:not(.active),.seq-step.step-4:not(.active){background:#c33;border:2px solid #600;filter:brightness(.6) saturate(.7)}.seq-step.step-1.active,.seq-step.step-2.active,.seq-step.step-3.active,.seq-step.step-4.active{background:#ff1a1a;border:2px solid #a00;filter:none}.seq-step.step-5:not(.active),.seq-step.step-6:not(.active),.seq-step.step-7:not(.active),.seq-step.step-8:not(.active){background:#c62;border:2px solid #620;filter:brightness(.6) saturate(.7)}.seq-step.step-5.active,.seq-step.step-6.active,.seq-step.step-7.active,.seq-step.step-8.active{background:#f80;border:2px solid #c50;filter:none}.seq-step.step-10:not(.active),.seq-step.step-11:not(.active),.seq-step.step-12:not(.active),.seq-step.step-9:not(.active){background:#ca2;border:2px solid #650;filter:brightness(.6) saturate(.7)}.seq-step.step-10.active,.seq-step.step-11.active,.seq-step.step-12.active,.seq-step.step-9.active{background:#fd0;border:2px solid #ca0;filter:none}.seq-step.step-13:not(.active),.seq-step.step-14:not(.active),.seq-step.step-15:not(.active),.seq-step.step-16:not(.active){background:#aaa;border:2px solid #777;filter:brightness(.7)}.seq-step.step-13.active,.seq-step.step-14.active,.seq-step.step-15.active,.seq-step.step-16.active{background:#fff;border:2px solid #ccc;filter:none}.seq-step:hover{box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 2px #0006,0 3px 6px #0009,0 2px 4px #000c;transform:perspective(600px) translateY(-1px) translateZ(1px)}.seq-step:active{box-shadow:inset 0 2px 3px #0009,inset 0 -1px 2px #0000004d,0 1px 2px #000000b3;transform:perspective(600px) translateY(1px) translateZ(-1px)}.seq-step.active{box-shadow:inset 0 2px 5px #fff9,inset 0 -1px 3px #0000004d,0 0 15px #ff000080,0 0 20px #ffffff4d,0 5px 12px #000000b3,0 8px 20px #00000080,0 3px 8px #000000e6;filter:brightness(1.4) contrast(1.1);transform:perspective(500px) translateZ(5px)}.seq-step.active.current,.seq-step.current{animation:stepFlash .4s ease infinite}.seq-step.active.current{box-shadow:inset 0 2px 6px #ffffffb3,inset 0 -1px 4px #0000004d,0 0 20px #f00c,0 0 25px #ffffff80,0 6px 15px #000c,0 10px 25px #0009,0 4px 10px #000;filter:brightness(1.6) contrast(1.2);transform:perspective(500px) translateZ(6px)}@keyframes stepFlash{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:768px){.minigame-container{border:none;border-radius:0;height:100vh;max-height:100vh;max-width:100vw;padding:.8rem;width:100vw}.minigame-close{font-size:1.2rem;height:35px;right:10px;top:10px;width:35px}.minigame-header h2{font-size:2rem;letter-spacing:2px}.header-and-controls{align-items:stretch;flex-direction:column;gap:1rem}.left-section{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between;width:100%}.left-section .play-btn.desktop-play-btn,.machine-controls-right .pattern-controls{display:none}.mobile-controls-row{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin-bottom:.5rem;margin-left:40px;margin-top:-20px;overflow:hidden;padding:0;position:relative;width:100%;z-index:1}.mobile-start-stop{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;margin-top:0;min-width:0;padding-top:0;transform:translate(-20px,30px)}.mobile-start-stop .mobile-play-btn{background:#0000;border:none;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;height:32px;margin:0;max-width:120px;min-height:32px;min-width:120px;overflow:visible;padding:0;position:relative;transform:perspective(800px) translateZ(0);transition:transform .15s cubic-bezier(.4,0,.2,1);width:120px}.mobile-start-stop .mobile-play-btn:before{background:linear-gradient(135deg,#5a5a5a,#3a3a3a,#4a4a4a);border-radius:2px;bottom:-6px;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0000004d,0 2px 4px #0006;content:"";left:-6px;position:absolute;right:-6px;top:-6px;z-index:0}.mobile-start-stop .mobile-play-btn:after{background:#f5f5f0;border-radius:2px;bottom:-3px;box-shadow:inset 0 1px 3px #0000001a,0 1px 2px #0003;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:1}.mobile-start-stop .mobile-play-btn .start-stop-text{align-items:center;background:linear-gradient(135deg,#d4af37,#c9a028 30%,#d4af37 50%,#b8941f 70%,#d4af37);border-radius:1px;box-shadow:inset 0 1px 3px #fff6,inset 0 -1px 3px #0000004d,0 2px 4px #0000004d,0 1px 2px #0003;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0) scale(1);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.mobile-start-stop .mobile-play-btn .start-stop-text:before{background:#000;content:"";height:2px;left:6%;position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:3}.mobile-start-stop .mobile-play-btn .start-text,.mobile-start-stop .mobile-play-btn .stop-text{-webkit-text-stroke:.5px #000;align-items:center;color:#000;display:flex;flex:1 1;font-family:Arial Black,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:.75rem;font-weight:900;justify-content:center;letter-spacing:.8px;line-height:1.2;position:relative;text-align:center;text-shadow:0 1px 0 #ffffff4d;text-transform:uppercase;width:100%;z-index:4}.mobile-start-stop .mobile-play-btn .start-text{padding-top:2px}.mobile-start-stop .mobile-play-btn .stop-text{padding-bottom:2px}.mobile-start-stop .mobile-play-btn.playing .start-stop-text .start-text,.mobile-start-stop .mobile-play-btn.playing .start-stop-text .stop-text,.mobile-start-stop .mobile-play-btn:not(.playing) .start-stop-text .start-text,.mobile-start-stop .mobile-play-btn:not(.playing) .start-stop-text .stop-text{display:flex}.pattern-controls-mobile{grid-gap:.5rem;grid-column-gap:.5rem;align-items:flex-start;align-self:flex-start;background:#0000;border:none;border-radius:0;box-shadow:none;column-gap:.5rem;display:grid;flex:0 0 auto;gap:.5rem;grid-template-columns:auto auto;grid-template-rows:auto auto;height:auto;margin-bottom:0;margin-left:40px;margin-top:0;min-width:0;padding:.15rem .2rem 0}.pattern-controls-mobile label{color:#e0e0e0;display:block;font-family:Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:500;grid-column:1;grid-row:1;letter-spacing:.5px;line-height:1;margin-bottom:6px;margin-top:0;text-align:center;text-transform:uppercase;width:100%}.pattern-controls-mobile .preset-grid{grid-column:1;grid-row:2}.pattern-controls-mobile .action-buttons{grid-column:2;grid-row:2}.pattern-controls-mobile .preset-grid{grid-gap:.15rem;align-items:center;display:grid;flex:0 0 auto;gap:.15rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin-bottom:0;margin-right:.5rem;min-width:0;padding:.1rem 0 0;width:auto}.pattern-controls-mobile .preset-btn{font-size:.75rem;padding:.2rem .3rem}.pattern-controls-mobile .action-buttons{align-items:center;align-self:flex-start;display:flex!important;flex:0 0 auto;flex-direction:column!important;gap:.3rem;justify-content:flex-start;margin-top:-27px}.pattern-controls-mobile .clear-btn,.pattern-controls-mobile .random-btn{font-size:.65rem;min-width:55px;padding:.2rem .4rem}.pattern-controls-mobile .random-btn{order:2!important}.pattern-controls-mobile .clear-btn{order:1!important}.machine-controls-right{flex-direction:row;flex-wrap:wrap;gap:.8rem;justify-content:center;width:100%}.machine-controls-right .control-group{flex-direction:row;flex-wrap:wrap;gap:.6rem;justify-content:center}.tempo-knob{-webkit-tap-highlight-color:transparent;height:80px;touch-action:manipulation;width:80px}.tempo-knob .knob-indicator{height:20px;top:8px;transform-origin:center 30px}.bitcrush-knob,.phaser-knob,.reverb-knob,.saturation-knob,.shuffle-knob{-webkit-tap-highlight-color:transparent;height:50px;touch-action:manipulation;width:50px}.knob-indicator{height:12px;top:4px;transform-origin:center 14px}.sequencer-grid{-webkit-overflow-scrolling:touch;margin-top:-75px;overflow-x:auto;padding:1.8rem .5rem .5rem;position:relative;z-index:0}.sequencer-block{margin-top:-70px;position:relative;z-index:0}.instrument-row{gap:3px;margin-bottom:4px;min-width:-webkit-fit-content;min-width:fit-content}.instrument-pitch-knob-wrapper,.instrument-volume-knob-wrapper{margin-right:2px}.instrument-pitch-knob,.instrument-volume-knob{-webkit-tap-highlight-color:transparent;height:32px;min-height:32px;min-width:32px;touch-action:manipulation;width:32px}.instrument-label-container{min-width:22px;width:22px}.instrument-label{font-size:.6rem;letter-spacing:.2px;line-height:1;min-width:22px;padding:1px}.instrument-header-label-spacer{min-width:22px;width:22px}.pattern-grid-instr{gap:.15rem;grid-template-columns:repeat(16,minmax(20px,1fr));min-width:320px}.seq-step{-webkit-tap-highlight-color:transparent;height:36px;min-width:20px;padding-bottom:4px;touch-action:manipulation}.instrument-header-row{gap:3px;margin-top:-20px}.icon{background-size:22px 22px;height:28px;width:28px}.machine-controls{flex-direction:row;flex-wrap:wrap;gap:.8rem;padding:.8rem}.control-group{flex-direction:row;gap:.5rem}.bitcrush-control,.phaser-control,.reverb-control,.saturation-control,.shuffle-control,.tempo-control{min-width:auto}.bitcrush-control label,.phaser-control label,.reverb-control label,.saturation-control label,.shuffle-control label,.tempo-control label{font-size:.65rem;margin-bottom:6px}}.hero{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;z-index:0}.home:before{animation:none;background:linear-gradient(45deg,#f8fafc66,#f1f5f966,#fee2e266,#f9fafb66,#dbeafe66,#eef2f866,#fbcfe866,#f8fafc66);background-attachment:fixed;background-position:0 50%;background-size:400% 400%;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;transition:transform .3s ease-out;width:100vw;z-index:-2}.home.scrolling:before{animation:iridescent 8s cubic-bezier(.4,0,.6,1) infinite,backgroundFloat 15s cubic-bezier(.25,.46,.45,.94) infinite;animation-fill-mode:both}.hero-video{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-acceleration:gpu;-webkit-video-playback-inline:true;-webkit-smooth-scrolling:touch;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:contrast(1.3) brightness(.85) saturate(.7) sepia(.15);height:100%;image-rendering:auto;isolation:isolate;left:0;object-fit:cover;perspective:1000px;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d;width:100%;will-change:transform;z-index:1}.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-panel{display:none!important;opacity:0;pointer-events:none;visibility:hidden}.hero-video::-webkit-media-controls-play-button{display:none!important;opacity:0;pointer-events:none;visibility:hidden}.hero-video{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel{display:none!important}video::-webkit-media-controls-play-button,video::-webkit-media-controls-volume-slider{display:none!important}video::-webkit-media-controls-mute-button,video::-webkit-media-controls-timeline{display:none!important}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{display:none!important}.hero-overlay{animation:scanlines 8s linear infinite;background:#0006;background-image:repeating-linear-gradient(0deg,#ffffff05,#ffffff05 1px,#0000 0,#0000 2px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.hero-content{align-items:center;display:flex;gap:2rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-35%,-50%);z-index:3}.hero-logo{align-items:center;background:#0000;cursor:pointer;display:flex;flex-shrink:0;height:300px;justify-content:center;width:300px}.hero-logo,.hero-logo img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative}.hero-logo img{height:100%;object-fit:contain;width:100%;z-index:1}.hero-text{align-items:center;align-items:flex-start;flex-shrink:0;gap:.5rem;height:250px;min-height:250px;overflow:visible;position:relative;width:500px}.animated-text,.hero-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.animated-text{animation:none!important;color:#fff;font-family:Pixeled,Dogica,DogicaPixel,Courier New,monospace;font-size:2.5rem;font-weight:700;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;left:4px;letter-spacing:2px;line-height:1.1;padding-left:0;position:absolute;top:9px;transform:none!important;transition:opacity .5s ease-in-out}.animated-text,.text-line{align-items:center;width:100%}.text-line{display:flex;height:1.3em;justify-content:flex-start;margin-bottom:1em;min-height:1.3em;min-width:250px;text-align:left}.cursor{animation:blink 1s infinite;color:#fff;margin-left:2px}.bold-text,.cursor{font-weight:700}.bold-text .text-line{align-items:center;display:flex;justify-content:flex-start;min-width:250px;width:250px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:40px;display:flex;justify-content:center;left:50%;position:fixed;transform:translateX(-50%) scaleY(.7);z-index:10}.scroll-arrow-img{display:block;filter:brightness(0) invert(1);height:auto;image-rendering:crisp-edges;max-height:30px;max-width:50px;opacity:.7;width:auto}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scroll-arrow{background:#0000;height:20px;position:relative;width:200px}.scroll-arrow:before{background:linear-gradient(45deg,#0000 45%,#fff 0,#fff 55%,#0000 0),linear-gradient(-45deg,#0000 45%,#fff 0,#fff 55%,#0000 0);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%,50% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.scroll-arrow:hover{background:#fffc}.scroll-arrow:hover:before{border-top-color:#fffc}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.8}21%,23%,54%,56%{opacity:.6}}@keyframes iridescent{0%{background-position:0 50%}15%{background-position:100% 20%}30%{background-position:50% 100%}45%{background-position:0 80%}60%{background-position:80% 0}75%{background-position:20% 100%}90%{background-position:100% 50%}to{background-position:0 50%}}@keyframes backgroundFloat{0%{transform:translate(0) rotate(0deg) scale(1)}10%{transform:translate(2.5px,-4.2px) rotate(.85deg) scale(1.017)}20%{transform:translate(-1.7px,3.4px) rotate(-.68deg) scale(.983)}30%{transform:translate(4.2px,1.7px) rotate(1.02deg) scale(1.008)}40%{transform:translate(-2.5px,-2.5px) rotate(-1.27deg) scale(.984)}50%{transform:translate(1.7px,5.1px) rotate(.42deg) scale(1.025)}60%{transform:translate(-3.4px,.85px) rotate(-.85deg) scale(.824)}70%{transform:translate(3.4px,-1.7px) rotate(1.53deg) scale(1.017)}80%{transform:translate(-.85px,4.2px) rotate(-.25deg) scale(.983)}90%{transform:translate(2.5px,2.5px) rotate(.59deg) scale(1.008)}to{transform:translate(0) rotate(0deg) scale(1)}}@keyframes logo-heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.02)}20%{transform:scale(1)}30%{transform:scale(1.015)}40%{transform:scale(1)}50%,90%{transform:scale(1)}}.hero-text span{color:#fff;display:block;font-family:DogicaPixel,Courier New,monospace;font-size:2.6rem;font-weight:400;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;letter-spacing:2px;line-height:1.1;margin:0;padding:0;text-align:left}.hero-text .music-makers{display:inline-block;font-size:2rem;margin-top:.1rem;position:relative}.embedded-logo{display:inline-block;height:30px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:30px}.embedded-logo img{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain;width:100%}.production-section{background:#0000;padding:0;position:relative}.production-container,.production-section{display:flex;flex-direction:column;min-height:100vh}.production-container{box-sizing:border-box;flex:1 1;padding-bottom:env(safe-area-inset-bottom,0)}.production-section h2{color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:2.5rem;letter-spacing:3px;margin-bottom:1rem;padding-left:1rem;text-align:left}.production-columns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;padding:0 1rem}.production-column h3{color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.8rem;margin-bottom:.3rem;text-align:left}.video-player{background:#000;border-radius:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.video-thumbnail{background:linear-gradient(45deg,#333,#666);height:120px;position:relative;width:100%}.play-button,.video-thumbnail{align-items:center;display:flex;justify-content:center}.play-button{background:#fff;border-radius:50%;color:#000;cursor:pointer;font-size:1rem;height:40px;width:40px}.video-controls{background:#000;color:#fff;font-size:.7rem;padding:.3rem}.video-info{display:flex;justify-content:space-between}.video-navigation{color:#333;font-size:.35rem;line-height:1;margin-bottom:.1rem;max-width:100%;overflow:hidden;text-align:left;white-space:nowrap}.related-videos{display:flex;flex-direction:column;gap:.3rem}.related-video{align-items:center;color:#333;display:flex;font-size:.7rem;gap:.3rem}.spotify-playlist{border-radius:8px;height:352px;margin-top:.5rem;overflow:hidden;width:100%}.spotify-playlist iframe{border-radius:8px;height:100%;width:100%}.vimeo-playlist{border-radius:8px;height:352px;margin-top:.5rem;overflow:hidden;width:100%}.vimeo-playlist iframe{border-radius:8px;height:100%;width:100%}.playlist-preview{background:#0000000d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.5rem}.preview-video{align-items:center;background:#ffffff1a;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.3rem;transition:background .3s ease}.preview-video:hover{background:#0000001a}.preview-thumbnail{background:#333;border-radius:4px;flex-shrink:0;height:30px;width:50px}.preview-video span{color:#333;font-size:.8rem;font-weight:500}.action-buttons{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:calc(1rem + 80px);margin-top:-5px;padding-bottom:1rem;padding-top:2rem;position:relative;transform:translateZ(0);width:100%;will-change:transform;z-index:999}.separator-image{display:block;height:10px;margin:5px auto 0;max-width:800px;width:100%}.action-buttons-row{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;position:relative;width:100%;z-index:999}.action-btn{background:#0000;border:2px solid #000;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;padding:.2rem .8rem;white-space:nowrap}.sound-catalog-btn{align-items:center;background:#fffffff2;border:3px solid #000;box-shadow:0 4px 12px #00000040;font-size:1rem;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:2px;padding:.4rem 1.6rem;text-align:center;transform:scale(1.05);transition:all .3s ease}.action-btn:hover{background:salmon;border:2px solid salmon;color:#fff}.sound-catalog-btn:hover{background:salmon;border:3px solid salmon;box-shadow:0 6px 12px #0000004d;color:#fff;transform:scale(1.1)}.services-section{background:#0000;display:flex;flex-direction:column;min-height:100vh;padding:0;position:relative}.services-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;padding:0 1rem;position:relative}.services-section h2{font-size:2rem;margin:0}.services-section h2,.services-title{color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;letter-spacing:3px}.services-title{align-items:center;display:flex;font-size:1.8rem;margin-bottom:2rem;padding-left:1rem;text-align:left}.services-cursor{animation:blink 1s infinite;color:#000;font-weight:700;margin-left:2px}.production-title{align-items:center;color:#000;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:2.5rem;letter-spacing:3px;margin-bottom:2rem;padding-left:1rem;text-align:left}.production-cursor{animation:blink 1s infinite;color:#000;font-weight:700;margin-left:2px}.contact-title{align-items:center;color:#000;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:2rem;letter-spacing:3px;margin-bottom:2rem;padding-left:1rem;text-align:left}.contact-cursor{animation:blink 1s infinite;color:#000;font-weight:700;margin-left:2px}.equipment-btn{align-items:center;background:#fff;border:2px solid #000;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;padding:.6rem 1.3rem;position:absolute;right:1rem;text-align:center;top:1rem;transition:all .3s ease;white-space:nowrap}.equipment-btn:hover{background:salmon;border:2px solid salmon;color:#fff}.services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);height:calc(100vh - 250px);max-height:calc(100vh - 250px);overflow:hidden;padding:0 1rem}.service-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:row;gap:1.5rem;height:100%;min-height:100px;overflow:hidden;padding:1rem;text-align:left}.service-content{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:flex-start;overflow:hidden}.service-icon{align-items:center;align-self:center;animation:float 3s ease-in-out infinite;display:flex;flex-shrink:0;height:100px;justify-content:center;margin-bottom:0;margin-top:0;width:100px}.service-icon:nth-child(2){animation-delay:.5s}.service-icon:nth-child(3){animation-delay:1s}.service-icon:nth-child(4){animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(-2.5px)}75%{transform:translateY(-7.5px)}}.service-icon img{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain;width:100%}.service-card h3{align-self:flex-end;color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:0;margin-left:auto;text-align:right;width:-webkit-fit-content;width:fit-content}.service-title-with-icon{flex-direction:row;gap:.5rem}.service-info-icon,.service-title-with-icon{align-items:center;display:flex;position:relative}.service-info-icon{background:#fff;border:2px solid #000;border-radius:50%;color:#000;cursor:pointer;flex-shrink:0;font-family:Arial,sans-serif;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;margin-right:.5rem;padding:0;transition:all .3s ease;width:28px}.service-info-icon:hover{background:salmon;border:2px solid salmon;box-shadow:0 2px 8px #0000004d;color:#fff;transform:scale(1.15)}.service-info-icon:after,.service-info-icon:before{display:none}.service-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.service-popup{background:#fff;border:3px solid #000;border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.service-popup h3{color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:1.5rem;letter-spacing:2px;margin-bottom:1rem;text-align:left}.service-popup p{font-size:.95rem;line-height:1.6}.service-popup p,.service-popup ul{color:#333;font-family:Arial,sans-serif;margin-bottom:1rem;text-align:left}.service-popup ul{font-size:.9rem;line-height:1.8;margin-left:1.5rem}.service-popup ul li{margin-bottom:.5rem}.service-popup-close{align-items:center;background:#fff;border:2px solid #000;border-radius:50%;color:#000;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:20px;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.service-popup-close:hover{background:salmon;color:#fff;transform:scale(1.1)}.service-card p{color:#333;flex:1 1;font-family:Arial,sans-serif;font-size:.8rem;line-height:1.4;margin-bottom:0;overflow:hidden;text-align:left;width:100%}.service-price{align-self:center;color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-top:0;text-align:center}.service-price-amount{color:salmon}.contact-section{background:#0000;min-height:100vh;padding:0 0 10px;position:relative}.contact-section h2{color:#000;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:2rem;letter-spacing:3px;margin-bottom:1rem;padding-left:1rem;text-align:left}.contact-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 250px);max-height:calc(100vh - 250px);overflow:visible;padding:0 1rem}.contact-zone-1{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:.8rem}.contact-zone-1 h3{color:#000;font-family:Dogica,DogicaPixel,Courier New,monospace;font-size:1.5rem;letter-spacing:1px;margin-bottom:1rem;text-align:center}.contact-zone-2{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:.8rem}.contact-zone-3,.contact-zone-4{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:-28px;overflow:visible;padding:.8rem}.contact-left-top h3{color:#000;font-family:Dogica,DogicaPixel,Courier New,monospace;font-size:1.2rem;margin-bottom:1rem;text-align:center;width:100%}.social-icons{animation:none;gap:3rem;margin-bottom:0;margin-top:2rem;width:100%}.social-icon,.social-icons{align-items:center;display:flex;justify-content:center}.social-icon{animation:float 3s ease-in-out infinite;background:#0000;border-radius:8px;color:#fff;font-size:2rem;height:80px;overflow:hidden;transition:transform .3s ease;width:80px}.social-icon:first-child{animation-delay:0s}.social-icon:nth-child(2){animation-delay:.5s}.social-icon:nth-child(3){animation-delay:1s}.social-icon img{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain;width:100%}.social-icon:hover{transform:scale(1.1)}.social-icon a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.social-icon a:hover{opacity:.8}.contact-right{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:1rem}.contact-right-top{margin-bottom:1rem;width:100%}.contact-right-bottom{flex:1 1;width:100%}.about-section{background:#0000;color:#000;padding:.5rem}.about-section,.meet-section{border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.meet-section{animation:float 3s ease-in-out infinite;animation-delay:.5s;background:#000;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 8px #0006;color:#fff;padding:1.5rem}.meet-separator{align-self:flex-start;animation:none;background:linear-gradient(45deg,#f0f9ff,#e0f2fe,#fef3c7,#fce7f3,#f3e8ff,#e0e7ff,#dbeafe,#f0f9ff);background-size:400% 400%;border-radius:4px;height:8px;margin:.1rem 0 .8rem;width:80%}.about-section h3{color:#000;font-size:.9rem;margin-bottom:.5rem}.about-section h3,.meet-section h3{font-family:Pixeled,DogicaPixel,Courier New,monospace;font-weight:700}.meet-section h3{color:#fff;font-size:1.1rem;margin-bottom:.3rem}.about-section p{color:#333;flex:1 1;font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.meet-section p{color:#e0e0e0;flex:1 1;font-size:.85rem;line-height:1.5;margin-bottom:.8rem}.studio-btn{align-items:center;align-self:flex-end;background:#fff;border:2px solid #000;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;margin-top:auto;padding:.2rem .8rem;text-align:center;transition:all .3s ease;white-space:nowrap}.studio-btn:hover{background:salmon;border:2px solid salmon;color:#fff}.contact-btn{align-items:center;align-self:flex-end;background:#fff;border:2px solid #000;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;margin-top:1rem;min-width:120px;padding:.2rem .8rem;text-align:center;transition:all .3s ease;white-space:nowrap;width:auto}.contact-btn:hover{background:salmon;border:2px solid salmon;color:#fff}.contact-btn{animation:none!important;transform:none!important}.map-container{border-radius:8px;height:100%;overflow:hidden;width:100%}@media (max-width:768px){.hero-content{align-items:center;flex-direction:column;gap:1.5rem;justify-content:center;left:50%;margin-top:0;padding:0 1rem;position:relative;text-align:center;top:calc(50vh - 400px);transform:translate(-50%,-50%);width:100%}.hero-logo{animation:logoFadeInOut 6s infinite;margin:0 auto}.hero-logo,.hero-text{height:200px;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:200px}.hero-text{animation:textFadeInOut 6s infinite}.animated-text,.hero-text{align-items:center;display:flex;justify-content:center;text-align:center}.animated-text{flex-direction:column;height:100%;left:0;position:relative;top:0;width:100%}.text-line{justify-content:center;width:100%}@keyframes logoFadeInOut{0%,40%{opacity:1;visibility:visible}45%,90%{opacity:0;visibility:hidden}95%,to{opacity:1;visibility:visible}}@keyframes textFadeInOut{0%,40%{opacity:0;visibility:hidden}45%,90%{opacity:1;visibility:visible}95%,to{opacity:0;visibility:hidden}}.text-line{text-align:center}.hero-text span{font-size:2.2rem}.hero-text .music-makers{font-size:2.6rem}.production-columns{gap:2rem;grid-template-columns:1fr}.action-buttons-row{flex-direction:column;gap:1rem}.action-btn{font-size:1rem;max-width:300px;padding:1rem 1.5rem;width:100%}.services-grid{gap:1.5rem;grid-template-columns:1fr;height:auto;max-height:none;overflow:visible}.service-card{flex-direction:column;height:auto;min-height:auto;padding:1.5rem}.service-content{width:100%}.service-card h3{align-self:center;margin-left:0;margin-right:auto;width:100%}.service-card h3,.service-title-with-icon{justify-content:center;text-align:center}.service-card p{font-size:.9rem;line-height:1.6}.service-card p,.service-price{text-align:center}.services-header{align-items:flex-start;flex-direction:column;gap:1.5rem;text-align:left}.services-title{justify-content:flex-start;padding-left:1rem;text-align:left;width:100%}.services-section h2{font-size:1.3rem;padding-left:1rem;text-align:left}.contact-section h2,.contact-title,.production-section h2,.production-title,.services-title{font-size:1.3rem}.equipment-btn{display:block;font-size:.85rem;margin:2rem auto;max-width:300px;padding:.8rem 1.2rem;position:relative;right:auto;top:auto;white-space:nowrap;width:100%}.contact-content{gap:.8rem;grid-template-columns:1fr;grid-template-rows:auto;height:auto;max-height:none;overflow:visible;padding:1rem}.contact-zone-1{background:#ffffff14;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem;min-height:auto;padding:1rem 1rem .5rem}.contact-zone-1,.contact-zone-2,.contact-zone-3,.contact-zone-4{text-align:left}.contact-zone-1 h3,.contact-zone-2 h3,.contact-zone-3 h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-align:left}.contact-zone-3,.contact-zone-4{margin-right:0}.social-icons{flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:.5rem 0}.social-icon{height:80px;width:80px}.contact-zone-2{background:#ffffff0d;border-radius:15px;margin-bottom:.5rem;padding:1.2rem 1rem}.about-section{padding:1rem 0;text-align:left}.about-section h3{margin-bottom:1rem;text-align:left}.about-section p{font-size:1rem;line-height:1.8;margin-bottom:1.5rem;padding:0;text-align:left}.studio-btn{display:block;margin:1rem auto 0}.contact-zone-3{background:#ffffff14;border-radius:15px;margin-bottom:.5rem;padding:1.2rem 1rem}.meet-section{padding:1.2rem 1rem;text-align:left}.meet-section h3{font-size:1.4rem;margin-bottom:1rem;text-align:left}.meet-section p{font-size:1rem;line-height:1.8;margin-bottom:1.5rem;margin-top:0;text-align:left}.meet-separator{display:block;margin:0 0 .5rem;width:70%}.contact-btn{display:block;margin:1rem auto 0}.contact-zone-4{min-height:320px;padding:1rem}.map-container{border-radius:15px;box-shadow:0 4px 20px #0000004d;height:300px;overflow:hidden}.about-section p,.meet-section p{font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;text-align:left}.contact-btn,.studio-btn{display:block;font-size:.85rem;margin-left:auto;margin-right:auto;max-width:280px;padding:.8rem 1.2rem;text-align:center;width:100%}.contact-right{gap:1rem}.map-container{height:250px}}.video-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.video-popup-content{animation:slideIn .3s ease-out;background:#000;border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.video-popup-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:DogicaPixel,monospace;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s ease;width:40px;z-index:10000}.video-popup-close:hover{background:#ffffff4d}.video-container{height:0;padding-bottom:56.25%;position:relative;width:100%}.showreel-video{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.video-popup-content{max-height:80vh;width:95%}.video-popup-close{font-size:20px;height:35px;right:10px;top:10px;width:35px}}.sound-catalog-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.sound-catalog-popup-content{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.sound-catalog-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sound-catalog-popup-close{align-items:center;background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:DogicaPixel,monospace;font-size:24px;height:auto;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:opacity .2s ease;width:auto;z-index:10000}.sound-catalog-popup-close:hover{opacity:.7}.sound-catalog-header{background:linear-gradient(135deg,#0000004d,#0000001a);border-bottom:1px solid #ffffff1a;padding:25px 30px 20px;text-align:center}.sound-catalog-header h2{color:#fff;font-family:DogicaPixel,monospace;font-size:22px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.sound-catalog-header p{color:#ffffffd9;font-family:Arial,sans-serif;font-size:14px;font-weight:300;line-height:1.7;margin:0 auto;max-width:750px}.sound-catalog-filters{background:#0003;border-bottom:1px solid #333;display:block!important;opacity:1!important;padding:20px 30px;visibility:visible!important}.search-container{margin-bottom:15px}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;outline:none}.search-input::placeholder{color:#888}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.category-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#aaa;cursor:pointer;font-family:DogicaPixel,monospace;font-size:11px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.category-btn.active{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #fff3;color:#fff}.sound-catalog-playlist{flex:1 1;margin-bottom:0;min-height:0;overflow-y:auto;padding:15px 0}.no-results{color:#888;font-family:DogicaPixel,monospace;font-size:14px;padding:60px 30px;text-align:center}.playlist-item{align-items:center;border-bottom:1px solid #222;cursor:pointer;display:flex;padding:8px 20px;transition:background .2s ease}.playlist-item:hover{background:#ffffff0d}.playlist-item.playing{background:#ffffff1a}.playlist-item:last-child{border-bottom:none}.track-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.track-number{color:#666;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:11px;text-align:center;width:25px}.track-details{flex:1 1;min-width:0;overflow:hidden}.track-details h4{color:#ffffff80;font-family:DogicaPixel,monospace;font-size:13px;letter-spacing:.5px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item.playing .track-details h4{color:#fff}.play-pause-btn,.track-controls{display:none}.download-btn,.play-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:DogicaPixel,monospace;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.download-btn:hover,.play-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.play-btn.playing{background:#ffffff4d;border-color:#ffffff80}.audio-player-bottom{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#1a1a1af2,#1a1a1a);border-top:2px solid #fff3;bottom:0;box-sizing:border-box;display:flex;left:0;min-height:110px;padding:15px 25px;position:-webkit-sticky;position:sticky;right:0;z-index:100}.audio-player-no-track{padding:20px 0;text-align:center;width:100%}.audio-player-no-track p{color:#fff6;font-family:DogicaPixel,monospace;font-size:12px;letter-spacing:1px;margin:0}.audio-player-content{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-width:100%;width:100%}.audio-player-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-width:0;width:100%}.audio-player-track-name{color:#fff;flex:1 1;font-size:13px;font-weight:500;letter-spacing:.5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.audio-player-time,.audio-player-track-name{font-family:DogicaPixel,monospace;white-space:nowrap}.audio-player-time{color:#aaa;flex-shrink:0;font-size:11px}.audio-player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.audio-player-volume-container{align-items:center;display:flex;flex-shrink:0;gap:8px;position:relative}.volume-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:opacity .2s ease}.volume-icon-button:hover{opacity:.8}.volume-icon{color:#ffffffb3;flex-shrink:0;height:20px;width:20px}.audio-player-volume-slider-wrapper{background:#1a1a1af2;border:1px solid #fff3;border-radius:6px;left:28px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:10}.audio-player-volume-slider-wrapper.visible{opacity:1;pointer-events:all;visibility:visible}.audio-player-volume{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;margin:0;outline:none;width:100px}.audio-player-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:background .2s ease;transition:background .2s ease;width:12px}.audio-player-volume::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.1)}.audio-player-volume::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:background .2s ease;transition:background .2s ease;width:12px}.audio-player-volume::-moz-range-thumb:hover{background:#fff;transform:scale(1.1)}.audio-player-play-pause{align-items:center;background:#8080804d;border:2px solid #80808080;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .2s ease,border-color .2s ease;width:40px}.audio-player-play-pause:hover{background:#fff3;border-color:#fff6}.audio-player-play-pause svg{height:20px;width:20px}.audio-player-progress-container{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;position:relative}.audio-waveform{align-items:center;background:#0000;border-radius:0;cursor:pointer;display:flex;gap:1px;height:50px;justify-content:flex-start;overflow:visible;padding:5px 0;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.waveform-bar{background:#80808080;border-radius:1px;flex:1 1;min-width:1px;pointer-events:auto;position:relative;transition:background .15s ease}.waveform-bar:hover{background:#969696b3}.waveform-bar.active,.waveform-bar.active:hover{background:#fff}.audio-player-progress{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.audio-player-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .2s ease;transition:background .2s ease;width:16px}.audio-player-progress::-webkit-slider-thumb:hover{background:#fff}.audio-player-progress::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:background .2s ease;transition:background .2s ease;width:16px}.audio-player-progress::-moz-range-thumb:hover{background:#fff}.audio-player-progress::-moz-range-track{background:#ffffff1a;border-radius:3px;height:6px}.sound-catalog-footer{border-top:1px solid #333;padding:20px 30px 30px;text-align:center}.catalog-btn{background:#8080804d;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-family:DogicaPixel,monospace;font-size:12px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.catalog-btn:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.sound-catalog-playlist::-webkit-scrollbar{width:6px}.sound-catalog-playlist::-webkit-scrollbar-track{background:#222}.sound-catalog-playlist::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sound-catalog-playlist::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.sound-catalog-popup-content{max-height:85vh;width:95%}.sound-catalog-popup-close{font-size:20px;height:35px;right:10px;top:10px;width:35px}.sound-catalog-header{padding:20px 20px 15px}.sound-catalog-header h2{font-size:20px}.sound-catalog-filters{padding:15px 20px}.search-input{font-size:13px;padding:10px 14px}.category-filters{gap:6px}.category-btn{font-size:10px;padding:6px 12px}.playlist-item{padding:12px 20px}.track-details h4{font-size:13px}.track-details p{font-size:11px}.play-pause-btn{height:38px;width:38px}.play-pause-btn svg{height:18px;width:18px}.download-btn,.play-btn{font-size:10px;height:28px;width:28px}.sound-catalog-footer{padding:15px 20px 20px}.catalog-btn{font-size:11px;padding:10px 20px}.audio-player-bottom{padding:15px 20px}.audio-player-track-name{font-size:12px}.audio-player-time{font-size:11px}.audio-player-play-pause{height:38px;width:38px}.audio-player-play-pause svg{height:18px;width:18px}.audio-waveform{gap:.3px;height:50px;padding:8px 0}.waveform-bar{min-width:.3px}}.equipment-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.equipment-popup-content{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #000000b3;max-height:90vh;max-width:1000px;overflow-y:auto;padding:0;position:relative;width:90%}.equipment-popup-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;float:right;font-family:DogicaPixel,monospace;font-size:16px;height:26px;justify-content:center;margin:8px;position:-webkit-sticky;position:sticky;right:8px;top:8px;transition:all .2s ease;width:26px;z-index:10000}.equipment-popup-close:hover{background:#fff3;border-color:#ffffff4d}.equipment-header{border-bottom:none;padding:35px 15px 12px;text-align:center}.equipment-header h2{color:#fff;font-family:DogicaPixel,monospace;font-size:16px;letter-spacing:1.5px;margin-bottom:0;padding-bottom:5px}.equipment-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(12,1fr);padding:10px 15px 15px}.equipment-category:first-child,.equipment-category:nth-child(2),.equipment-category:nth-child(3),.equipment-category:nth-child(4){grid-column:span 3}.equipment-category:nth-child(5),.equipment-category:nth-child(6),.equipment-category:nth-child(7){grid-column:span 4}.equipment-category{background:#0000004d;border:1px solid #333;border-radius:6px;padding:10px}.category-title{align-items:center;border-bottom:1px solid #444;display:flex;gap:8px;margin-bottom:8px;padding-bottom:6px}.category-icon{font-size:16px}.category-title h3{color:#fff;font-family:DogicaPixel,monospace;font-size:12px;letter-spacing:.8px;margin:0}.equipment-list{display:flex;flex-direction:column;gap:3px}.equipment-item{border-bottom:1px solid #222;color:#ccc;font-family:DogicaPixel,monospace;font-size:11px;letter-spacing:.5px;line-height:1.4;padding:4px 0;transition:color .2s ease}.equipment-item:last-child{border-bottom:none}.equipment-item:hover{color:#fff;cursor:pointer}.equipment-tooltip{animation:fadeInTooltip .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414fa;border:2px solid #555;border-radius:12px;box-shadow:0 15px 40px #000000e6;max-height:calc(100vh - 30px);max-width:400px;min-width:300px;overflow-y:auto;padding:20px;pointer-events:auto;position:fixed;width:400px;z-index:10001}@keyframes fadeInTooltip{0%{opacity:0;transform:translateX(-10px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.equipment-tooltip-image{align-items:center;background:#0009;border:1px solid #333;border-radius:8px;display:flex;height:220px;justify-content:center;margin-bottom:18px;overflow:hidden;width:100%}.equipment-tooltip-image img{background:#0003;height:100%;object-fit:contain;padding:10px;width:100%}.equipment-tooltip-content{padding:0}.equipment-tooltip-content h4{color:#fff;font-family:DogicaPixel,monospace;font-size:16px;font-weight:700;letter-spacing:1px;line-height:1.4;margin:0 0 12px}.equipment-tooltip-content p{color:#ddd;font-family:Arial,sans-serif;font-size:13px;line-height:1.6;margin:0;padding:0}.equipment-popup-content::-webkit-scrollbar{width:8px}.equipment-popup-content::-webkit-scrollbar-track{background:#222}.equipment-popup-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.equipment-popup-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.equipment-popup-content{max-height:85vh;width:95%}.equipment-popup-close{font-size:14px;height:24px;margin:6px;right:6px;top:6px;width:24px}.equipment-header{padding:26px 12px 6px}.equipment-header h2{font-size:12px}.equipment-categories{gap:8px;grid-template-columns:1fr!important;padding:6px 12px 12px}.equipment-category:nth-child(5),.equipment-category:nth-child(6),.equipment-category:nth-child(7),.equipment-category:nth-child(n+5){grid-column:auto!important}.equipment-category{padding:6px}.category-icon{font-size:12px}.category-title{gap:5px;margin-bottom:5px;padding-bottom:4px}.category-title h3{font-size:10px}.equipment-item{font-size:9px;padding:2px 0}}.photo-gallery-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.photo-gallery-content{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #000000b3;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:90%}.photo-gallery-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;float:right;font-family:DogicaPixel,monospace;font-size:24px;height:40px;justify-content:center;margin:15px;position:-webkit-sticky;position:sticky;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10000}.photo-gallery-close:hover{background:#fff3;border-color:#ffffff4d}.photo-gallery-header{border-bottom:1px solid #333;padding:70px 30px 30px;text-align:center}.photo-gallery-header h2{color:#fff;font-family:DogicaPixel,monospace;font-size:24px;letter-spacing:2px;margin-bottom:8px}.photo-gallery-header p{color:#aaa;font-size:14px;margin:0}.photo-gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:30px}.gallery-item{background:#0006;border:1px solid #444;border-radius:6px;cursor:pointer;overflow:hidden;transition:opacity .2s ease}.gallery-item:hover{opacity:.8}.photo-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);display:flex;justify-content:center;overflow:hidden;width:100%}.photo-placeholder img{height:100%;object-fit:cover;width:100%}.photo-icon{font-size:36px;opacity:.4}.close-icon{display:block;font-family:Arial,sans-serif;font-size:.6em;font-weight:300;line-height:1}.photo-gallery-content::-webkit-scrollbar{width:8px}.photo-gallery-content::-webkit-scrollbar-track{background:#222}.photo-gallery-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.photo-gallery-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.photo-gallery-content{max-height:85vh;width:95%}.photo-gallery-close{font-size:20px;height:35px;width:35px}.photo-gallery-header{padding:60px 20px 20px}.photo-gallery-header h2{font-size:20px}.photo-gallery-grid{gap:12px;grid-template-columns:1fr;padding:20px}.photo-icon{font-size:36px}.gallery-item p{font-size:13px;padding:12px}}.photo-zoom-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.photo-zoom-close,.photo-zoom-overlay{align-items:center;display:flex;justify-content:center}.photo-zoom-close{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-family:DogicaPixel,monospace;font-size:32px;height:50px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:50px;z-index:10002}.photo-zoom-close:hover{background:#fff3;border-color:#ffffff4d}.photo-zoom-content{max-height:90%;max-width:90%}.photo-zoom-content,.photo-zoom-image{align-items:center;display:flex;justify-content:center}.photo-zoom-image{background:#0000004d;border:1px solid #444;border-radius:12px;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden}.photo-zoom-image img{height:auto;max-height:70vh;object-fit:contain;width:100%}.photo-icon-large{font-size:120px;margin-bottom:20px;opacity:.3}.photo-zoom-image p{color:#ccc;font-family:DogicaPixel,monospace;font-size:18px;margin:15px 0 0;padding:15px}@media (max-width:768px){.photo-zoom-close{font-size:24px;height:40px;right:15px;top:15px;width:40px}.photo-zoom-image{min-height:250px;min-width:250px;padding:30px}.photo-icon-large{font-size:80px}.photo-zoom-image p{font-size:16px}}.contact-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.contact-popup-content{background:#000;border-radius:15px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:550px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.contact-popup-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:25px}.contact-popup-close:hover{background:#ffffff1a;transform:scale(1.1)}.contact-popup-header h2{color:#fff;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:1.5rem;letter-spacing:2px;margin-bottom:.3rem;text-align:center}.contact-popup-header p{color:#ccc;font-size:.85rem;line-height:1.3;margin-bottom:1rem;text-align:center}.contact-form{gap:1rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-group label{font-size:.8rem;font-weight:700;letter-spacing:1px}.form-group input,.form-group label,.form-group textarea{color:#fff;font-family:Dogica,DogicaPixel,Courier New,monospace}.form-group input,.form-group textarea{background:#000;border:2px solid #fff;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.7rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80;opacity:1}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#fff;box-shadow:0 0 0 3px #fff3;outline:none}.form-group input:invalid:not(:placeholder-shown){border-color:#f44}.form-group textarea{font-family:Dogica,DogicaPixel,Courier New,monospace;line-height:1.5;max-height:150px;min-height:100px;resize:vertical}.contact-submit-btn{background:#fff;border:2px solid #fff;border-radius:12px;color:#000;cursor:pointer;font-family:Pixeled,DogicaPixel,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1.5px;margin-top:.3rem;padding:.9rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.contact-submit-btn:hover{background:salmon;box-shadow:0 4px 12px #ffffff4d;color:#fff;transform:translateY(-2px)}.contact-submit-btn:active{transform:translateY(0)}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.contact-popup-content{max-height:90vh;max-width:95%;padding:1.2rem}.contact-popup-header h2{font-size:1.2rem;margin-bottom:.2rem}.contact-popup-header p{font-size:.75rem;margin-bottom:.8rem}.contact-form{gap:.8rem}.form-group label{font-size:.75rem}.form-group input,.form-group textarea{font-size:.85rem;padding:.6rem}.form-group textarea{max-height:120px;min-height:80px}.contact-submit-btn{font-size:.85rem;font-size:.9rem;padding:.9rem 1.5rem}}.reel-player-container{align-items:center;display:flex;justify-content:center;margin-top:2rem;padding:3rem 0;width:100%}.reel-player-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.reel-left{transform-origin:50px 40px}.reel-left,.reel-right{animation:spin 4s linear infinite}.reel-right{transform-origin:130px 40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sound-design-column-home{display:flex;flex-direction:column;position:relative}.sound-design-column-home h3{margin-bottom:.3rem}.video-container-home{display:flex;flex-direction:column;gap:.5rem;height:352px;margin-top:.5rem;width:100%}.video-container-home.playlist-collapsed{gap:.3rem}.video-player-main-home{background:#000;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative;transition:flex .3s ease;width:100%}.video-container-home.playlist-collapsed .video-player-main-home{flex:1 1}.main-video-home{background:#000;display:block;flex:1 1;height:100%;min-height:0;object-fit:contain;width:100%}.main-video-home:fullscreen{background:#000;object-fit:contain}.video-player-main-home:fullscreen{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;overflow:visible;position:relative}.video-player-main-home:fullscreen .main-video-home{height:100%;max-height:100%;max-width:100%;width:100%}.video-player-main-home:fullscreen .video-controls-overlay-home{bottom:0!important;left:0!important;padding-bottom:3rem!important;position:fixed!important;right:0!important;z-index:2147483647!important}.video-player-main-home:fullscreen .video-controls-main-home{background:linear-gradient(0deg,#000000d9 0,#00000080 50%,#0000)!important;bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:2147483647!important}.video-player-main-home:fullscreen .video-title-main-home{left:0;position:fixed;right:0;top:0;z-index:1000}.video-player-main-home:fullscreen .video-controls-overlay-home{display:block!important;opacity:1!important;pointer-events:all!important;visibility:visible!important}.video-player-main-home:fullscreen .video-controls-main-home{display:flex!important;opacity:1!important;pointer-events:all!important;visibility:visible!important}.video-player-main-home:fullscreen:hover .video-controls-main-home,.video-player-main-home:fullscreen:hover .video-controls-overlay-home{opacity:1;pointer-events:all}.video-playlist-fullscreen-home{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #000c;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;padding:1rem;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:350px;z-index:2147483646}.video-playlist-fullscreen-home.collapsed{min-width:250px;width:auto}.playlist-header-fullscreen-home{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:.9rem;font-weight:700;justify-content:space-between;margin-bottom:.8rem;padding:.8rem 1rem;text-align:center;transition:all .3s ease}.playlist-header-fullscreen-home:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.02)}.playlist-toggle-icon-fullscreen-home{font-size:.8rem;transition:transform .2s ease}.playlist-items-fullscreen-home{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-height:0;overflow-y:auto;padding-right:.3rem}.playlist-items-fullscreen-home::-webkit-scrollbar{width:6px}.playlist-items-fullscreen-home::-webkit-scrollbar-track{background:#0003;border-radius:3px}.playlist-items-fullscreen-home::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.playlist-items-fullscreen-home::-webkit-scrollbar-thumb:hover{background:#ffffff80}.playlist-item-fullscreen-home{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:6px;color:#fffffff2;cursor:pointer;display:flex;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:.85rem;gap:.8rem;padding:.8rem;transition:all .3s ease}.playlist-item-fullscreen-home:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d;transform:translateX(-5px)}.playlist-item-fullscreen-home.active{background:#ff00004d;border-left:3px solid red;color:#fff;font-weight:700}.playlist-item-number-fullscreen-home{flex-shrink:0;font-size:.7rem;text-align:center;width:24px}.playlist-item-name-fullscreen-home{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-playing-fullscreen-home{align-items:center;animation:pulse 1s infinite;display:flex;font-size:.8rem;justify-content:center}.playlist-item-playing-fullscreen-home svg{fill:currentColor;height:14px;width:14px}.no-videos-fullscreen-home{color:#fff9;font-family:DogicaPixel,monospace;font-size:.7rem;padding:2rem;text-align:center}.video-controls-overlay-home{bottom:0;left:0;opacity:0;padding-bottom:3rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.video-controls-overlay-home.visible{opacity:1;pointer-events:all}.video-progress-bar-overlay-home{background:#ffffff4d;cursor:pointer;height:3px;position:relative;width:100%}.video-progress-fill-overlay-home{background:red;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.video-progress-scrubber-home{background:red;border-radius:50%;box-shadow:0 0 0 1.5px #fff9;height:10px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:10px}.video-controls-overlay-home.visible .video-progress-scrubber-home,.video-progress-bar-overlay-home:hover .video-progress-scrubber-home{opacity:1}.video-controls-main-home{align-items:center;background:linear-gradient(0deg,#000000d9 0,#00000080 50%,#0000);bottom:0;color:#fff;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;left:0;opacity:0;padding:.5rem .8rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.video-controls-main-home.visible{opacity:1;pointer-events:all}.video-player-main-home:fullscreen .video-controls-main-home.visible{display:flex!important;opacity:1!important;pointer-events:all!important}.video-controls-right-home{align-items:center;display:flex;gap:.5rem;margin-left:auto}.play-pause-btn-home{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.3rem;transition:opacity .2s ease;width:32px}.play-pause-btn-home:hover{opacity:.8}.play-pause-btn-home svg{height:20px;width:20px}.video-time-home{color:#fffc;font-family:DogicaPixel,monospace;font-size:.55rem;margin-left:.3rem;white-space:nowrap}.video-volume-control-home{align-items:center;display:flex;margin-left:.3rem;position:relative}.volume-btn-home{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.3rem;transition:opacity .2s ease;width:32px}.volume-btn-home:hover{opacity:.8}.volume-btn-home svg{height:20px;width:20px}.volume-slider-container-home{align-items:center;background:#0000;border-radius:4px;bottom:100%;display:flex;justify-content:center;left:50%;margin-bottom:.5rem;padding:.8rem .5rem;position:absolute;transform:translateX(-50%);z-index:10}.volume-slider-home{-webkit-appearance:slider-vertical;appearance:slider-vertical;background:#0000;border-radius:2px;cursor:pointer;direction:ltr;height:100px;outline:none;width:4px;writing-mode:bt-lr}.volume-slider-home::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider-home::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider-home::-webkit-slider-runnable-track{background:#ffffff80;border-radius:2px;height:100px;width:4px}.volume-slider-home::-moz-range-track{background:#ffffff80;border-radius:2px;height:100px;width:4px}.fullscreen-btn-home{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.3rem;transition:opacity .2s ease;width:32px}.fullscreen-btn-home:hover{opacity:.8}.fullscreen-btn-home svg{height:20px;width:20px}.video-title-main-home{background:linear-gradient(180deg,#000000b3 0,#0006 50%,#0000);color:#fff;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:.7rem;left:0;opacity:0;overflow:hidden;padding:.5rem .8rem;pointer-events:none;position:absolute;right:0;text-align:left;text-overflow:ellipsis;top:0;transition:opacity .3s ease;white-space:nowrap;z-index:10}.video-player-main-home:hover .video-title-main-home{opacity:1}.video-playlist-home{background:#0000000d;border:1px solid #0000001a;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:.4rem;transition:flex .3s ease;width:100%}.video-playlist-home.collapsed{flex:0 0 auto;padding:.3rem .4rem}.playlist-header-home{align-items:center;background:#0000001a;border-radius:4px;color:#333;display:flex;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:.65rem;justify-content:space-between;margin-top:.3rem;order:2;padding:.25rem .4rem;text-align:center;transition:background .2s ease}.video-playlist-home.collapsed .playlist-header-home{margin-bottom:0;margin-top:0}.playlist-header-home:hover{background:#00000026}.playlist-toggle-icon{font-size:.7rem;transition:transform .2s ease}.playlist-items-home{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-height:0;order:1;overflow-y:auto;padding-right:.3rem}.playlist-items-home::-webkit-scrollbar{width:4px}.playlist-items-home::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.playlist-items-home::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.playlist-items-home::-webkit-scrollbar-thumb:hover{background:#00000080}.playlist-item-home{align-items:center;background:#ffffff80;border-radius:4px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-family:DogicaPixel,monospace;font-size:.6rem;gap:.3rem;padding:.3rem;transition:all .2s ease}.playlist-item-home:hover{background:#ffffffb3;transform:translateX(2px)}.playlist-item-home.active{background:#000c;color:#fff;font-weight:700}.playlist-item-number-home{flex-shrink:0;font-size:.55rem;text-align:center;width:16px}.playlist-item-name-home{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-playing-home{align-items:center;animation:pulse 1s infinite;display:flex;font-size:.65rem;justify-content:center}.playlist-item-playing-home svg{fill:currentColor;height:12px;width:12px}.no-videos-home{color:#666;font-family:DogicaPixel,monospace;font-size:.65rem;padding:1rem;text-align:center}.no-videos-home .hint{color:#999;font-size:.55rem;margin-top:.3rem}
/*# sourceMappingURL=main.9b5988fb.css.map*/