:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070d12;--panel:#0c151c;--panel-2:#101c24;--panel-3:#14232c;--line:#24343e;--line-soft:#97b2c11f;--text:#f4f6f5;--muted:#84939b;--lime:#c8ff45;--lime-soft:#c8ff451f;--yellow:#ffd91f;--danger:#ff5c73;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%, #c8ff4512, transparent 27rem), linear-gradient(#84a6b809 1px, transparent 1px), linear-gradient(90deg, #84a6b809 1px, transparent 1px), var(--bg);min-width:320px;min-height:100vh;color:var(--text);background-size:auto,72px 72px,72px 72px,auto;margin:0}button,input,select{font:inherit}button,select{color:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--lime);outline-offset:3px}input,select{color:#e8edeb;background:#0a141b;border:1px solid #2a3c47;border-radius:9px}input::placeholder{color:#566771}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.app-shell{min-height:100vh;overflow:hidden}.app-header,main,footer,.journey-strip{width:min(1480px,100% - 64px);margin-inline:auto}.app-header{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;display:grid}.brand{color:var(--text);cursor:pointer;letter-spacing:.05em;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;font-size:.92rem;font-weight:850;display:inline-flex}.brand em{color:var(--lime);letter-spacing:.12em;margin-left:6px;font-size:.62rem;font-style:normal}.logo-mark{background:var(--lime);border-radius:10px;justify-content:center;align-items:flex-end;gap:3px;width:38px;height:38px;padding:9px;display:flex;box-shadow:0 0 26px #c8ff4524}.logo-mark i{background:#071016;border-radius:5px;width:4px}.logo-mark i:first-child{height:10px}.logo-mark i:nth-child(2){height:19px}.logo-mark i:nth-child(3){height:14px}.app-header nav{align-self:stretch;align-items:stretch;gap:30px;display:flex}.app-header nav button{color:#71818a;cursor:pointer;letter-spacing:.15em;background:0 0;border:0;min-width:70px;padding:0;font-size:.69rem;font-weight:850;position:relative}.app-header nav button:after{content:"";background:var(--lime);height:2px;transition:all .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.app-header nav button:hover,.app-header nav button.active{color:var(--text)}.app-header nav button.active:after{transform:scaleX(1)}.app-header nav small{color:#73808a;letter-spacing:.07em;font-size:.42rem;position:absolute;top:20px;right:-7px}.system-pill{color:var(--lime);letter-spacing:.12em;border:1px solid #c8ff4542;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:8px 12px;font-size:.58rem;font-weight:850;display:inline-flex}.system-pill i,.kit-status i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.journey-strip{border-bottom:1px solid var(--line-soft);justify-content:center;align-items:stretch;min-height:56px;display:flex}.journey-strip>span{color:#677780;letter-spacing:.13em;border-right:1px solid var(--line-soft);align-items:center;gap:8px;padding:0 20px;font-size:.56rem;font-weight:800;display:flex}.journey-strip>span:last-child{border:0}.journey-strip b{color:var(--lime);font-size:.48rem}main{padding:42px 0 92px}.view{animation:.24s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.view-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px;display:flex}.kicker{color:var(--lime);letter-spacing:.19em;font-size:.62rem;font-weight:900}.view-heading h1,.academy-hero h1{letter-spacing:-.058em;margin:14px 0 0;font-size:clamp(2.35rem,4.7vw,4.85rem);font-weight:470;line-height:.98}.view-heading h1 em,.academy-hero h1 em{color:var(--lime);font-style:normal}.method-view{gap:28px;display:grid}.method-hero,.method-cycle-section,.method-groove-demo,.method-final-cta{border:1px solid var(--line);border-radius:var(--radius);background:#0a1319f2;overflow:hidden;box-shadow:0 28px 80px #00000038}.method-hero{background:radial-gradient(circle at 86% 18%,#c8ff4521,#0000 28%),linear-gradient(135deg,#091219,#0b171e 58%,#0e1e20);grid-template-columns:1.1fr .9fr;min-height:620px;display:grid}.method-hero-copy{flex-direction:column;justify-content:center;padding:clamp(38px,6vw,86px);display:flex}.blueprint-tag{color:var(--lime);letter-spacing:.18em;font-size:.75rem;font-weight:900}.method-hero h1{letter-spacing:-.072em;margin:20px 0 28px;font-size:clamp(3.6rem,7vw,7.2rem);font-weight:470;line-height:.88}.method-hero h1 em{color:var(--lime);font-style:normal}.method-hero-copy>p{color:#b4c0c4;max-width:680px;margin:0;font-size:1.05rem;line-height:1.65}.method-hero-copy>p strong{color:#f3f6f5}.method-hero-copy .method-principle{border-left:2px solid var(--yellow);color:#7f9098;margin-top:16px;padding-left:16px;font-size:.9rem}.method-cta{border:1px solid var(--lime);background:var(--lime);color:#071016;cursor:pointer;letter-spacing:.08em;border-radius:10px;align-items:center;gap:14px;width:max-content;min-height:50px;margin-top:32px;padding:0 20px;font-size:.76rem;font-weight:950;display:inline-flex}.method-cta span{font-size:1.2rem}.beatblock-lab{background:#040b0f73;border-left:1px solid #c8ff452e;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,62px);display:flex}.lab-heading span,.lab-heading small{display:block}.lab-heading span{color:var(--yellow);letter-spacing:.16em;font-size:.72rem;font-weight:900}.lab-heading small{color:#89999f;margin-top:8px;font-size:.88rem;line-height:1.5}.lab-heading{position:relative}.lab-heading em{color:#7d8e96;letter-spacing:.08em;border:1px solid #334751;border-radius:999px;padding:5px 8px;font-size:.49rem;font-style:normal;font-weight:850;position:absolute;top:0;right:0}.lab-heading em.kit-live{color:var(--lime);background:var(--lime-soft);border-color:#c8ff4566}.demo-blocks{gap:12px;margin-top:28px;display:grid}.demo-blocks button{border:1px solid color-mix(in srgb,var(--demo-color),transparent 58%);background:color-mix(in srgb,var(--demo-color),transparent 91%);color:#f4f6f5;text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;min-height:86px;padding:12px 18px;transition:transform .15s,background .15s,box-shadow .15s;display:grid}.demo-blocks button:hover{background:color-mix(in srgb,var(--demo-color),transparent 84%);box-shadow:0 0 26px color-mix(in srgb,var(--demo-color),transparent 82%);transform:translate(5px)}.demo-blocks button:active{transform:translate(5px)scale(.985)}.demo-blocks button i{background:var(--demo-color);color:#071016;width:54px;height:54px;box-shadow:0 0 22px color-mix(in srgb,var(--demo-color),transparent 55%);border-radius:12px;place-items:center;font-size:.76rem;font-style:normal;font-weight:950;display:grid}.demo-blocks button strong{font-size:1.05rem}.demo-blocks button span{color:var(--demo-color);letter-spacing:.12em;font-size:.68rem;font-weight:900}.lab-equation{color:#7e8e95;letter-spacing:.08em;border:1px solid #263943;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding:15px;font-size:.66rem;font-weight:850;display:flex}.lab-equation b{color:#42545d}.lab-equation strong{color:var(--lime)}.method-cycle-section{padding:clamp(30px,4vw,58px)}.method-section-heading{grid-template-columns:minmax(300px,.9fr) 1fr;align-items:end;column-gap:40px;display:grid}.method-section-heading>span{color:var(--lime);letter-spacing:.16em;grid-column:1/-1;font-size:.7rem;font-weight:900}.method-section-heading h2{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:520;line-height:1}.method-section-heading p{color:#8d9ca3;margin:0;font-size:.95rem;line-height:1.65}.method-cycle{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:34px;display:grid}.method-cycle article{background:linear-gradient(145deg,#0e1a22,#0a151c);border:1px solid #253740;border-radius:11px;min-height:150px;padding:18px}.method-cycle article>span{color:var(--lime);font-size:.66rem;font-weight:900}.method-cycle article strong{color:#e9edec;letter-spacing:.08em;margin-top:22px;font-size:.82rem;display:block}.method-cycle article p{color:#788991;margin:8px 0 0;font-size:.8rem;line-height:1.45}.method-cycle-download{background:linear-gradient(135deg,#c8ff4512,#081219b8 48%);border:1px solid #2b414a;border-radius:16px;grid-template-columns:1fr minmax(180px,260px);align-items:center;gap:clamp(22px,4vw,52px);margin-top:34px;padding:clamp(18px,3vw,28px);display:grid}.method-cycle-download-copy{max-width:650px}.method-cycle-download-copy h3{letter-spacing:-.04em;margin:10px 0;font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.05}.method-cycle-download-copy p{color:#8d9ca3;margin:0;font-size:.86rem;line-height:1.6}.method-download-button{background:var(--lime-soft);width:max-content;min-height:42px;color:var(--lime);letter-spacing:.1em;border:1px solid #c8ff4573;border-radius:9px;align-items:center;gap:12px;margin-top:20px;padding:0 15px;font-size:.68rem;font-weight:900;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.method-download-button:hover{background:#c8ff453d;transform:translateY(-2px)}.method-download-button span{font-size:1.1rem;line-height:1}.method-cycle-download-preview{background:#081219;border:1px solid #344c56;border-radius:12px;justify-self:end;width:min(100%,230px);max-height:260px;display:block;overflow:hidden;box-shadow:0 12px 35px #00000040}.method-cycle-download-preview img{width:100%;height:auto;transition:transform .2s;display:block}.method-cycle-download-preview:hover img{transform:scale(1.025)}.method-groove-demo{grid-template-columns:.8fr 1.2fr;display:grid}.method-groove-demo>div:first-child{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(30px,5vw,68px);display:flex}.method-groove-demo h2{letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(2rem,3.5vw,3.65rem);line-height:1}.method-groove-demo p{color:#8e9da4;margin:0;font-size:.95rem;line-height:1.6}.groove-demo-play{background:var(--lime-soft);width:max-content;min-height:46px;color:var(--lime);cursor:pointer;letter-spacing:.08em;border:1px solid #c8ff4566;border-radius:10px;align-items:center;gap:10px;margin-top:24px;padding:0 16px;font-size:.7rem;font-weight:900;display:inline-flex}.groove-demo-play svg{width:20px;height:20px}.groove-demo-play.playing{background:var(--lime);color:#071016}.method-groove-card{background:#081219;border:1px solid #2c414b;border-radius:16px;margin:clamp(24px,4vw,54px);padding:26px}.method-groove-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.method-groove-card>div:first-child span{color:#6f8189;letter-spacing:.12em;font-size:.68rem;font-weight:850}.method-groove-card>div:first-child strong{color:var(--lime);font-size:1.9rem}.method-groove-card h3{margin:4px 0 22px;font-size:1.1rem}.method-groove-card .groove-thumbnail{min-height:150px}.method-groove-card>small{color:#85959c;margin-top:18px;font-size:.78rem;display:block}.method-audio-note{color:#75878f;margin-top:10px;font-size:.62rem;line-height:1.45;display:block}.method-final-cta{text-align:center;background:radial-gradient(circle at 50% 100%,#c8ff4529,#0000 45%),#0b161d;place-items:center;padding:clamp(42px,6vw,82px);display:grid}.method-final-cta>span{color:#7d8e95;letter-spacing:.12em;font-size:.7rem;font-weight:850}.method-final-cta h2{letter-spacing:-.06em;margin:18px 0 24px;font-size:clamp(2.5rem,5vw,5rem)}.method-final-cta button{background:var(--lime);color:#071016;cursor:pointer;letter-spacing:.08em;border:0;border-radius:10px;min-height:50px;padding:0 22px;font-size:.76rem;font-weight:950}.header-account{align-items:center;gap:10px;display:flex}.account-status{max-width:260px;color:var(--lime);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:.58rem;font-weight:900;display:inline-flex;overflow:hidden}.account-status i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;flex:none}.account-button{color:#afbdc2;cursor:pointer;letter-spacing:.07em;background:#0c161dcc;border:1px solid #30444d;border-radius:7px;min-height:30px;padding:0 10px;font-size:.58rem;font-weight:900}.account-button-primary{color:var(--lime);background:var(--lime-soft);border-color:#c8ff4573}.save-account-button{color:#ffe66b;background:#ffd91f14;border-color:#ffd91f8c}.save-account-button:disabled{opacity:.45;cursor:wait}.auth-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080cc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{background:linear-gradient(145deg,#0d1b23,#081117);border:1px solid #334b55;border-radius:18px;width:min(430px,100%);padding:32px;position:relative;box-shadow:0 35px 100px #0000007a}.auth-card h2{letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(2rem,6vw,3rem);line-height:.95}.auth-card p{color:#8d9ca3;margin:0 0 22px;font-size:.9rem;line-height:1.55}.auth-card label{gap:7px;margin-top:14px;display:grid}.auth-card label span{color:#73858d;letter-spacing:.14em;font-size:.58rem;font-weight:900}.auth-card input{color:#f2f5f4;background:#071016;border:1px solid #30444d;border-radius:9px;width:100%;min-height:44px;padding:0 12px}.auth-card input:focus{outline-offset:1px;outline:2px solid #c8ff458c}.auth-close{color:#82939a;cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:14px}.auth-submit{background:var(--lime);color:#071016;cursor:pointer;letter-spacing:.1em;border:0;border-radius:9px;width:100%;min-height:46px;margin-top:20px;font-size:.7rem;font-weight:950}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-switch{color:#c7d1d3;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:.72rem}.auth-message{color:var(--yellow);margin-top:14px;font-size:.72rem;line-height:1.45;display:block}.auth-payment-button{color:#071014;background:var(--lime);letter-spacing:.08em;text-align:center;border:1px solid #c8ff4580;border-radius:12px;margin-top:12px;padding:14px 16px;font-size:.72rem;font-weight:800;text-decoration:none;transition:transform .2s,filter .2s;display:block}.auth-payment-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-test-note{color:#667982;margin-top:18px;font-size:.65rem;line-height:1.45;display:block}.community-view{padding-top:28px}.community-heading{align-items:end}.community-heading>div:first-child{max-width:760px}.community-heading p{color:#89979e;max-width:680px;line-height:1.6}.community-status-card{background:#c8ff450b;border:1px solid #c8ff4547;border-radius:14px;gap:8px;width:min(300px,100%);padding:17px;display:grid}.community-status-card strong{color:#d8e3df;font-size:.74rem;line-height:1.4}.community-status-card small{color:#7c8f95;font-size:.62rem;line-height:1.45}.community-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.community-composer,.community-feed{background:#0a141bd6;border:1px solid #223742;border-radius:16px;min-width:0;padding:19px}.community-composer{gap:14px;display:grid;position:sticky;top:18px}.community-section-heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:4px;display:flex}.community-section-heading h2{color:#e0e7e5;margin:4px 0 0;font-size:1.2rem}.community-lock{color:var(--lime);letter-spacing:.1em;border:1px solid #c8ff4559;border-radius:999px;padding:6px 8px;font-size:.48rem;font-weight:900}.community-composer label{gap:6px;display:grid}.community-composer label>span{color:#80939a;letter-spacing:.1em;font-size:.53rem;font-weight:900}.community-composer input,.community-composer select,.community-composer textarea{color:#dbe4e1;width:100%;font:inherit;background:#0b171e;border:1px solid #2a414b;border-radius:9px;outline:none;padding:11px 12px;font-size:.72rem}.community-composer textarea{resize:vertical;line-height:1.5}.community-composer input:focus,.community-composer select:focus,.community-composer textarea:focus{border-color:#c8ff45a6}.community-submit{width:100%;margin-top:2px}.community-submit:disabled{opacity:.45;cursor:not-allowed}.community-notice{color:var(--lime);font-size:.65rem;line-height:1.45}.community-feed{gap:14px;display:grid}.community-feed .community-section-heading{margin-bottom:0}.community-empty{color:#809198;text-align:center;border:1px dashed #2c424b;border-radius:12px;gap:7px;padding:30px 18px;font-size:.68rem;display:grid}.community-empty strong{color:#cbd7d4;font-size:.8rem}.community-post-list{gap:10px;display:grid}.community-post-card{background:#0b171e;border:1px solid #263e49;border-radius:13px;padding:16px}.community-post-card.status-pending{border-color:#ffcb456b}.community-post-top,.community-post-author,.community-post-actions,.community-moderation,.community-comment-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.community-post-top{color:var(--lime);letter-spacing:.1em;justify-content:space-between;font-size:.5rem;font-weight:900}.community-post-top small{color:#d9b864;font-size:.5rem}.community-post-card h3{color:#e5ece9;margin:12px 0 6px;font-size:1.08rem}.community-post-card>p{color:#88999f;margin:0;font-size:.7rem;line-height:1.5}.community-shared-content{border-left:2px solid var(--lime);background:#c8ff450b;gap:5px;margin-top:13px;padding:12px;display:grid}.community-shared-content strong{color:#d8e3df;font-size:.76rem}.community-shared-content span{color:#7f9299;font-size:.6rem}.community-post-author{color:#667b83;letter-spacing:.08em;justify-content:space-between;margin-top:12px;font-size:.53rem}.community-post-actions{margin-top:13px}.community-post-actions button,.community-moderation button,.community-comment-form button{color:#9aabad;cursor:pointer;letter-spacing:.04em;background:#101e26;border:1px solid #2d444e;border-radius:7px;min-height:29px;padding:0 9px;font-size:.5rem;font-weight:900}.community-post-actions button:hover,.community-post-actions button.reacted{color:var(--lime);border-color:#c8ff458c}.community-post-actions button.community-delete{color:#ff9b90;border-color:#ff685c73}.community-post-actions button.community-delete:hover{color:#ffb2a8;background:#ff685c1a;border-color:#ff695d}.community-moderation{border-top:1px solid #20333d;margin-top:12px;padding-top:11px}.community-moderation span{color:#d9b864;letter-spacing:.08em;margin-right:auto;font-size:.5rem;font-weight:900}.community-moderation button:first-of-type{color:var(--lime);border-color:#c8ff4573}.community-moderation button:last-of-type{color:#e28f8f;border-color:#ff6e6e59}.community-comments{border-top:1px solid #20333d;gap:10px;margin-top:12px;padding-top:12px;display:grid}.community-comments>div:first-child{gap:6px;display:grid}.community-comments p{color:#9aa9ad;margin:0;font-size:.65rem;line-height:1.4}.community-comments p strong{color:#d3dfdc;margin-right:6px}.community-comment-form input{color:#dbe4e1;min-height:30px;font:inherit;background:#09151c;border:1px solid #2a414b;border-radius:7px;flex:160px;padding:0 9px;font-size:.65rem}@media (width<=860px){.community-heading,.community-layout{grid-template-columns:1fr}.community-heading{gap:18px;display:grid}.community-status-card{width:100%}.community-composer{position:static}}.song-selector-card{border:1px solid var(--line);background:#0c151cd1;border-radius:15px;width:min(470px,40vw);padding:18px 20px}.song-selector-card>span,.field-label>span,.resolution-control>span,.search-box>span{color:#6d7d86;letter-spacing:.14em;margin-bottom:7px;font-size:.54rem;font-weight:850;display:block}.song-selector-card select{width:100%;min-height:40px;padding:0 12px;font-size:.87rem;font-weight:750}.song-selector-card>small{color:var(--muted);margin:8px 0 13px;font-size:.66rem;display:block}.song-selector-card>div{gap:18px;display:flex}.text-action{color:#c2ccd0;cursor:pointer;background:0 0;border:0;padding:0;font-size:.65rem;font-weight:800}.text-action.lime{color:var(--lime)}.text-action.danger{color:#ff7185}.text-action:disabled{opacity:.3;cursor:not-allowed}.practice-selector{border:1px solid var(--line);background:#0b141be0;border-radius:14px;grid-template-columns:minmax(230px,1fr) auto minmax(420px,1.5fr);align-items:center;gap:18px;margin-bottom:14px;padding:14px 18px;display:grid}.practice-selector-copy span,.practice-selector-copy small{display:block}.practice-selector-copy span{color:#cbd4d6;letter-spacing:.12em;font-size:.62rem;font-weight:900}.practice-selector-copy small{color:#71828b;margin-top:5px;font-size:.6rem}.practice-master-actions{gap:5px;display:flex}.practice-master-actions button,.solo-button{color:#74858d;cursor:pointer;letter-spacing:.08em;background:#0c1820;border:1px solid #2c404a;border-radius:7px;min-height:31px;font-size:.51rem;font-weight:900}.practice-master-actions button{padding:0 10px}.practice-master-actions button.active{background:var(--lime-soft);color:var(--lime);border-color:#c8ff4580}.practice-grooves{justify-content:flex-end;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.practice-groove{opacity:.48;background:#0b171e;border:1px solid #2a3c46;border-radius:9px;grid-template-columns:1fr 42px;min-width:145px;display:grid;overflow:hidden}.practice-groove.active{background:var(--lime-soft);opacity:1;border-color:#c8ff456b}.practice-groove>button:first-child{color:#d6dede;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:7px auto 1fr;align-items:center;gap:6px;min-width:0;min-height:38px;padding:0 9px;display:grid}.practice-groove>button:first-child i{background:currentColor;border-radius:50%;width:7px;height:7px}.practice-groove>button:first-child strong{color:var(--lime);font-size:.64rem}.practice-groove>button:first-child span{color:#788991;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.solo-button{border-width:0 0 0 1px;border-radius:0;min-height:38px}.practice-groove.active .solo-button{color:#b3c0c5;border-left-color:#c8ff4540}.player-console,.studio-shell,.song-mode-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0a1319f2;overflow:hidden;box-shadow:0 28px 80px #00000047}.player-console{position:relative}.cinema-mode-button{z-index:10;color:#aab7ba;cursor:pointer;letter-spacing:.08em;background:#071016c7;border:1px solid #40545e;border-radius:6px;min-height:28px;padding:0 9px;font-size:.48rem;font-weight:900;position:absolute;top:10px;right:14px}.cinema-mode-button:hover,.practice-cinema .cinema-mode-button{color:var(--lime);border-color:#c8ff4580}.player-count-in{z-index:8;text-align:center;pointer-events:none;background:#071016f0;border:1px solid #ffe3328c;border-radius:14px;justify-items:center;gap:5px;min-width:190px;padding:17px 24px 15px;display:grid;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:0 0 34px #ffe3322e}.player-count-in span{color:var(--yellow);letter-spacing:.16em;font-size:.56rem;font-weight:950}.player-count-in strong{color:var(--yellow);text-shadow:0 0 22px #ffe33299;font-variant-numeric:tabular-nums;font-size:3rem;line-height:.95}.player-count-in small{color:#a1afb3;font-size:.59rem;line-height:1.35}.console-topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;padding:18px 28px;display:grid}.now-groove,.next-up{grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;display:grid}.now-groove>span,.next-up>span{color:#63737c;letter-spacing:.14em;grid-column:1/-1;font-size:.52rem;font-weight:850}.now-groove strong{color:var(--lime);letter-spacing:-.04em;font-size:1.85rem}.now-groove em,.next-up em{color:var(--muted);font-size:.72rem;font-style:normal}.section-now{text-align:center}.section-now span,.section-now strong{display:block}.section-now span{color:#f2f5f4;font-size:.9rem;font-weight:750}.section-now strong{color:#75868f;letter-spacing:.12em;margin-top:6px;font-size:.56rem}.next-up{text-align:right;justify-self:end}.next-up strong{color:#d9dfdf;font-size:1.22rem}.visual-mode-toolbar{border-bottom:1px solid var(--line-soft);background:#09141b;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 18px;display:flex}.visual-mode-toolbar>div:first-child span,.visual-mode-toolbar>div:first-child small{display:block}.visual-mode-toolbar>div:first-child span{color:#dce3e3;letter-spacing:.1em;font-size:.68rem;font-weight:900}.visual-mode-toolbar>div:first-child small{color:#74858d;margin-top:4px;font-size:.76rem}.visual-mode-toolbar>div:last-child{gap:5px;display:flex}.visual-mode-toolbar button{color:#76878f;cursor:pointer;letter-spacing:.08em;background:#0e1b23;border:1px solid #2d414b;border-radius:7px;min-height:34px;padding:0 12px;font-size:.65rem;font-weight:900}.visual-mode-toolbar button.active{background:var(--lime-soft);color:var(--lime);border-color:#c8ff4580}.player-lookahead-toolbar{border-bottom:1px solid var(--line-soft);background:#081219;justify-content:flex-end;align-items:center;gap:8px;min-height:42px;padding:7px 18px;display:flex}.player-lookahead-toolbar label{color:#7e9098;letter-spacing:.08em;align-items:center;gap:7px;font-size:.55rem;font-weight:900;display:inline-flex}.player-lookahead-toolbar select,.player-lookahead-toolbar button{color:#a9b5b8;cursor:pointer;letter-spacing:.05em;background:#0e1b23;border:1px solid #2c414b;border-radius:6px;min-height:28px;padding:0 8px;font-size:.53rem;font-weight:850}.player-lookahead-toolbar button.active{color:var(--lime);background:var(--lime-soft);border-color:#c8ff4573}.player-event-preview{border-bottom:1px solid var(--line-soft);background:#0a161ce0;justify-content:center;align-items:center;gap:18px;padding:11px 18px;display:flex}.player-event-preview span{gap:3px;min-width:140px;display:grid}.player-event-preview span:last-child{text-align:left}.player-event-preview small{color:#6f828b;letter-spacing:.13em;font-size:.48rem;font-weight:900}.player-event-preview strong{color:#dce5e2;font-size:.68rem}.player-event-preview span:first-child strong{color:var(--yellow)}.player-event-preview b{color:#657780;font-size:1.1rem}.performance-highway{border-bottom:1px solid var(--line);background:linear-gradient(#0b151d,#071016);min-height:470px}.performance-highway.is-muted .highway-lanes,.performance-highway.is-muted .highway-strike{opacity:.28}.highway-status{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:10px 24px;display:flex}.highway-status>span{color:#768890;letter-spacing:.12em;font-size:.7rem;font-weight:900}.highway-status>strong{color:#aebabe;text-transform:uppercase;font-size:.86rem}.highway-status>strong.impact{color:var(--yellow);text-shadow:0 0 20px #ffd91fa6}.highway-stage{background:radial-gradient(at 50% 100%,#ffd91f17,#0000 42%),repeating-linear-gradient(90deg,#0000 0 calc(14.285% - 1px),#ffffff06 calc(14.285% - 1px) 14.285%);height:410px;position:relative;overflow:hidden}.highway-stage:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(#071016cc,#0000 20% 78%,#0710168c);position:absolute;inset:0}.highway-horizon{z-index:4;text-align:center;background:linear-gradient(90deg,#0000,#334850,#0000);height:1px;position:absolute;top:6%;left:7%;right:7%}.highway-horizon span{color:#54666f;letter-spacing:.12em;background:#0a141b;padding:0 8px;font-size:.58rem;font-weight:850;position:relative;top:-8px}.highway-lanes{z-index:2;grid-template-columns:repeat(7,1fr);transition:opacity .15s;display:grid;position:absolute;inset:8% 7% 0}.highway-lane{border-left:1px solid #ffffff0b;min-width:0;transition:background .1s;position:relative}.highway-lane:last-child{border-right:1px solid #ffffff0b}.highway-lane.hitting{background:linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--lane-color),transparent 91%) 84%,color-mix(in srgb,var(--lane-color),transparent 82%) 92%,transparent)}.lane-rail{background:linear-gradient(#ffffff09,#ffffff1a);width:1px;position:absolute;top:0;bottom:10%;left:50%;transform:translate(-50%)}.lane-pad{border:1px solid color-mix(in srgb,var(--lane-color),transparent 48%);background:color-mix(in srgb,var(--lane-color),transparent 90%);color:#d7dfe0;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:8px auto;place-content:center;align-items:center;gap:0 7px;min-width:82px;height:42px;font-size:.68rem;font-weight:950;display:grid;position:absolute;bottom:3%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 18px #0000003d}.lane-pad i{background:var(--lane-color);width:7px;height:7px;box-shadow:0 0 8px var(--lane-color);border-radius:2px}.lane-pad b{grid-area:1/2}.lane-pad small{color:#74858d;letter-spacing:0;white-space:nowrap;grid-area:2/2;font-size:.42rem;font-weight:650}.highway-lane.hitting .lane-pad{background:var(--lane-color);color:#071016;box-shadow:0 0 28px color-mix(in srgb,var(--lane-color),transparent 42%)}.highway-lane.hitting .lane-pad i{box-shadow:none;background:#071016}.highway-note{left:50%;top:var(--note-top);z-index:5;width:26px;height:18px;transform:translate(-50%,-50%) scale(var(--note-scale)) rotate(45deg);border:2px solid color-mix(in srgb,var(--lane-color),#fff 15%);background:var(--lane-color);color:#071016;box-shadow:0 0 16px color-mix(in srgb,var(--lane-color),transparent 46%);will-change:top, transform;border-radius:6px;place-items:center;font-size:.7rem;font-weight:950;line-height:1;transition:top 70ms linear,transform 70ms linear;display:grid;position:absolute}.highway-note.at-line{animation:.24s ease-out both highway-hit}.highway-note.articulation-ghost,.highway-note.articulation-open,.highway-note.articulation-cymbal{color:var(--lane-color);background:#081219}@keyframes highway-hit{0%{filter:brightness(1.8);transform:translate(-50%,-50%)scale(1.55)rotate(45deg)}to{filter:brightness();transform:translate(-50%,-50%)scale(1.15)rotate(45deg)}}.highway-strike{z-index:4;background:linear-gradient(90deg,transparent,var(--yellow) 8%,var(--yellow) 92%,transparent);height:3px;transition:opacity .15s;position:absolute;top:90%;left:5%;right:5%;box-shadow:0 0 18px #ffd91f94}.highway-strike:before{content:"";background:linear-gradient(#0000,#ffd91f0f,#0000);position:absolute;inset:-13px 0}.highway-strike span{background:var(--yellow);color:#071016;letter-spacing:.08em;border-radius:5px;padding:4px 8px;font-size:.58rem;font-weight:950;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.highway-strike.pulse{animation:.24s ease-out strike-pulse}@keyframes strike-pulse{0%{box-shadow:0 0 48px 12px #ffd91fd9}to{box-shadow:0 0 18px #ffd91f94}}.highway-beat-line{left:5%;right:5%;top:var(--beat-top);z-index:1;will-change:top;background:linear-gradient(90deg,#0000,#a8bbc533 8% 92%,#0000);height:1px;transition:top 70ms linear;position:absolute}.highway-beat-line b{color:#61737c;font-size:.62rem;position:absolute;top:-8px;left:1.5%}.moving-pattern-shell{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff04,#0000);grid-template-columns:70px minmax(0,1fr);min-height:390px;padding:26px 30px;display:grid}.moving-labels{z-index:2;background:var(--panel);grid-template-rows:28px repeat(7,43px);gap:4px;display:grid}.moving-labels>span{color:#82919a;letter-spacing:.09em;grid-template-rows:auto auto;grid-template-columns:7px auto;align-content:center;gap:0 8px;font-size:.58rem;font-weight:850;display:grid}.moving-labels>span i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.moving-labels>span b{grid-area:1/2}.moving-labels>span small{color:#596a73;letter-spacing:0;white-space:nowrap;grid-area:2/2;font-size:.42rem;font-weight:650}.moving-labels .moving-corner{color:#566770;font-size:.48rem}.moving-viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.moving-pattern{will-change:transform;transition:transform 60ms linear,opacity .16s;position:absolute;top:0;left:50%}.moving-pattern.is-muted{opacity:.25}.focus-pattern{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff04,#0000);min-height:390px;padding:18px 24px 24px}.focus-pattern.is-muted{opacity:.32}.focus-header{color:#75868f;letter-spacing:.1em;justify-content:space-between;margin-bottom:12px;font-size:.61rem;font-weight:900;display:flex}.focus-header strong{color:var(--yellow)}.focus-grid{grid-template-columns:70px minmax(0,1fr);min-height:315px;display:grid}.focus-labels{background:var(--panel);grid-template-rows:30px repeat(7,40px);gap:5px;display:grid}.focus-labels>span{color:#82919a;letter-spacing:.08em;grid-template-rows:auto auto;grid-template-columns:7px auto;align-content:center;gap:0 7px;font-size:.57rem;font-weight:850;display:grid}.focus-labels>span i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.focus-labels>span b{grid-area:1/2}.focus-labels>span small{color:#596a73;letter-spacing:0;white-space:nowrap;grid-area:2/2;font-size:.4rem;font-weight:650}.focus-window{grid-template-columns:repeat(9,minmax(42px,1fr));gap:5px;padding-left:6px;display:grid;overflow-x:auto}.focus-column{cursor:pointer;border-left:1px solid #ffffff0d;grid-template-rows:30px repeat(7,40px);gap:5px;min-width:48px;display:grid;position:relative}.focus-column.current{background:#ffe3321a;box-shadow:inset 0 0 22px #ffe33214}.focus-column.look-ahead{outline-offset:-1px;outline:1px solid #c8ff4547}.focus-pulse{color:#677981;place-items:center;font-size:.62rem;font-weight:900;display:grid}.focus-column.current .focus-pulse{color:var(--yellow);text-shadow:0 0 12px #ffe332cc}.focus-cell{background:#ffffff06;border:1px solid #ffffff09;border-radius:7px;place-items:center;display:grid}.focus-cell.next-event{border-color:#c8ff4594}.focus-cell.active-event .event-glyph{animation:.28s ease-out both block-hit;transform:scale(1.14)}.fixed-playhead{z-index:3;pointer-events:none;background:#ffe332;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 18px #ffe332b3}.fixed-playhead:before{content:"↓";color:#ffe332;text-shadow:0 0 12px #ffe332cc;font-size:1.25rem;font-weight:950;line-height:1;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.fixed-playhead:after{content:"";background:#ffe332;width:9px;height:9px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.fixed-playhead span{color:#111;letter-spacing:.08em;background:#ffe332;border-radius:4px;padding:3px 6px;font-size:.43rem;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%)}.step-header,.moving-row,.step-row{grid-template-columns:repeat(var(--steps), minmax(38px, 1fr));gap:4px;display:grid}.step-header{height:28px}.step-header>span{color:#52626c;border-left:1px solid #0000;place-items:center;font-size:.55rem;display:grid}.step-header>span.beat-start{color:#a8b4b9;border-left-color:#364954;font-weight:800}.moving-row{height:43px;margin-bottom:4px}.moving-row>button{width:40px;color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff06;border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.moving-row>button:hover{background:#ffe3320f;border-color:#ffe33252}.moving-row>button.beat-start{background:#ffffff0b;border-left-color:#40525c}.moving-row>button.current-column{background:#ffe3321f;box-shadow:inset 0 0 18px #ffe33214}.moving-row>button.look-ahead{border-color:#c8ff4552}.moving-row>button.current-column .event-glyph{animation:.28s ease-out both block-hit;transform:scale(1.14)}.seek-hint{z-index:4;color:#65767f;letter-spacing:.09em;font-size:.46rem;font-weight:850;position:absolute;top:-19px;right:8px}.groove-off-overlay{z-index:4;text-align:center;pointer-events:none;background:#081117e8;border:1px solid #46545b;border-radius:10px;width:min(330px,80%);padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.groove-off-overlay strong,.groove-off-overlay span{display:block}.groove-off-overlay strong{color:#b3bec2;letter-spacing:.12em;font-size:.7rem}.groove-off-overlay span{color:#6f8088;margin-top:6px;font-size:.6rem;line-height:1.45}.now-groove.is-off strong{color:#85939a}.now-groove.is-off>span{color:#ff7185}.event-glyph{z-index:1;border:2px solid var(--event-color);background:var(--event-color);color:#071016;width:12px;height:12px;box-shadow:0 0 12px color-mix(in srgb, var(--event-color), transparent 48%);border-radius:3px;place-items:center;font-size:9px;font-weight:950;line-height:1;display:grid;position:relative}.event-glyph.articulation-ghost{color:var(--event-color);opacity:.65;background:0 0;border-radius:50%}.event-glyph.articulation-open{width:14px;height:14px;color:var(--event-color);background:0 0;border-radius:50%}.event-glyph.articulation-cymbal{width:14px;height:14px;color:var(--event-color);background:0 0;border-radius:50% 3px}.event-glyph.articulation-rim,.event-glyph.articulation-flam{background:var(--event-color);color:#fff}.event-glyph.quiet{opacity:.5}.player-controls{justify-content:center;align-items:center;gap:13px;min-height:106px;padding:16px 24px;display:flex}.metronome-controls{align-items:center;gap:6px;display:flex}.metronome-controls button,.metronome-controls select{color:#9aa9ae;cursor:pointer;letter-spacing:.07em;background:#101e26;border:1px solid #2c3f49;border-radius:8px;min-height:34px;font-size:.49rem;font-weight:900}.metronome-controls button{padding:0 9px}.metronome-controls button.active{background:var(--lime-soft);color:var(--lime);border-color:#c8ff4580;box-shadow:0 0 12px #c8ff451a}.metronome-controls select{color:var(--yellow);padding:0 7px}.player-volume-controls{background:#070e138c;border-top:1px solid #97b2c114;justify-content:center;align-items:center;gap:18px;padding:12px 24px 15px;display:flex}.volume-controls-heading{color:#64757e;letter-spacing:.12em;font-size:.5rem;font-weight:900}.volume-control{color:#809099;letter-spacing:.08em;grid-template-columns:auto minmax(90px,145px) 38px;align-items:center;gap:8px;min-width:190px;font-size:.5rem;font-weight:850;display:grid}.volume-control input{width:100%;accent-color:var(--lime);cursor:ew-resize}.volume-control strong{color:var(--lime);text-align:right;font-variant-numeric:tabular-nums;font-size:.62rem}.tempo-control{grid-template-columns:repeat(3,auto);align-items:center;gap:6px 12px;margin-right:32px;display:grid}.tempo-control>span{color:#63737c;letter-spacing:.14em;text-align:center;grid-column:1/-1;font-size:.52rem;font-weight:850}.tempo-control button{cursor:pointer;background:#101e26;border:1px solid #2c3f49;border-radius:8px;width:30px;height:30px}.tempo-control strong{text-align:center;min-width:48px;color:var(--lime);font-size:1.25rem}.count-in-control{gap:6px;min-width:84px;margin-right:10px;display:grid}.count-in-control>span{color:#63737c;letter-spacing:.14em;text-align:center;font-size:.52rem;font-weight:850}.count-in-control select{min-height:30px;color:var(--yellow);text-align:center;background:#101e26;border:1px solid #2c3f49;border-radius:8px;padding:0 8px;font-size:.6rem;font-weight:850}.round-control,.main-play,.toggle-control{cursor:pointer}.round-control{background:#101e26;border:1px solid #31444e;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.main-play{background:var(--lime);color:#071016;border:0;border-radius:50%;grid-template-rows:1fr auto;place-items:center;width:74px;height:74px;padding:12px 0 9px;display:grid;box-shadow:0 0 30px #c8ff452b}.main-play svg{width:27px;height:27px}.main-play span{letter-spacing:.09em;font-size:.45rem;font-weight:950}.toggle-control{color:#70818a;letter-spacing:.1em;background:#101e26;border:1px solid #2b3d47;border-radius:10px;min-width:58px;height:55px;font-size:.47rem;font-weight:900}.toggle-control span{margin-bottom:2px;font-size:1.05rem;display:block}.toggle-control.active{color:var(--lime);background:var(--lime-soft);border-color:#c8ff4566}.song-map-heading{border-top:1px solid var(--line-soft);background:#0b151c;justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:12px 18px;display:flex}.song-map-heading>div:first-child span,.song-map-heading>div:first-child small{display:block}.song-map-heading>div:first-child span{color:var(--lime);letter-spacing:.12em;font-size:.65rem;font-weight:900}.song-map-heading>div:first-child small{color:#7f9098;margin-top:5px;font-size:.72rem}.song-map-heading>div:last-child{text-align:right;align-items:baseline;gap:14px;display:flex}.song-map-heading strong{color:#e2e8e7;font-size:.78rem}.song-map-heading time{min-width:58px;color:var(--yellow);font-variant-numeric:tabular-nums;font-size:.74rem}.song-scrubber{background:#081117;height:24px;padding:9px 18px;display:block;position:relative}.song-scrubber input{appearance:none;background:linear-gradient(90deg, var(--lime) 0 var(--song-progress), #1a2a33 var(--song-progress) 100%);cursor:ew-resize;border-radius:999px;width:100%;height:6px;display:block}.song-scrubber input::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:3px solid #071016;border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px #ffd91f8c}.song-scrubber input::-moz-range-thumb{background:var(--yellow);border:3px solid #071016;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px #ffd91f8c}.loop-ab-panel{border-top:1px solid var(--line-soft);background:#09141b;padding:16px 18px 15px}.loop-ab-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.loop-ab-heading span,.loop-ab-heading small{display:block}.loop-ab-heading span{color:var(--yellow);letter-spacing:.12em;font-size:.63rem;font-weight:900}.loop-ab-heading small{color:#72848c;margin-top:4px;font-size:.62rem}.loop-ab-heading>strong{color:var(--lime);letter-spacing:.08em;font-size:.7rem}.loop-timeline{height:52px;margin:15px 9px 5px;position:relative}.loop-timeline:before{content:"";background:#1a2b34;border-radius:999px;height:5px;position:absolute;top:25px;left:0;right:0}.loop-region{left:var(--loop-a);right:calc(100% - var(--loop-b));pointer-events:none;background:#c8ff451f;border:1px solid #c8ff4566;border-radius:5px;height:17px;position:absolute;top:19px;box-shadow:inset 0 0 18px #c8ff4514}.loop-marker{z-index:4;color:#afbdc0;text-align:center;pointer-events:none;gap:2px;font-size:.48rem;font-weight:900;display:grid;position:absolute;top:0;transform:translate(-50%)}.loop-marker:after{content:"";background:var(--yellow);border-radius:3px;justify-self:center;width:3px;height:25px;margin-top:2px;box-shadow:0 0 9px #ffe332a6}.loop-marker-a{left:var(--loop-a)}.loop-marker-b{left:var(--loop-b)}.loop-marker strong{color:var(--yellow);font-variant-numeric:tabular-nums}.loop-range{z-index:5;appearance:none;pointer-events:none;background:0 0;width:100%;height:23px;position:absolute;top:14px;left:0}.loop-range::-webkit-slider-runnable-track{background:0 0;height:5px}.loop-range::-moz-range-track{background:0 0;height:5px}.loop-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--yellow);background:var(--yellow);pointer-events:auto;cursor:ew-resize;border-radius:4px;width:18px;height:28px;box-shadow:0 0 14px #ffe332a6}.loop-range::-moz-range-thumb{border:2px solid var(--yellow);background:var(--yellow);pointer-events:auto;cursor:ew-resize;border-radius:4px;width:14px;height:24px;box-shadow:0 0 14px #ffe332a6}.loop-range-b{z-index:6}.loop-ab-controls{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.loop-ab-controls button,.loop-ab-controls select{color:#a9b5b8;cursor:pointer;letter-spacing:.06em;background:#0e1b23;border:1px solid #2c414b;border-radius:7px;min-height:31px;padding:0 10px;font-size:.52rem;font-weight:900}.loop-ab-controls button:hover,.loop-ab-controls button.active{color:var(--lime);background:var(--lime-soft);border-color:#c8ff458c}.loop-ab-controls label{color:#73858d;letter-spacing:.08em;align-items:center;gap:7px;margin-left:auto;font-size:.5rem;font-weight:900;display:inline-flex}.loop-ab-assignment{grid-template-columns:minmax(180px,240px) minmax(140px,220px) 1fr;align-items:end;gap:10px;margin-top:11px;display:grid}.loop-ab-assignment label span{color:#63767f;letter-spacing:.1em;margin-bottom:4px;font-size:.48rem;font-weight:900;display:block}.loop-ab-assignment select,.loop-ab-assignment input{color:#c3ced0;background:#0b171e;border:1px solid #2c414b;border-radius:6px;width:100%;min-height:31px;padding:0 8px;font-size:.57rem}.loop-ab-assignment>small{color:#657780;font-size:.55rem;line-height:1.35}.song-structure{background:#091118;gap:3px;min-height:92px;padding:14px;display:flex;overflow-x:auto}.song-structure button{text-align:left;cursor:pointer;background:#0e1a22;border:1px solid #23353f;border-radius:8px;min-width:108px;padding:12px}.song-structure button:hover,.song-structure button.active{background:var(--lime-soft);border-color:#c8ff4573}.song-structure small,.song-structure strong,.song-structure span{display:block}.song-structure small{color:#6f8089;letter-spacing:.1em;font-size:.5rem;font-weight:800}.song-structure strong{color:var(--lime);margin-top:7px;font-size:.82rem}.song-structure span{color:#708089;margin-top:3px;font-size:.56rem}.song-mode-panel{margin-top:24px;padding:30px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;padding-bottom:24px;display:flex}.panel-heading h2{letter-spacing:-.03em;margin:8px 0 0;font-size:1.55rem}.panel-heading p{max-width:430px;color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.song-meta-grid{grid-template-columns:1fr 1.4fr 120px;gap:12px;margin-top:24px;display:grid}.authorized-song-toggle{color:#d6e3d2;cursor:pointer;background:#c8ff450f;border:1px solid #c8ff453d;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.authorized-song-toggle input{accent-color:var(--lime);margin-top:3px}.authorized-song-toggle span,.authorized-song-toggle strong,.authorized-song-toggle small{display:block}.authorized-song-toggle strong{color:var(--lime);letter-spacing:.08em;font-size:.62rem}.authorized-song-toggle small{color:#83949b;margin-top:4px;font-size:.58rem;line-height:1.45}.field-label input,.field-label select,.search-box input{width:100%;height:42px;padding:0 12px}.bpm-detection-note{color:#71838b;min-height:16px;margin-top:5px;font-size:.52rem;line-height:1.25;display:block}.bpm-detection-note.analyzing{color:var(--yellow)}.bpm-detection-note.detected{color:var(--lime)}.bpm-detection-note.error{color:#ffad91}.audio-upload-row{background:#0e1a22;border:1px solid #263943;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:24px;margin-top:18px;padding:17px;display:grid}.audio-upload-row>div strong,.audio-upload-row>div small{display:block}.audio-upload-row>div strong{font-size:.79rem}.audio-upload-row>div small{color:var(--muted);margin-top:5px;font-size:.62rem}.rights-confirm{color:#a3b0b6;align-items:center;gap:8px;font-size:.64rem;display:flex}.rights-confirm input{accent-color:var(--lime)}.upload-button,.add-section{background:var(--lime-soft);min-height:39px;color:var(--lime);cursor:pointer;letter-spacing:.1em;border:1px solid #c8ff4566;border-radius:9px;justify-content:center;align-items:center;padding:0 15px;font-size:.58rem;font-weight:900;display:inline-flex}.upload-button input{opacity:0;pointer-events:none;position:absolute}.upload-button.disabled{opacity:.35;cursor:not-allowed}.sync-setup{opacity:.62;background:#09141b;border:1px solid #293b45;border-radius:12px;margin-top:14px;padding:18px}.sync-setup.ready{opacity:1;border-color:#ffd91f47}.sync-setup-heading{justify-content:space-between;gap:28px;display:flex}.sync-setup-heading>div span,.sync-setup-heading>div strong{display:block}.sync-setup-heading>div span{color:var(--yellow);letter-spacing:.12em;font-size:.62rem;font-weight:900}.sync-setup-heading>div strong{margin-top:5px;font-size:.94rem}.sync-setup-heading>small{color:#84949c;max-width:520px;font-size:.72rem;line-height:1.45}.audio-locator{grid-template-columns:145px minmax(180px,1fr) 100px;align-items:center;gap:14px;margin-top:18px;display:grid}.audio-locator button,.sync-point-controls>button{color:#c4cfd2;cursor:pointer;letter-spacing:.06em;background:#101e26;border:1px solid #344953;border-radius:8px;min-height:38px;font-size:.62rem;font-weight:850}.audio-locator button:disabled,.sync-point-controls>button:disabled{opacity:.32;cursor:not-allowed}.audio-locator input{width:100%;accent-color:var(--yellow);cursor:ew-resize}.audio-locator time{color:var(--yellow);font-variant-numeric:tabular-nums;text-align:right;font-size:.72rem}.sync-point-controls{grid-template-columns:76px 128px 76px minmax(190px,1fr) 120px;align-items:end;gap:8px;margin-top:14px;display:grid}.sync-point-controls label span{color:#6f818a;letter-spacing:.1em;margin-bottom:5px;font-size:.6rem;font-weight:900;display:block}.sync-point-controls label input{font-variant-numeric:tabular-nums;width:100%;height:38px;padding:0 10px}.sync-point-controls>button.mark-sync{color:var(--yellow);background:#ffd91f1c;border-color:#ffd91f7a}.sync-point-controls>button.test-sync{color:var(--lime)}.sync-steps{border-top:1px solid var(--line-soft);color:#71838c;gap:18px;margin-top:14px;padding-top:12px;font-size:.68rem;display:flex}.sync-steps span{align-items:center;gap:7px;display:inline-flex}.sync-steps b{width:20px;height:20px;color:var(--yellow);background:#ffd91f1a;border-radius:50%;place-items:center;font-size:.6rem;display:grid}.section-editor-list{margin-top:24px}.section-bpm-help{color:#71838c;margin:0 8px 12px;font-size:.68rem;line-height:1.5;display:block}.section-editor-head,.section-editor-row{grid-template-columns:1fr 92px 82px 1fr 112px 76px 78px 78px;gap:8px;display:grid}.section-editor-head{color:#5f717b;letter-spacing:.12em;padding:0 10px 8px;font-size:.52rem;font-weight:850}.section-editor-row{border-top:1px solid var(--line-soft);padding:8px}.section-editor-row input,.section-editor-row select{min-width:0;height:39px;padding:0 10px}.section-editor-row button{color:var(--danger);cursor:pointer;background:0 0;border:0;font-size:.61rem}.section-editor-row button.copy-section{color:var(--lime)}.section-move-actions{justify-content:center;align-items:center;gap:3px;display:flex}.section-sync-actions{justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.section-editor-row .section-sync-actions button{color:#a8b6b8;white-space:nowrap;background:#0d1920;border:1px solid #2b414b;border-radius:6px;padding:6px 7px;font-size:.55rem}.section-editor-row .section-sync-actions button.anchored{color:var(--lime);border-color:#c8ff4573}.section-editor-row .section-sync-actions button:hover{color:var(--lime);border-color:#c8ff458c}.section-editor-row .section-move-actions button{color:#a8b6b8;background:#0d1920;border:1px solid #2b414b;border-radius:6px;width:28px;height:30px;font-size:.8rem;line-height:1}.section-editor-row .section-move-actions button:hover:not(:disabled){color:var(--lime);border-color:#c8ff4573}.section-editor-row button:disabled{opacity:.25;cursor:not-allowed}.add-section{margin:16px 0 0 8px}.song-accent-editor{background:#ffd91f09;border:1px solid #ffd91f3d;border-radius:12px;margin-top:22px;padding:20px}.song-accent-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.song-accent-heading strong,.song-accent-heading small{display:block}.song-accent-heading strong{color:#e2e9e7;margin-top:5px;font-size:.95rem}.song-accent-heading small{color:#819198;margin-top:6px;font-size:.64rem;line-height:1.45}.song-accent-badge{color:var(--yellow);letter-spacing:.09em;white-space:nowrap;border:1px solid #ffd91f59;border-radius:6px;padding:6px 8px;font-size:.5rem;font-weight:900}.song-accent-tools{flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;display:flex}.song-accent-tools label{min-width:150px}.song-accent-tools label span,.song-accent-articulations>span{color:#71838b;letter-spacing:.1em;margin-bottom:5px;font-size:.5rem;font-weight:900;display:block}.song-accent-tools select,.song-accent-tools input{color:#c5d0cf;background:#0d1920;border:1px solid #2d424b;border-radius:7px;width:100%;height:36px;padding:0 9px;font-size:.61rem}.song-accent-resolution{min-width:112px}.song-accent-resolution>span{color:#71838b;letter-spacing:.1em;margin-bottom:5px;font-size:.5rem;font-weight:900;display:block}.song-accent-resolution>div{gap:5px;display:flex}.song-accent-resolution button{color:#95a4a8;cursor:pointer;background:#0d1920;border:1px solid #2c414b;border-radius:6px;min-width:42px;min-height:30px;font-size:.55rem;font-weight:900}.song-accent-resolution button.active{color:var(--yellow);background:#ffd91f1a;border-color:#ffd91f80}.song-accent-articulations{flex:1;min-width:280px}.song-accent-articulations button{color:#95a4a8;cursor:pointer;background:#0d1920;border:1px solid #2c414b;border-radius:6px;min-height:30px;margin:0 4px 0 0;padding:0 8px;font-size:.52rem}.song-accent-articulations button.active{color:var(--yellow);background:#ffd91f1a;border-color:#ffd91f80}.song-accent-articulations button.erase-tool{border-color:#ff8b6659}.song-accent-articulations button.erase-tool.active{color:#ffad91;background:#ff8b6621;border-color:#ff8b66bf}.song-accent-editor .pattern-grid-wrap{margin-top:16px;overflow-x:auto}.song-accent-editor .step-cell.song-accent-event{outline-offset:-3px;outline:2px solid #ffd91fcc;box-shadow:inset 0 0 18px #ffd91f29}.song-accent-editor .step-cell.song-accent-event .event-glyph{filter:drop-shadow(0 0 6px #ffd91fcc);transform:scale(1.12)}.song-accent-preview{background:#c8ff4509;border:1px solid #c8ff4533;border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.song-accent-preview-copy{flex:260px;min-width:220px}.song-accent-preview-copy span,.song-accent-preview-copy small{display:block}.song-accent-preview-copy span{color:var(--lime);letter-spacing:.1em;font-size:.55rem;font-weight:900}.song-accent-preview-copy small{color:#7f9196;margin-top:4px;font-size:.59rem;line-height:1.4}.song-accent-preview .studio-play{min-width:142px;height:38px}.song-accent-preview-bpm{color:#71838b;letter-spacing:.08em;font-size:.55rem;font-weight:900}.song-accent-preview-bpm strong{color:var(--lime);margin-left:4px;font-size:.9rem}.song-accent-loop{color:#93a3a7;cursor:pointer;letter-spacing:.07em;background:#0d1920;border:1px solid #2c414b;border-radius:7px;min-height:33px;padding:0 10px;font-size:.52rem;font-weight:900}.song-accent-loop.active{color:var(--lime);background:#c8ff4514;border-color:#c8ff458c}.song-accent-note{color:#71838b;margin-top:10px;font-size:.6rem;line-height:1.45;display:block}.studio-actions{gap:10px;display:flex}.primary-button,.secondary-button{cursor:pointer;letter-spacing:.1em;border-radius:10px;min-height:45px;padding:0 17px;font-size:.62rem;font-weight:900}.primary-button{border:1px solid var(--lime);background:var(--lime);color:#071016}.secondary-button{color:#d2dadd;background:#101d25;border:1px solid #334751}.studio-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.25fr) 130px minmax(180px,1fr) 170px auto;align-items:end;gap:12px;padding:20px 24px;display:grid}.resolution-control>div{gap:5px;display:flex}.resolution-control button{cursor:pointer;background:#0b171e;border:1px solid #2d404a;border-radius:8px;width:42px;height:42px;font-size:.68rem;font-weight:800}.resolution-control button.active{border-color:var(--lime);color:var(--lime);background:var(--lime-soft)}.midi-recorder-panel{background:linear-gradient(135deg,#c8ff450f,#0a151cb3);border:1px solid #c8ff4533;border-radius:12px;margin:18px 24px 0;padding:18px}.midi-recorder-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.midi-recorder-heading strong,.midi-recorder-heading small{display:block}.midi-recorder-heading strong{color:#e4eceb;margin-top:5px;font-size:.9rem}.midi-recorder-heading small{color:#778991;max-width:680px;margin-top:6px;font-size:.65rem;line-height:1.45}.midi-connect,.midi-record{color:#b9c6ca;cursor:pointer;letter-spacing:.08em;white-space:nowrap;background:#102029;border:1px solid #3a515c;border-radius:8px;min-height:38px;padding:0 13px;font-size:.55rem;font-weight:900}.midi-connect.connected{border-color:var(--lime);color:var(--lime);background:var(--lime-soft)}.midi-device-list{color:#74868d;letter-spacing:.1em;align-items:center;gap:9px;margin-top:15px;font-size:.55rem;display:flex}.midi-device-list strong{color:#d6e1df;letter-spacing:0;font-size:.62rem}.midi-recorder-controls{align-items:end;gap:10px;margin-top:15px;display:flex}.midi-recorder-controls label{gap:5px;display:grid}.midi-recorder-controls label span,.midi-mapping-title{color:#74868d;letter-spacing:.1em;font-size:.52rem;font-weight:900}.midi-recorder-controls select{color:#d1dada;background:#0c1820;border:1px solid #2b414b;border-radius:7px;min-width:100px;height:38px;padding:0 9px}.midi-record{color:#ff9a9a;border-color:#ff505099}.midi-record.active{color:#f66;background:#ff323229;box-shadow:0 0 15px #ff32322e}.midi-mapping{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}.midi-mapping-title{grid-column:1/-1;margin-bottom:2px}.midi-mapping-row{background:#08121894;border:1px solid #203640;border-radius:7px;grid-template-columns:1fr 90px 105px;align-items:center;gap:7px;min-height:34px;padding:5px 7px;display:grid}.midi-mapping-row>span{color:#bec9cc;align-items:center;gap:6px;font-size:.57rem;font-weight:800;display:flex}.midi-mapping-row>span i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.midi-mapping-row small{color:#71848b;font-size:.52rem}.midi-mapping-row button{color:#96a6ab;cursor:pointer;background:#101f27;border:1px solid #2c444e;border-radius:5px;min-height:27px;font-size:.48rem;font-weight:850}.midi-mapping-row button.active{border-color:var(--lime);color:var(--lime);background:var(--lime-soft)}.studio-body{grid-template-columns:minmax(0,1fr) 290px;display:grid}.editor-area{border-right:1px solid var(--line);min-width:0;padding:24px}.articulation-bar{align-items:center;gap:6px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.articulation-bar>span{color:#61727b;letter-spacing:.12em;margin-right:7px;font-size:.52rem;font-weight:850}.articulation-bar button{color:#86969e;cursor:pointer;background:#0d1921;border:1px solid #2b3e48;border-radius:8px;align-items:center;gap:7px;min-width:max-content;height:36px;padding:0 10px;font-size:.59rem;display:inline-flex}.articulation-bar button i{color:#dce4e3;font-size:.85rem;font-style:normal;font-weight:900}.articulation-bar button.active{background:var(--lime-soft);color:var(--lime);border-color:#c8ff4573}.groove-view-label{min-width:800px;color:var(--lime);letter-spacing:.12em;justify-content:space-between;align-items:baseline;gap:14px;margin:0 0 10px;font-size:.58rem;font-weight:900;display:flex}.groove-view-label small{color:#6d7e87;letter-spacing:0;font-size:.55rem;font-weight:600}.pattern-grid-wrap{min-width:800px;position:relative}.pattern-grid-wrap.temporal-grid{padding-top:28px}.grid-bar-arrow{z-index:5;pointer-events:none;justify-items:center;display:grid;position:absolute;top:0;transform:translate(-50%)}.grid-bar-arrow span{color:var(--yellow);letter-spacing:.1em;text-shadow:0 0 10px #ffe332a6;white-space:nowrap;font-size:.48rem;font-weight:950}.grid-bar-arrow b{color:var(--yellow);text-shadow:0 0 12px #ffe332cc;font-size:1.05rem;line-height:.8}.editor-area{overflow-x:auto}.pattern-header-row,.pattern-row{grid-template-columns:82px minmax(0,1fr);gap:6px;margin-bottom:4px;display:grid}.pattern-header-row>span{color:#53646e;letter-spacing:.1em;align-items:center;font-size:.48rem;font-weight:850;display:flex}.instrument-name{color:#a0adb2;grid-template-columns:8px 22px 1fr;align-items:center;gap:6px;height:39px;font-size:.57rem;font-weight:900;display:grid}.instrument-name i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.instrument-name small{color:#596a73;font-size:.48rem;font-weight:650}.step-cell{background:#ffffff07;border:1px solid #ffffff07;border-radius:5px;place-items:center;min-width:22px;height:39px;display:grid;position:relative}.step-cell.beat-start{background:#ffffff0c;border-left-color:#3c4e58}.pattern-grid-wrap.editable .step-cell{cursor:crosshair}.pattern-grid-wrap.editable .step-cell:hover{background:#c8ff4512;border-color:#c8ff4559}.pattern-grid-wrap.is-muted{opacity:.34}.step-cell.current-column{background:#ffe22d1f;border-color:#ffe22d52;box-shadow:inset 0 0 15px #ffe22d12}.step-cell.past{opacity:.48}.step-cell.next-event{border-color:#c8ff45b3;box-shadow:0 0 10px #c8ff4529}.step-cell.active-event .event-glyph{animation:.28s ease-out both block-hit}.step-header>span.current{color:var(--yellow);text-shadow:0 0 12px #ffe332b3}.event-glyph{transition:transform .12s,filter .12s}@keyframes block-hit{0%{filter:brightness(1.7);transform:scale(1.14)}to{filter:brightness();transform:scale(1)}}.step-cell:disabled{color:inherit;opacity:1}.studio-transport{border-top:1px solid var(--line);align-items:center;gap:24px;min-width:800px;min-height:74px;margin-top:22px;padding-top:20px;display:flex}.studio-transport-near-grid{margin-top:12px;margin-bottom:4px}.sample-kit-panel{background:#0a151c;border:1px solid #263943;border-radius:12px;min-width:800px;margin-top:20px}.sample-kit-panel summary{cursor:pointer;align-items:baseline;gap:14px;padding:14px 16px;list-style:none;display:flex}.sample-kit-panel summary::-webkit-details-marker{display:none}.sample-kit-panel summary:after{content:"⌄";color:var(--lime);margin-left:auto}.sample-kit-panel[open] summary:after{transform:rotate(180deg)}.sample-kit-panel summary span{color:var(--lime);letter-spacing:.12em;font-size:.58rem;font-weight:900}.sample-kit-panel summary small{color:#6d7e87;font-size:.58rem}.sample-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px 12px;display:grid}.sample-slot{background:#0d1920;border:1px solid #20333c;border-radius:8px;grid-template-columns:92px minmax(100px,1fr) 34px 58px 78px;align-items:center;gap:6px;min-width:0;min-height:45px;padding:7px 8px;display:grid}.sample-instrument{color:#bac4c7;align-items:center;gap:7px;font-size:.58rem;font-weight:800;display:flex}.sample-instrument i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.sample-slot>small{color:#6f8088;text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.sample-slot>button,.sample-slot>label{color:#98a7ad;cursor:pointer;letter-spacing:.05em;background:#101e26;border:1px solid #2c3f49;border-radius:6px;place-items:center;min-height:29px;font-size:.48rem;font-weight:850;display:grid}.sample-slot>button:first-of-type{color:var(--lime);font-size:.7rem}.sample-slot>label input{opacity:0;pointer-events:none;position:absolute}.sample-slot>button.reset-sample{color:#71828a}.sample-slot>button:disabled{opacity:.25;cursor:not-allowed}.articulation-sample-heading{align-items:baseline;gap:14px;padding:16px 16px 9px;display:flex}.articulation-sample-heading span{color:#d7e0df;letter-spacing:.12em;font-size:.56rem;font-weight:900}.articulation-sample-heading small{color:#6d7e87;font-size:.55rem}.articulation-sample-grid{padding-top:0}.articulation-sample-slot{border-color:#c8ff452e}.mixer-panel{background:#0a151c;border:1px solid #263943;border-radius:12px;min-width:800px;margin-top:12px}.mixer-panel summary{cursor:pointer;align-items:baseline;gap:14px;padding:14px 16px;list-style:none;display:flex}.mixer-panel summary::-webkit-details-marker{display:none}.mixer-panel summary:after{content:"⌄";color:var(--lime);margin-left:auto}.mixer-panel[open] summary:after{transform:rotate(180deg)}.mixer-panel summary span{color:var(--lime);letter-spacing:.12em;font-size:.58rem;font-weight:900}.mixer-panel summary small{color:#6d7e87;font-size:.58rem}.mixer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 12px 12px;display:grid}.mixer-channel{background:#0d1920;border:1px solid #20333c;border-radius:9px;grid-template-columns:48px 1fr 38px;align-items:center;gap:9px;min-width:0;padding:10px;display:grid}.mixer-channel-name{color:#bac4c7;grid-template-columns:7px 22px;align-items:center;gap:5px;font-size:.57rem;font-weight:900;display:grid}.mixer-channel-name i{background:var(--instrument-color);border-radius:2px;width:7px;height:7px}.mixer-channel-name small{color:#647680;white-space:nowrap;grid-column:2/-1;font-size:.46rem;font-weight:650}.mixer-channel input{width:100%;accent-color:var(--lime)}.mixer-channel strong{color:var(--lime);text-align:right;font-variant-numeric:tabular-nums;font-size:.65rem}.mixer-reset{color:#98a7ad;cursor:pointer;letter-spacing:.05em;background:#101e26;border:1px solid #2c3f49;border-radius:6px;min-height:29px;margin:0 12px 12px;padding:0 10px;font-size:.48rem;font-weight:850}.mixer-reset:hover{color:var(--lime);border-color:#c8ff4566}.studio-play{background:var(--lime);color:#071016;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:45px;font-size:.62rem;font-weight:900;display:inline-flex}.studio-play svg{width:18px}.bpm-slider{color:#64757e;letter-spacing:.1em;grid-template-columns:auto minmax(150px,250px) 44px;align-items:center;gap:10px;font-size:.55rem;font-weight:850;display:grid}.bpm-slider input{accent-color:var(--lime)}.bpm-slider strong{color:var(--lime);font-size:1rem}.kit-status{color:#71828b;letter-spacing:.1em;align-items:center;gap:7px;margin-left:auto;font-size:.5rem;font-weight:850;display:inline-flex}.kit-status i{color:var(--lime)}.dna-panel{background:linear-gradient(#ffffff05,#0000);padding:26px}.dna-panel h2{color:var(--lime);letter-spacing:-.06em;margin:14px 0 6px;font-size:2.4rem}.dna-panel>p{color:#87969e;min-height:62px;margin:0 0 20px;font-size:.72rem;line-height:1.55}.dna-row{border-top:1px solid var(--line-soft);justify-content:space-between;gap:10px;padding:11px 0;font-size:.67rem;display:flex}.dna-row span{color:#657680;font-family:ui-monospace,monospace}.dna-row strong{color:#d8dfdf}.event-architecture,.delta-note{background:#0b171e;border:1px solid #2a3d47;border-radius:10px;margin-top:19px;padding:14px}.event-architecture b,.delta-note span{color:var(--lime);letter-spacing:.12em;font-size:.51rem;display:block}.event-architecture code{color:#8da0a9;white-space:normal;margin-top:9px;font-size:.58rem;line-height:1.55;display:block}.delta-note strong,.delta-note small{display:block}.delta-note strong{margin-top:8px;font-size:.68rem}.delta-note small{color:#6c7d86;margin-top:6px;font-size:.58rem;line-height:1.45}.library-heading{align-items:flex-end}.search-box{width:min(380px,38vw)}.search-box input{height:46px}.library-summary{gap:8px;margin:-8px 0 22px;display:flex}.library-summary span{color:#70818a;letter-spacing:.1em;background:#0c171e;border:1px solid #273a44;border-radius:8px;padding:9px 12px;font-size:.54rem;font-weight:850}.library-summary b{color:var(--lime)}.library-scope-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:-2px 0 18px;display:grid}.library-scope-tabs button{color:#96a5aa;cursor:pointer;text-align:left;letter-spacing:.08em;background:#0c171e;border:1px solid #293c46;border-radius:10px;gap:6px;min-height:56px;padding:12px 14px;font-size:.56rem;font-weight:900;display:grid}.library-scope-tabs button small{color:#61737c;letter-spacing:0;font-size:.55rem;font-weight:600}.library-scope-tabs button.active{background:var(--lime-soft);color:var(--lime);border-color:#c8ff4580}.library-scope-tabs button.active small{color:#b5ca88}.library-admin-bar{background:#c8ff450b;border:1px solid #c8ff4547;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:-2px 0 16px;padding:13px 15px;display:flex}.library-admin-bar>div{gap:5px;display:grid}.library-admin-bar strong{color:#c8d5d2;font-size:.7rem;font-weight:700}.library-admin-bar button{min-height:32px;color:var(--lime);cursor:pointer;background:0 0;border:1px solid #c8ff4561;border-radius:7px;padding:0 12px;font-size:.55rem;font-weight:900}.library-admin-panel{background:#0a151c;border:1px solid #2a414b;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin:-2px 0 18px;padding:15px;display:grid}.library-admin-section{align-content:start;gap:7px;display:grid}.library-admin-section .kicker{color:#8d9ea3;margin-bottom:3px;font-size:.5rem}.library-admin-section label{color:#aab8ba;cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:.6rem;display:flex}.library-admin-section input{accent-color:var(--lime)}.library-admin-section b{color:var(--lime);margin-right:4px}.library-admin-panel>small{color:#687b83;grid-column:1/-1;font-size:.57rem;line-height:1.45}.library-news{background:linear-gradient(90deg,#c8ff4517,#c8ff4505);border:1px solid #c8ff454d;border-radius:12px;align-items:center;gap:14px;margin:-2px 0 18px;padding:15px 16px;display:flex}.news-mark{background:var(--lime);color:#071016;letter-spacing:.1em;border-radius:5px;padding:5px 7px;font-size:.49rem;font-weight:950}.library-news strong{color:#e2e9e7;font-size:.78rem}.library-news p{color:#7f9097;margin:4px 0 0;font-size:.65rem}.library-news button{min-height:33px;color:var(--lime);cursor:pointer;background:0 0;border:1px solid #c8ff4566;border-radius:7px;margin-left:auto;padding:0 12px;font-size:.52rem;font-weight:900}.song-library-strip{background:#0b151cb8;border:1px solid #263944;border-radius:12px;align-items:center;gap:24px;margin:0 0 22px;padding:16px;display:flex}.song-library-strip p{color:#71838b;margin:6px 0 0;font-size:.65rem}.song-library-list{flex-wrap:wrap;gap:7px;display:flex}.song-library-list button{color:#ced8d6;cursor:pointer;text-align:left;background:#0d1920;border:1px solid #2c404a;border-radius:8px;gap:4px;padding:9px 12px;display:grid}.song-library-list button:hover{border-color:#c8ff4566}.song-library-list button strong{font-size:.65rem}.song-library-list button small,.library-empty{color:#71828b;font-size:.55rem}.groove-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.groove-card{background:#0b151cf0;border:1px solid #263944;border-radius:17px;min-width:0;padding:22px}.groove-card-top{color:#667780;letter-spacing:.12em;justify-content:space-between;font-size:.51rem;font-weight:850;display:flex}.groove-card-top em{color:#9aa8ae;letter-spacing:.06em;border:1px solid #30434d;border-radius:5px;padding:4px 7px;font-style:normal}.groove-title-line{justify-content:space-between;align-items:center;gap:16px;margin:20px 0 17px;display:flex}.groove-title-line strong{color:var(--lime);letter-spacing:-.05em;font-size:2rem;display:block}.groove-title-line h2{color:#dce2e2;margin:3px 0 0;font-size:.83rem;font-weight:650}.groove-title-line button{background:var(--lime-soft);width:48px;height:48px;color:var(--lime);cursor:pointer;border:1px solid #c8ff4566;border-radius:50%;place-items:center;display:grid}.groove-title-line button.playing{background:var(--lime);color:#071016}.groove-thumbnail{background:#081117;border:1px solid #20333d;border-radius:9px;grid-template-rows:repeat(7,8px);grid-template-columns:repeat(16,1fr);gap:2px;padding:12px;display:grid}.groove-thumbnail>span{background:#ffffff06;border-left:1px solid #0000;position:relative}.groove-thumbnail>span.beat-start{border-left-color:#3c505a}.groove-thumbnail i{border-radius:2px;position:absolute;inset:2px;box-shadow:0 0 5px}.groove-card>p{color:#82929a;min-height:42px;font-size:.68rem;line-height:1.55}.groove-card dl{border-top:1px solid var(--line-soft);margin:17px 0 0}.groove-card dl>div{border-bottom:1px solid var(--line-soft);grid-template-columns:80px 1fr;gap:12px;padding:9px 0;display:grid}.groove-card dt{color:#60717b;letter-spacing:.1em;font-size:.49rem;font-weight:850}.groove-card dd{color:#afb9bd;text-align:right;margin:0;font-size:.61rem}.card-actions{gap:6px;margin-top:17px;display:flex}.card-actions button{color:#9aa8ae;cursor:pointer;letter-spacing:.07em;background:#0d1920;border:1px solid #2b3e48;border-radius:8px;flex:1;min-height:36px;font-size:.51rem;font-weight:850}.card-actions button:hover{color:var(--lime);border-color:#c8ff4559}.academy-view{padding-top:30px}.academy-hero{text-align:center;max-width:1000px;margin:0 auto 60px}.academy-badge{color:#92a0a7;letter-spacing:.15em;border:1px solid #3a4d57;border-radius:999px;margin:0 auto 24px;padding:8px 12px;font-size:.54rem;font-weight:850;display:table}.academy-hero p{color:#89979e;max-width:680px;margin:24px auto 0;line-height:1.7}.academy-route{gap:14px;display:grid}.academy-level{background:#0b151ce0;border:1px solid #263944;border-radius:16px;padding:20px}.academy-level-heading{grid-template-columns:54px 1fr auto;align-items:center;gap:14px;margin-bottom:16px;display:grid}.academy-level-number{border:1px solid color-mix(in srgb, var(--level-color) 55%, #243740);width:46px;height:46px;color:var(--level-color);border-radius:12px;place-items:center;font-size:.82rem;font-weight:950;display:grid}.academy-level-heading h2{color:#e0e7e5;margin:4px 0 0;font-size:1.25rem}.academy-level-heading p{color:#75868f;margin:4px 0 0;font-size:.68rem}.academy-level-heading>strong{color:var(--lime);font-size:.78rem}.academy-level-tools{justify-content:flex-end;align-items:center;gap:9px;display:flex}.academy-level-tools strong{color:var(--lime);font-size:.78rem}.academy-level-tools button{color:#9baaae;cursor:pointer;letter-spacing:.05em;background:#0d1920;border:1px solid #2d444e;border-radius:7px;min-height:30px;padding:0 9px;font-size:.49rem;font-weight:900}.academy-level-tools button:hover{color:var(--lime);border-color:#c8ff457a}.academy-exercise-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.academy-exercise{background:#0c171e;border:1px solid #20333d;border-radius:11px;min-width:0;padding:15px}.academy-exercise.completed{background:#c8ff450f;border-color:#c8ff456b}.academy-exercise-top{color:#667982;letter-spacing:.08em;justify-content:space-between;gap:7px;font-size:.48rem;font-weight:900;display:flex}.academy-exercise-top>div{align-items:center;gap:6px;display:flex}.academy-exercise-top em{color:#9bacb0;font-style:normal}.academy-exercise h3{color:#dfe6e4;min-height:35px;margin:14px 0 7px;font-size:.8rem}.academy-exercise p{color:#7b8c94;min-height:47px;margin:0;font-size:.62rem;line-height:1.45}.academy-exercise>small{color:var(--lime);letter-spacing:.07em;margin-top:12px;font-size:.47rem;font-weight:850;display:block}.academy-exercise-actions{gap:5px;margin-top:13px;display:grid}.academy-exercise-actions button{color:#a5b2b5;cursor:pointer;letter-spacing:.05em;background:#101e26;border:1px solid #2b3e48;border-radius:6px;min-height:30px;font-size:.48rem;font-weight:900}.academy-exercise-actions button:hover{color:var(--lime);border-color:#c8ff456b}.academy-exercise-actions .academy-check{color:#72848c}.academy-delete{width:24px;color:#d88484!important;border-color:#ff6e6e47!important;min-height:24px!important;padding:0!important;font-size:1rem!important;line-height:1!important}.academy-delete:hover{color:#ff9c9c!important;border-color:#ff6e6e99!important}.academy-exercise.completed .academy-check{color:var(--lime)}.academy-editor{border-top:1px solid #223640;gap:9px;margin-top:12px;padding-top:12px;display:grid}.academy-editor .field-label{gap:4px}.academy-editor input,.academy-editor select,.academy-editor textarea{color:#d7e0de;width:100%;min-height:30px;font:inherit;background:#09131a;border:1px solid #2c414b;border-radius:6px;padding:7px 8px;font-size:.59rem}.academy-editor textarea{resize:vertical;min-height:58px;line-height:1.35}.academy-editor-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.academy-groove-picker{background:#07101680;border:1px solid #2c414b;border-radius:8px;gap:6px;padding:10px;display:grid}.academy-groove-picker>span{color:#aebdc1;letter-spacing:.1em;font-size:.58rem;font-weight:900}.academy-groove-picker>small{color:#6f8189;font-size:.57rem;line-height:1.4}.academy-groove-options{flex-wrap:wrap;gap:6px;max-height:112px;padding-top:3px;display:flex;overflow:auto}.academy-groove-options label{color:#b4c1c4;cursor:pointer;background:#0b171e;border:1px solid #2b404a;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:.56rem;display:inline-flex}.academy-groove-options label:has(input:checked){background:var(--lime-soft);color:#e9f3dd;border-color:#c8ff4573}.academy-groove-options input{accent-color:var(--lime)}.academy-groove-options strong{color:var(--lime)}.academy-pattern-editor{border-top:1px solid #223640;gap:5px;margin-top:4px;padding-top:10px;display:grid}.academy-pattern-editor>span{color:#a8b5b7;letter-spacing:.08em;font-size:.5rem;font-weight:900}.academy-pattern-editor>small{color:#71838b;font-size:.56rem;line-height:1.35}.academy-pattern-editor .pattern-grid-wrap{transform-origin:0 0;min-width:620px;margin-top:4px}.academy-pattern-editor{overflow-x:auto}.academy-practice-panel{background:linear-gradient(135deg,#c8ff4512,#0b151ceb 55%);border:1px solid #c8ff4547;border-radius:16px;margin-top:18px;padding:20px}.academy-practice-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.academy-practice-heading h2{color:#e4ebe9;margin:7px 0 0;font-size:1.25rem}.academy-practice-heading p{color:#819199;margin:7px 0 0;font-size:.68rem}.academy-practice-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.academy-practice-actions button{color:#aebabc;cursor:pointer;letter-spacing:.05em;background:#0d1920;border:1px solid #314752;border-radius:7px;min-height:32px;padding:0 10px;font-size:.5rem;font-weight:900}.academy-practice-actions button:hover,.academy-practice-actions .academy-next{color:var(--lime);border-color:#c8ff458c}.academy-practice-view{margin-top:17px;overflow-x:auto}.academy-practice-panel>small{color:#73858d;margin-top:10px;font-size:.58rem;display:block}.academy-cycle-block{background:linear-gradient(135deg,#c8ff450f,#0000 55%);border:1px solid #c8ff4533;border-radius:16px;margin-top:18px;padding:22px}.practice-view{padding-top:30px}.practice-heading{align-items:end}.practice-heading>div:first-child{max-width:760px}.practice-heading h1{color:#e7efed;letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}.practice-heading h1 em{color:var(--lime);font-style:normal}.practice-heading p{color:#84949b;max-width:650px;margin:18px 0 0;font-size:.78rem;line-height:1.55}.practice-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.practice-shell{border:1px solid var(--line);border-radius:var(--radius);background:#0a1319f2;margin-top:28px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000047}.practice-shell-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.practice-shell-heading h2{color:#e0e8e6;margin:7px 0 0;font-size:1.25rem}.practice-shell-heading p{color:#778991;margin:6px 0 0;font-size:.65rem}.practice-focus-list{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.practice-focus-list span{color:#a8b5b7;border:1px solid #2d424c;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:.55rem;font-weight:800;display:inline-flex}.practice-focus-list i{background:var(--instrument-color);width:7px;height:7px;box-shadow:0 0 8px var(--instrument-color);border-radius:2px}.practice-grid-wrap{padding:20px;overflow-x:auto}.practice-grid-wrap .pattern-grid-wrap{min-width:680px}.practice-transport{border-top:1px solid var(--line-soft);background:#081016b8;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;display:flex}.practice-transport .bpm-slider{flex:190px}.practice-count-control{gap:6px;min-width:84px;display:grid}.practice-count-control>span{color:#63737c;letter-spacing:.14em;text-align:center;font-size:.52rem;font-weight:850}.practice-count-control select{min-height:30px;color:var(--yellow);text-align:center;background:#101e26;border:1px solid #2c3f49;border-radius:8px;padding:0 8px;font-size:.6rem;font-weight:850}.practice-count-in{z-index:8;text-align:center;pointer-events:none;background:#071016f0;border:1px solid #ffe3328c;border-radius:14px;justify-items:center;gap:5px;min-width:190px;padding:17px 24px 15px;display:grid;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:0 0 34px #ffe3322e}.practice-count-in span{color:var(--yellow);letter-spacing:.16em;font-size:.56rem;font-weight:950}.practice-count-in strong{color:var(--yellow);text-shadow:0 0 22px #ffe33299;font-variant-numeric:tabular-nums;font-size:3rem;line-height:.95}.practice-count-in small{color:#a1afb3;font-size:.59rem;line-height:1.35}.practice-ready,.practice-next{min-height:38px;color:var(--lime);cursor:pointer;letter-spacing:.06em;background:#c8ff4514;border:1px solid #c8ff4561;border-radius:8px;padding:0 13px;font-size:.52rem;font-weight:900}.practice-next{color:#b1bec0;background:#0d1920;border-color:#314752}.academy-cycle-block>div:first-child{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.academy-cycle-block h2{color:#e2e9e7;margin:7px 0 0;font-size:1.2rem}.academy-cycle-block p{color:#7d8e96;max-width:530px;margin:7px 0 0;font-size:.66rem;line-height:1.5}.cycle-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cycle-grid>div{background:#0b151ce6;border:1px solid #263944;border-radius:14px;min-height:150px;padding:20px;position:relative;overflow:hidden}.cycle-grid span{color:#c8ff4512;font-size:5rem;font-weight:950;position:absolute;top:-12px;right:12px}.cycle-grid strong{color:var(--lime);letter-spacing:.12em;font-size:.66rem;position:relative}.cycle-grid p{color:#768790;margin:30px 0 0;font-size:.7rem;line-height:1.45;position:relative}footer{border-top:1px solid var(--line-soft);color:#53656e;letter-spacing:.12em;justify-content:space-between;align-items:center;min-height:104px;font-size:.53rem;font-weight:800;display:flex}.toast{z-index:20;color:#e8edec;opacity:0;pointer-events:none;background:#13232b;border:1px solid #40545e;border-radius:10px;padding:12px 16px;font-size:.72rem;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 16px 50px #0006}.toast.show{opacity:1;transform:translate(-50%)}.practice-cinema main{width:100%;max-width:none;margin:0;padding:0}.practice-cinema .player-view{padding-top:0}.practice-cinema .player-heading,.practice-cinema .practice-selector,.practice-cinema .song-mode-panel{display:none}.practice-cinema .player-console{min-height:100vh;box-shadow:none;border:0;border-radius:0}.practice-cinema .console-topbar{padding-top:42px}.practice-cinema .player-controls{padding-bottom:24px}.practice-cinema .practice-view{padding-top:18px;position:relative}.practice-cinema .practice-heading{display:none}.practice-cinema .practice-shell{box-shadow:none;border:0;border-radius:0}.practice-cinema-button{display:block}audio{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.app-header{grid-template-columns:auto 1fr}.app-header nav{justify-self:end}.system-pill{display:none}.groove-card-grid{grid-template-columns:repeat(2,1fr)}.studio-body{grid-template-columns:1fr}.editor-area{border-right:0;border-bottom:1px solid var(--line)}.dna-panel{grid-template-columns:repeat(2,1fr);gap:0 20px;display:grid}.dna-panel>.kicker,.dna-panel>h2,.dna-panel>p,.dna-panel>.event-architecture,.dna-panel>.delta-note{grid-column:1/-1}.practice-selector{grid-template-columns:1fr auto}.practice-grooves{grid-column:1/-1;justify-content:flex-start}.method-hero{grid-template-columns:1fr 1fr}.method-cycle{grid-template-columns:repeat(2,1fr)}.academy-exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-header,main,footer,.journey-strip{width:min(100% - 28px,1480px)}.app-header{flex-wrap:wrap;align-content:center;gap:12px;min-height:112px;display:flex}.app-header nav{order:3;justify-content:space-between;gap:0;width:100%;height:42px}.app-header nav button{flex:1;min-width:0;font-size:.57rem}.app-header nav small{top:3px;right:3px}.journey-strip{justify-content:flex-start;overflow-x:auto}.journey-strip>span{min-width:max-content;padding:0 13px}main{padding-top:28px}.view-heading{display:block}.view-heading h1,.academy-hero h1{font-size:clamp(2.25rem,11vw,3.8rem)}.method-hero{grid-template-columns:1fr}.method-hero-copy{padding:54px 32px}.method-hero h1{font-size:clamp(3.6rem,14vw,5.5rem)}.beatblock-lab{border-top:1px solid #c8ff452e;border-left:0}.method-section-heading{grid-template-columns:1fr}.method-section-heading p{margin-top:18px}.method-groove-demo{grid-template-columns:1fr}.method-groove-demo>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.song-selector-card,.search-box{width:100%;margin-top:24px}.console-topbar{grid-template-columns:1fr 1fr;padding:15px}.section-now{display:none}.moving-pattern-shell{grid-template-columns:52px minmax(0,1fr);min-height:354px;padding:22px 12px}.performance-highway{min-height:420px}.highway-stage{height:360px}.highway-lanes{inset-inline:2%}.lane-pad{min-width:42px;height:38px;font-size:.62rem}.moving-labels>span{font-size:.48rem}.player-controls{flex-wrap:wrap}.tempo-control{margin-right:0}.song-meta-grid,.practice-selector{grid-template-columns:1fr}.practice-master-actions,.practice-grooves{grid-column:auto;justify-content:flex-start}.audio-upload-row{grid-template-columns:1fr;gap:14px}.sync-setup-heading,.song-map-heading{flex-direction:column;align-items:flex-start}.song-map-heading>div:last-child{text-align:left;justify-content:space-between;width:100%}.audio-locator{grid-template-columns:132px 1fr}.audio-locator time{text-align:left;grid-column:1/-1}.sync-point-controls{grid-template-columns:1fr 1.4fr 1fr}.sync-point-controls .mark-sync{grid-column:1/3}.sync-steps{flex-direction:column;align-items:flex-start;gap:8px}.section-editor-head{display:none}.section-editor-row{grid-template-columns:1fr 80px 80px}.section-editor-row select{grid-column:1/-1}.section-editor-row button{min-height:34px}.studio-toolbar{grid-template-columns:1fr 1fr}.resolution-control{grid-column:1/-1}.midi-recorder-heading{flex-direction:column}.midi-connect{width:100%}.midi-mapping,.sample-kit-grid{grid-template-columns:1fr}.mixer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-scope-tabs{grid-template-columns:1fr}.song-library-strip{flex-direction:column;align-items:flex-start;gap:12px}.academy-level-heading{grid-template-columns:46px 1fr auto}.academy-cycle-block>div:first-child{display:block}.groove-card-grid{grid-template-columns:1fr}.cycle-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.brand{font-size:.78rem}.logo-mark{width:33px;height:33px}.app-header nav button{letter-spacing:.09em;font-size:.5rem}.view-heading h1,.academy-hero h1{font-size:2.45rem}.method-view{gap:16px}.method-hero-copy,.beatblock-lab,.method-cycle-section{padding:28px 18px}.method-hero h1{font-size:3.4rem}.header-account{gap:5px}.account-status,.system-pill{display:none}.auth-card{padding:28px 20px}.method-hero-copy>p{font-size:.96rem}.method-cta{justify-content:center;width:100%}.demo-blocks button{grid-template-columns:48px 1fr auto;padding-inline:12px}.demo-blocks button i{width:46px;height:46px}.lab-equation{flex-wrap:wrap;justify-content:center}.method-cycle,.method-cycle-download{grid-template-columns:1fr}.method-cycle-download-preview{justify-self:stretch;width:100%;max-height:340px}.method-groove-card{margin:16px;padding:18px}.method-final-cta{padding:46px 18px}.method-final-cta>span{line-height:1.7}.song-selector-card>div,.studio-actions{flex-direction:column;align-items:flex-start}.practice-groove{min-width:132px}.console-topbar{min-height:86px}.moving-pattern-shell{padding-inline:8px}.moving-viewport{-webkit-mask-image:none;mask-image:none}.visual-mode-toolbar{flex-direction:column;align-items:flex-start}.visual-mode-toolbar>div:last-child{width:100%}.visual-mode-toolbar button{flex:1}.practice-heading-actions{justify-content:flex-start;margin-top:22px}.practice-shell-heading{flex-direction:column;align-items:flex-start}.practice-focus-list{justify-content:flex-start}.academy-level-heading{grid-template-columns:54px 1fr}.academy-level-tools{grid-column:1/-1;justify-content:flex-start}.highway-status{flex-direction:column;align-items:flex-start;gap:5px}.performance-highway{min-height:395px}.highway-stage{height:330px}.lane-pad{grid-template-columns:auto;min-width:34px;height:34px;font-size:.57rem}.lane-pad i{display:none}.highway-note{width:21px;height:15px}.player-controls{gap:8px}.player-volume-controls{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px 15px}.volume-control{grid-template-columns:82px 1fr 38px;width:100%;min-width:0}.main-play{width:64px;height:64px}.toggle-control{min-width:52px}.song-mode-panel{padding:20px 14px}.panel-heading{display:block}.panel-heading p{margin-top:12px}.audio-locator,.sync-point-controls{grid-template-columns:1fr}.audio-locator time,.sync-point-controls .mark-sync{grid-column:auto}.studio-heading .studio-actions{margin-top:22px}.studio-toolbar{grid-template-columns:1fr}.resolution-control{grid-column:auto}.midi-recorder-panel{margin:14px 10px 0;padding:14px}.midi-recorder-controls{flex-direction:column;align-items:stretch}.midi-recorder-controls select,.midi-record{width:100%}.midi-mapping-row{grid-template-columns:1fr 76px}.midi-mapping-row button{grid-column:1/-1}.mixer-grid,.academy-exercise-grid{grid-template-columns:1fr}.academy-level{padding:15px}.academy-level-heading{grid-template-columns:42px 1fr auto;gap:9px}.academy-level-heading p{line-height:1.4}.editor-area{padding:16px 10px}.dna-panel{display:block}.cycle-grid{grid-template-columns:1fr}footer{padding:28px 0;display:block}footer span{margin-bottom:9px;display:block}}@media (width<=820px){.moving-pattern-shell{grid-template-columns:88px minmax(0,1fr)}.moving-labels{min-width:88px}.focus-grid{grid-template-columns:88px minmax(0,1fr)}.focus-labels{min-width:88px}.library-admin-panel{grid-template-columns:1fr}.library-admin-panel>small{grid-column:auto}.library-admin-bar{flex-direction:column;align-items:flex-start}.library-admin-bar button{width:100%}}@media (width<=820px) and (orientation:landscape){.practice-cinema .player-console,.practice-cinema .practice-view{zoom:.82}.practice-cinema .player-console{min-height:100dvh;overflow:auto}.practice-cinema .console-topbar{min-height:64px;padding:10px 18px}.practice-cinema .visual-mode-toolbar{min-height:44px;padding:6px 12px}.practice-cinema .moving-pattern-shell{min-height:calc(100dvh - 180px);padding:12px 18px}.practice-cinema .moving-labels{grid-template-rows:22px repeat(7,34px);gap:2px}.practice-cinema .moving-viewport{min-height:280px}.practice-cinema .player-controls{min-height:68px;padding:8px 18px 14px}.practice-cinema .cinema-mode-button{top:6px;right:9px}.practice-cinema .player-event-preview,.practice-cinema .player-lookahead-toolbar{display:none}.practice-cinema .practice-view{min-height:100dvh;padding-top:8px}.practice-cinema .practice-shell-heading{padding-top:34px}.practice-cinema .practice-cinema-button{top:6px;right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}