@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_8a621842-module__lQ664a__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_8a621842-module__lQ664a__variable{--font-sora:"Sora", "Sora Fallback"}
:root{--bg:#07090c;--panel:#11151a;--panel2:#171b21;--line:#292e36;--text:#f6f3fa;--muted:#a7a5af;--purple:#a970ff;--green:#17da75;--red:#ff3f46}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0,#15111e 0,transparent 35%),var(--bg);margin:0;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.landing{overflow:hidden}.site-nav{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1240px;height:86px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:700;display:flex}.brand b{color:var(--purple)}.brand-mark{background:linear-gradient(145deg,#a970ff,#6332b4);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 34px #a970ff55}.brand-mark svg{width:23px}.nav-links{color:#b7b4bd;gap:34px;font-size:14px;display:flex}.nav-links a:hover{color:#fff}.pill{color:#fff;cursor:pointer;background:#15171c;border:1px solid #3b3d45;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;display:inline-flex}.pill.primary{background:var(--purple);color:#0e0718;border-color:var(--purple);font-weight:700;box-shadow:0 10px 34px #8f53ee28}.pill.large{min-height:54px;padding:0 27px}.hero{text-align:center;min-height:850px;padding:120px 24px 0;position:relative}.hero-glow{filter:blur(90px);background:#893cff20;border-radius:50%;width:750px;height:450px;position:absolute;top:50px;left:calc(50% - 375px)}.eyebrow{color:#a6a3ad;letter-spacing:.19em;font-size:11px;font-weight:600;position:relative}.hero .eyebrow span{background:var(--purple);width:6px;height:6px;box-shadow:0 0 14px var(--purple);border-radius:50%;display:inline-block}.hero h1,.form-intro h1{letter-spacing:-.065em;margin:28px 0 30px;font-size:clamp(64px,9vw,128px);line-height:.88;position:relative}.hero h1 em{color:#0000;-webkit-text-stroke:1px #bca3e6;font-style:normal}.hero-copy{color:#aaa7b2;max-width:590px;margin:0 auto;font-size:18px;line-height:1.7}.hero-actions{justify-content:center;gap:12px;margin:40px;display:flex}.console-art{background:linear-gradient(160deg,#18191e,#090b0e);border:1px solid #38343f;border-radius:24px 24px 0 0;width:min(920px,95vw);height:285px;margin:75px auto 0;position:relative;overflow:hidden;box-shadow:0 -30px 100px #9a5bff20,0 0 0 7px #0d0f12}.console-top{border-bottom:1px solid #282a30;align-items:center;gap:6px;height:42px;padding:0 18px;display:flex}.console-top span{background:#3b3d44;border-radius:50%;width:7px;height:7px}.waveform{justify-content:center;align-items:center;gap:7px;height:180px;padding:20px;display:flex}.waveform i{background:linear-gradient(#ae76ff,#6e36bd);border-radius:4px;width:4px;max-height:130px;box-shadow:0 0 10px #9f61ff66}.console-meta{color:#817f88;letter-spacing:.1em;border-top:1px solid #252831;justify-content:space-between;align-items:center;height:58px;padding:0 28px;font-size:11px;display:flex}.console-meta span{align-items:center;gap:7px;display:flex}.console-meta svg{width:14px;color:var(--green)}.console-meta b{color:#c5a7f2}.rooms{grid-template-columns:.8fr 1.2fr;gap:100px;max-width:1200px;margin:150px auto;padding:0 28px;display:grid}.rooms h2{letter-spacing:-.05em;font-size:52px;line-height:1.05}.room-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.room-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#17191f,#0d0f13);border-radius:22px;flex-direction:column;align-items:flex-start;min-height:340px;padding:30px;display:flex}.room-grid svg{width:38px;height:38px;color:var(--purple);margin-bottom:auto}.room-grid span{color:#a881df;letter-spacing:.18em;font-size:11px}.room-grid h3{margin:12px 0;font-size:25px}.room-grid p{color:var(--muted);line-height:1.6}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1200px;margin:100px auto;padding:50px 0;display:grid}.feature-strip div{border-right:1px solid var(--line);grid-template-columns:45px 1fr;padding:0 32px;display:grid}.feature-strip div:last-child{border:0}.feature-strip svg{color:var(--purple);grid-row:1/3}.feature-strip span{color:var(--muted);margin-top:8px;font-size:13px}.form-page,.station-login{background:radial-gradient(circle at 15% 30%,#40216155,transparent 34%),var(--bg);min-height:100vh;padding:32px}.back{color:#aaa;align-items:center;gap:8px;font-size:13px;display:inline-flex}.back svg{width:17px}.form-shell{border:1px solid var(--line);background:#0c0f13;border-radius:28px;grid-template-columns:1fr 460px;max-width:1080px;margin:70px auto;display:grid;overflow:hidden;box-shadow:0 50px 100px #0008}.form-intro{background:linear-gradient(145deg,#17121f,#0b0d11);padding:70px 60px}.form-intro h1{font-size:57px}.form-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7}.booking-points{color:#d7d2de;flex-direction:column;gap:20px;margin-top:50px;display:flex}.booking-points span{align-items:center;gap:13px;display:flex}.booking-points svg{color:var(--purple);width:19px}.booking-form{flex-direction:column;gap:18px;padding:42px;display:flex}.booking-form label,.station-login label{color:#aaa;letter-spacing:.08em;flex-direction:column;gap:8px;font-size:11px;display:flex}.booking-form input,.booking-form select,.booking-form textarea,.station-login input{color:#fff;background:#15181e;border:1px solid #333842;border-radius:11px;outline:none;padding:14px}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus,.station-login input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a970ff18}.booking-form textarea{resize:none;height:75px}.field-row{grid-template-columns:1fr 120px;gap:15px;display:grid}.form-error{color:#ff7d82;font-size:13px}.success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:55px;display:flex}.success i{width:60px;height:60px;color:var(--green);background:#153722;border-radius:50%;place-items:center;display:grid}.success p{letter-spacing:.15em;color:#999;font-size:11px}.success h2{color:var(--purple);margin:15px;font-size:52px}.success span{color:var(--muted);margin-bottom:30px;line-height:1.6}.engineer{background:#080a0d;min-height:100vh;padding:38px max(28px,50vw - 610px)}.engineer>header{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.engineer h1{margin:8px 0 0;font-size:42px}.connection{color:#b18e96;border:1px solid #49323b;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:11px;display:flex}.connection i{background:#8a3948;border-radius:50%;width:7px;height:7px}.connection.online{color:#40dc88;border-color:#176a42}.connection.online i{background:var(--green);box-shadow:0 0 10px var(--green)}.status-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.status-grid article{border:1px solid var(--line);background:#12151a;border-radius:16px;grid-template-columns:36px 1fr;padding:22px;display:grid}.status-grid svg{color:var(--purple);grid-row:1/4;width:21px}.status-grid span{color:#888;letter-spacing:.13em;font-size:10px}.status-grid b{margin:8px 0;font-size:15px}.status-grid small{color:#72757c}.engineer-panel{border:1px solid var(--line);background:#0e1115;border-radius:20px;margin-top:18px;padding:26px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-title h2{margin:5px 0;font-size:24px}.panel-title>span{color:#7d8087;gap:8px;font-size:12px;display:flex}.station-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.station-grid article{background:#15181e;border:1px solid #2c3038;border-radius:14px;padding:20px;position:relative}.station-number{color:#343740;font-size:34px;font-weight:700}.station-grid article>span{border-radius:999px;gap:5px;padding:6px 9px;font-size:10px;display:flex;position:absolute;top:18px;right:15px}.station-grid article>span svg{width:11px;height:11px}.available{color:#40dc88;background:#123120}.busy{color:#ff8f95;background:#3c171b}.station-grid h3{margin:16px 0 5px}.station-grid p{color:#858890;font-size:12px}.station-grid a{color:var(--purple);font-size:12px}.reservation-row{border-top:1px solid #252930;grid-template-columns:1.5fr 1fr .7fr .5fr;align-items:center;padding:15px;display:grid}.reservation-row span{color:#888;font-size:12px}.reservation-row code{color:var(--purple)}.reservation-row i{color:var(--green);font-size:11px;font-style:normal}.empty{color:#777}.station-login{place-items:center;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#171a20,#0c0e12);border-radius:28px;width:min(460px,100%);padding:46px;box-shadow:0 30px 100px #000}.login-card .brand-mark{margin:auto}.login-card h1{letter-spacing:-.04em;font-size:40px;line-height:1.05}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.login-card form{text-align:left;flex-direction:column;gap:16px;margin:28px 0;display:flex}.login-card>a{color:#888;font-size:12px}.mixer-app{background:radial-gradient(circle at 45% 10%,#1b1821,#0000 35%),#080b0e;border:5px solid #3a3a3a;border-radius:34px;max-width:1440px;min-height:100vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 80px #000}.mixer-header{border-bottom:1px solid #2a2e34;grid-template-columns:56px 1fr auto 150px 60px;align-items:center;gap:22px;height:115px;padding:0 38px;display:grid}.mixer-header>svg{color:#bec0c9;width:35px;height:35px}.mixer-header>div:nth-child(2){flex-direction:column;gap:8px;display:flex}.mixer-header b{font-size:18px}.mixer-header b span,.reservation-code b{color:var(--purple)}.mixer-header small{color:#bbb;align-items:center;gap:8px;display:flex}.mixer-header small i{background:var(--green);border-radius:50%;width:10px;height:10px}.mixer-header .connection{color:#6ff39d;border-color:#157346;padding:10px 18px}.mixer-header .connection svg{width:18px}.reservation-code{text-align:right;border-left:1px solid #292c32}.reservation-code small{letter-spacing:.05em;display:block}.avatar{color:#b27cff;background:#111319;border:1px solid #4a4b55;border-radius:50%;width:55px;height:55px;font-size:19px}.channel-tabs{grid-template-columns:repeat(8,minmax(110px,1fr));gap:5px;padding:22px 24px;display:grid;overflow-x:auto}.channel-tabs>div{background:linear-gradient(#191c21,#111419);border:1px solid #2d3138;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-width:108px;height:175px;display:flex}.channel-tabs>div.active{border-color:var(--purple);box-shadow:inset 0 -3px var(--purple)}.channel-tabs svg{color:#dadbe2;width:39px;height:39px}.channel-tabs b{text-transform:uppercase;font-size:15px}.channel-tabs span{color:#b4b0bc}.mix-strips{grid-template-columns:repeat(7,minmax(120px,1fr));padding:0 24px;display:grid;overflow-x:auto}.channel-strip{background:linear-gradient(90deg,#11151a,#181c21,#11151a);border:1px solid #2c3037;flex-direction:column;align-items:center;min-width:118px;height:775px;padding:26px 10px;display:flex;position:relative}.channel-strip:first-child{border-radius:15px 0 0 15px}.channel-strip:last-child{border-radius:0 15px 15px 0}.mute{color:#dadbe3;background:linear-gradient(#242930,#101318);border:1px solid #050608;border-radius:7px;height:43px;padding:0 20px;box-shadow:0 3px 8px #000}.mute.on{color:#fff;background:linear-gradient(#9f262b,#ff4047);border-color:#ff656a;box-shadow:0 0 16px #ff303044}.fader-zone{width:92px;height:505px;margin:35px 0 12px;position:relative}.scale{color:#d0d1d4;flex-direction:column;justify-content:space-between;height:100%;font-size:10px;display:flex;position:absolute;left:0}.meter{background:#080a0a;border:1px solid #222;border-radius:9px;align-items:flex-end;width:14px;height:100%;padding:2px;display:flex;position:absolute;top:0;left:42px}.meter i{background:linear-gradient(#ff532f,#ffc300 25%,#34db42 56%);border-radius:5px;width:100%;transition:height .1s;box-shadow:0 0 8px #34db4266}.fader-zone input{appearance:none;writing-mode:vertical-lr;cursor:ns-resize;z-index:2;direction:rtl;background:0 0;width:55px;height:100%;position:absolute;left:39px}.fader-zone input::-webkit-slider-runnable-track{background:#1c1f24;border-radius:5px;width:5px}.fader-zone input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg,#5f6469,#e1e5e8 18%,#90969b 42%,#f3f5f6 58%,#5c6166);border:1px solid #c6cbd2;border-radius:6px;width:52px;height:73px;margin-left:-23px;box-shadow:0 3px 8px #000}.channel-strip strong{color:var(--purple);margin:3px 0 28px;font-size:19px}.channel-strip>span{color:#b6b4bc;font-size:12px}.pan{background:radial-gradient(circle at 40% 35%,#282c31,#080a0d);border:6px double #333841;border-radius:50%;width:64px;height:64px;margin:10px;position:relative;box-shadow:0 0 0 2px #050608}.pan i{transform-origin:bottom;background:#ddd;width:2px;height:25px;display:block;position:absolute;top:4px;left:25px}.channel-strip>small{color:#85858d;font-size:10px}.gesture-tip{text-align:center;background:linear-gradient(145deg,#1d2330f7,#0d1117f7);border:1px solid #515666;border-radius:20px;width:238px;min-height:410px;padding:25px;position:absolute;top:455px;right:17px;box-shadow:0 20px 60px #000}.gesture-tip button{float:right;color:#ddd;background:0 0;border:0}.gesture-tip button svg{width:20px}.gesture-tip>i{color:#c7a2ff;margin:40px 0 20px;font-size:75px;font-style:normal;display:block}.gesture-tip b{font-size:16px;line-height:1.6}.gesture-tip p{color:#e2dfe7;line-height:1.6}.lock-toast{z-index:3;border:1px solid var(--purple);color:#c296ff;background:#20172bdd;border-radius:999px;width:max-content;max-width:90%;margin:-25px auto 18px;padding:15px 26px;position:relative}.mix-actions{background:#12151a;border:1px solid #2d3138;border-radius:16px;grid-template-columns:repeat(3,1fr);height:110px;margin:0 25px;display:grid}.mix-actions button{color:#aaa;background:0 0;border:0;border-right:1px solid #242830;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.mix-actions button svg{width:25px}.mix-actions .selected{color:var(--purple);text-shadow:0 0 12px #a970ff}.bottom-nav{grid-template-columns:repeat(5,1fr);align-items:center;height:110px;display:grid}.bottom-nav a,.bottom-nav button{color:#b7b6bf;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;font-size:12px;display:flex}.bottom-nav svg,.bottom-nav a>span,.bottom-nav button{font-size:29px}.bottom-nav .selected{color:var(--purple)}@media (max-width:800px){.site-nav{height:70px}.nav-links,.site-nav>.pill{display:none}.hero{min-height:720px;padding-top:85px}.hero h1{font-size:65px}.hero-copy{font-size:15px}.hero-actions{margin:30px 0}.console-art{height:240px;margin-top:55px}.rooms{grid-template-columns:1fr;gap:30px;margin:90px auto}.room-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;gap:30px;padding:35px 0}.feature-strip div{border-right:0}.form-page{padding:20px}.form-shell{grid-template-columns:1fr;margin:35px auto}.form-intro{padding:40px 28px}.form-intro h1{font-size:44px}.booking-points{display:none}.booking-form{padding:28px 22px}.engineer{padding:24px 14px}.engineer>header{align-items:flex-start;gap:20px}.engineer h1{font-size:30px}.engineer>header .connection{padding:10px;font-size:0}.status-grid,.station-grid{grid-template-columns:1fr 1fr}.reservation-row{grid-template-columns:1fr 1fr;gap:8px}.mixer-app{border-width:2px;border-radius:20px}.mixer-header{grid-template-columns:35px 1fr auto;gap:10px;height:92px;padding:0 18px}.mixer-header>svg{width:26px}.mixer-header .connection{padding:10px;font-size:0}.reservation-code{display:none}.avatar{width:40px;height:40px}.channel-tabs{grid-template-columns:repeat(8,100px);padding:12px}.channel-tabs>div{height:140px}.mix-strips{padding:0 12px}.channel-strip{min-width:106px;height:650px;padding-top:18px}.fader-zone{height:395px;margin-top:24px}.gesture-tip{display:none}.lock-toast{font-size:12px}.mix-actions{height:90px;margin:0 12px}.bottom-nav{z-index:5;background:#090c10;height:88px;position:sticky;bottom:0}.bottom-nav a,.bottom-nav button{font-size:9px}.bottom-nav svg{width:22px}.login-card{padding:32px 24px}.login-card h1{font-size:34px}}@media (max-width:480px){.hero h1{font-size:54px}.hero-actions{flex-direction:column}.rooms h2{font-size:39px}.status-grid,.station-grid{grid-template-columns:1fr}.engineer-panel{padding:18px}.panel-title>span,.bottom-nav a:nth-child(4){display:none}.bottom-nav{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter i{transition:none}}
.station-login{grid-template-columns:minmax(0,1fr)}.mix-actions{margin-top:18px}.login-card{width:100%;min-width:0;max-width:460px;overflow:hidden}.login-card input{width:100%}.gesture-tip{z-index:4}.mixer-header{grid-template-columns:48px minmax(0,1fr) auto auto}.mixer-header .connection{justify-self:end}.station-identity{flex-direction:column;gap:7px;min-width:0;display:flex}.station-identity b,.station-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-trigger{color:#c4c4cc;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.menu-trigger svg{width:29px;height:29px}.drawer-backdrop{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a;border:0;position:fixed;inset:0}.mixer-drawer{z-index:20;background:linear-gradient(145deg,#191c22,#090c10);border-right:1px solid #373b44;flex-direction:column;width:min(320px,86vw);padding:22px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:25px 0 70px #000}.mixer-drawer header{color:#c69cff;letter-spacing:.12em;border-bottom:1px solid #292d35;justify-content:space-between;align-items:center;height:64px;display:flex}.mixer-drawer header button{color:#ddd;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.mixer-drawer header svg{width:22px}.mixer-drawer nav{flex-direction:column;gap:7px;padding-top:20px;display:flex}.mixer-drawer nav a,.mixer-drawer nav button{color:#bcbac4;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;height:54px;padding:0 16px;display:flex}.mixer-drawer nav svg{color:#a970ff;width:21px}.mixer-drawer nav span{color:#a970ff;text-align:center;width:21px;font-size:21px}.mixer-drawer nav .selected{color:#fff;background:#20172d;border-color:#513678}.mixer-drawer nav button:last-child{color:#e0cfd9;border-color:#3b3039;margin-top:15px}.channel-groups{color:#8e8b97;letter-spacing:.06em;justify-content:center;align-items:center;padding:14px 25px;font-size:11px;display:flex}.channel-groups nav{background:#0d1014;border:1px solid #2d3138;border-radius:999px;padding:3px;display:flex}.channel-groups button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 15px}.channel-groups button.selected{color:#fff;background:#6f3dad;box-shadow:0 0 14px #a970ff33}.mix-strips{scroll-snap-type:none;grid-auto-columns:auto;grid-auto-flow:row;overflow-x:hidden}.bluetooth-device{text-align:center;background:linear-gradient(90deg,#20152f,#111419);border:1px solid #50327b;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin:0 24px 14px;padding:14px 20px;display:flex}.bluetooth-device b{color:#c69cff}.bluetooth-device span{color:#999;font-size:12px}.strip-name{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:40px;display:flex;overflow:hidden}.strip-name small{color:#8f72ba;letter-spacing:.12em;font-size:9px}.strip-name b{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:100%;font-size:12px;overflow:hidden}.fader-cap{display:none}.fader-zone{width:104px}.scale{z-index:2}.meter{z-index:1;width:12px;left:27px}.fader-zone input{left:45px}.fader-zone{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.fader-zone input{pointer-events:none}.channel-strip strong{margin:3px 0 6px}.fine-control{background:#0b0e12;border:1px solid #343943;border-radius:12px;grid-template-columns:1fr 1fr;width:76px;height:44px;margin:2px 0 4px;display:grid;overflow:hidden;box-shadow:0 3px 10px #0008}.fine-control button{color:#ddd;cursor:pointer;touch-action:manipulation;background:linear-gradient(#242931,#101318);border:0;border-right:1px solid #343943;font-size:22px}.fine-control button:last-child{border-right:0}.fine-control button:active{color:#fff;background:#6f3dad}.fine-control button:disabled{color:#4f525a;cursor:default;background:#101217}.exit-session{color:#d7cadd;cursor:pointer;background:#15131a;border:1px solid #423b4d;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:48px;padding:0 12px;display:flex}.exit-session svg{color:#b67cff;width:17px}.exit-session span{letter-spacing:.08em;font-size:10px}.admin-login>a{align-items:center;gap:7px;display:inline-flex}.admin-actions{align-items:center;gap:10px;display:flex}.admin-actions button{color:#aaa;cursor:pointer;background:#13161b;border:1px solid #30343c;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;display:flex}.admin-actions svg{width:16px}.admin-row>div{flex-direction:column;gap:5px;display:flex}.admin-row small{color:#777}.admin-row select{color:#fff;background:#15181e;border:1px solid #333842;border-radius:8px;padding:9px}@media (max-width:800px){.mixer-header{grid-template-columns:38px minmax(0,1fr) auto auto;gap:7px;padding:0 10px}.mixer-header .connection{justify-self:end}.station-identity{gap:4px}.station-identity b{font-size:11px}.station-identity small{font-size:9px}.menu-trigger{width:38px}.exit-session{height:40px;padding:0 8px}.exit-session span{font-size:8px}.admin-actions .connection{display:none}.admin-row{grid-template-columns:1fr 1fr}.admin-row code,.admin-row select{width:max-content}.fader-zone{margin-bottom:22px}.fader-zone input{height:calc(100% - 96px);top:36px}.channel-strip strong{z-index:4;background:#12161b;border-radius:7px;padding:3px 8px;position:relative}.channel-groups{padding:10px 8px}.channel-groups nav{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;display:grid}.channel-groups button{padding:8px 5px;font-size:9px}.mix-strips{border-radius:15px;grid-auto-flow:row;padding:0 8px;overflow-x:hidden;grid-template-columns:repeat(2,minmax(0,1fr))!important}.channel-strip{width:auto;min-width:0;height:auto;min-height:0;padding-bottom:16px}.bluetooth-device{flex-direction:column;gap:4px;margin:0 8px 10px}.mix-actions{margin-top:18px}}@media (min-width:801px) and (max-width:1100px){.mixer-app{height:1536px;min-height:1536px}.mixer-header{grid-template-columns:54px minmax(0,1fr) 155px 88px;height:115px;padding:0 32px 0 42px}.mixer-header .connection{justify-content:center;justify-self:start;width:155px}.channel-groups{padding:12px 13px}.mix-strips{grid-auto-columns:auto;grid-auto-flow:row;height:auto;padding:0 11px 0 24px;overflow-x:hidden}.channel-strip{min-width:0;height:auto;padding:14px 8px 16px}.channel-strip:last-child{border-radius:0 15px 15px 0}.fader-zone{width:90px;height:570px;margin:20px 0 8px}.scale{height:517px}.meter{width:10px;height:517px;left:24px}.fader-zone input{height:517px;left:40px}.fader-zone input::-webkit-slider-thumb{opacity:0}.fader-cap{z-index:3;pointer-events:none;background-image:url(/images/mixer-icon-source.png);background-position:-68px -626px;background-repeat:no-repeat;background-size:1024px 1536px;width:46px;height:104px;display:block;position:absolute;left:42px}.meter i{background:repeating-linear-gradient(0deg,#2bdd42 0 5px,#0000 5px 7px),linear-gradient(#ff542f,#ffc400 27%,#31dc43 58%)}.channel-strip strong{margin:0 0 6px}.mix-actions{height:118px;margin:18px 13px 0 25px}.bottom-nav{height:130px}.gesture-tip{width:170px;min-height:425px;padding:24px 16px;top:494px;right:9px}.gesture-tip>i{margin:40px 0 22px;font-size:72px}}
.brand-logo-horizontal{aspect-ratio:615/124;background:#000;width:205px;display:block;position:relative;overflow:hidden}.brand-logo-horizontal img{width:128.94%;max-width:none;height:auto;position:absolute;top:-197.58%;left:-15.12%}.brand-logo-symbol{aspect-ratio:1;background:#000;width:54px;display:block;position:relative;overflow:hidden}.brand-logo-symbol img{width:250.16%;max-width:none;height:auto;position:absolute;top:-46.23%;left:-75.08%}.brand-mark.official{box-shadow:none;background:#000;border-radius:0;padding:0;overflow:hidden}.brand-mark.official .brand-logo-symbol{width:100%}.login-card .brand-mark.official{width:68px;height:68px}@media (max-width:800px){.brand-logo-horizontal{width:165px}}
