@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#08090d;--ink-2:#11131a;--paper:#f3f0e7;--white:#fffdf7;--line:#08090d2e;--ghost:#ffffff14;--muted:#08090d94;--lime:#d8ff57;--cyan:#51d9ff;--coral:#ff6b52;--violet:#a98cff;--yellow:#ffd94f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Mono,monospace}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.24;cursor:not-allowed!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.opus-app{min-height:100vh;overflow:clip}.app-header{background:var(--ink);color:#fff;z-index:30;border-bottom:1px solid #ffffff2b;grid-template-columns:270px minmax(190px,1fr) auto auto;align-items:stretch;height:72px;display:grid;position:relative}.app-brand{grid-template-rows:1fr 1fr;grid-template-columns:42px auto;align-items:center;column-gap:11px;padding:11px 18px;display:grid}.app-brand>span{width:42px;height:42px;color:var(--lime);border:1px solid #ffffff6b;border-radius:50%;grid-row:1/3;place-items:center;font-family:Archivo Black,sans-serif;font-size:21px;display:grid}.app-brand>b{letter-spacing:-.05em;align-self:end;font-family:Archivo Black,sans-serif;font-size:17px}.app-brand>small{color:#ffffff6e;letter-spacing:.14em;align-self:start;font-size:6px}.project-title{border-left:1px solid #ffffff26;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:0 22px;display:grid}.project-title span{color:#fff6;letter-spacing:.14em;font-size:7px;font-weight:700}.project-title input{color:#fff;background:0 0;border:0;width:100%;font-family:Instrument Serif,serif;font-size:18px}.header-sync{border-left:1px solid #ffffff26;flex-direction:column;justify-content:center;gap:6px;min-width:220px;padding:0 20px;display:flex}.header-sync span{color:#ffffff6b;letter-spacing:.12em;font-size:6px}.header-sync span:first-child{color:var(--lime)}.header-sync i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.header-actions{border-left:1px solid #ffffff26;display:flex}.header-actions button{color:#fff;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;border-left:1px solid #ffffff26;padding:0 20px;font-size:8px;font-weight:800}.header-actions button:hover{background:var(--lime);color:var(--ink)}.header-actions .account-button{background:var(--violet);color:var(--ink);min-width:100px}.studio-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr);min-height:760px;display:grid}.hero-copy{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;padding:clamp(70px,8vw,125px) clamp(26px,6vw,90px);display:flex;position:relative}.hero-copy>p:first-child{letter-spacing:.14em;margin-bottom:27px;font-size:8px;font-weight:800}.hero-copy>p:first-child i{background:var(--coral);width:7px;height:7px;box-shadow:0 0 13px var(--coral);border-radius:50%;margin-right:8px;display:inline-block}.hero-copy h1{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(62px,7.6vw,125px);line-height:.84}.hero-copy h1 em{color:var(--violet);text-transform:none;letter-spacing:-.045em;font-family:Instrument Serif,serif;font-weight:400}.hero-lede{max-width:620px;margin:40px 0 0;font-family:Instrument Serif,serif;font-size:clamp(18px,1.5vw,24px);line-height:1.38}.hero-buttons{gap:10px;margin-top:38px;display:flex}.hero-buttons button,.primary-action{border:1px solid var(--ink);cursor:pointer;letter-spacing:.08em;background:0 0;min-height:54px;padding:0 20px;font-size:8px;font-weight:900}.hero-buttons button:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}.hero-buttons .primary-action,.primary-action{background:var(--ink);color:#fff}.hero-proof{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:45px;padding-top:17px;display:grid}.hero-proof span{color:var(--muted);letter-spacing:.08em;align-items:center;gap:8px;font-size:7px;display:flex}.hero-proof b{color:var(--ink);font-family:Archivo Black,sans-serif;font-size:18px}.hero-viz{background:var(--ink);color:#fff;min-height:760px;position:relative;overflow:hidden}.hero-grid{opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-grid:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:6%;box-shadow:inset 0 0 130px #a98cff26}.hero-pulse{opacity:.6;align-items:center;height:170px;display:flex;position:absolute;top:52%;left:5%;right:5%}.hero-pulse i{height:calc(var(--energy) * 1.25);background:linear-gradient(var(--cyan), var(--violet));transform-origin:50%;max-height:150px;animation:pulse-wave 1.4s ease-in-out calc(var(--i) * -.05s) infinite alternate;flex:1}@keyframes pulse-wave{to{opacity:.35;transform:scaleY(.25)}}.hero-orbit{aspect-ratio:1;border:1px solid #ffffff38;border-radius:50%;width:min(610px,72%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #51d9ff14}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.hero-orbit:before{inset:15%}.hero-orbit:after{inset:31%}.hero-orbit button{--angle:calc(var(--i) * 30deg);z-index:2;width:44px;height:44px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(305px, 36vw) * -1)) rotate(calc(var(--angle) * -1));background:var(--ink-2);color:#ffffff8c;cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;font-size:9px;transition:all .15s;position:absolute;top:50%;left:50%}.hero-orbit button.scale{color:var(--ink);background:var(--lime);border-color:var(--lime);box-shadow:0 0 20px #d8ff5759}.hero-orbit button.active{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(305px, 36vw) * -1)) rotate(calc(var(--angle) * -1)) scale(1.28);background:#fff;box-shadow:0 0 35px #fff}.hero-core{z-index:4;background:#08090de6;border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:215px;height:215px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 75px #a98cff4d}.hero-core small{color:var(--lime);letter-spacing:.16em;font-size:7px}.hero-core strong{letter-spacing:-.08em;font-family:Archivo Black,sans-serif;font-size:68px;line-height:.9}.hero-core span{color:#ffffff8c;text-transform:uppercase;margin-top:6px;font-size:8px}.hero-core button{background:var(--coral);cursor:pointer;border:0;border-radius:50%;width:48px;height:48px;position:absolute;bottom:12px;right:0}.hero-readout{color:#ffffff6b;letter-spacing:.1em;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:20px;left:23px;right:23px}.workstation{background:var(--paper);border-bottom:1px solid var(--ink);grid-template-columns:310px minmax(0,1fr);display:grid}.tool-library{border-right:1px solid var(--ink);background:#e8e4da;padding:45px 18px 120px}.library-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.library-heading>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:42px;height:42px;font-size:9px;display:grid}.library-heading small{letter-spacing:.13em;margin-bottom:4px;font-size:6px;display:block}.library-heading h2{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:23px}.tool-library>p{color:var(--muted);margin-bottom:25px;font-family:Instrument Serif,serif;font-size:15px;line-height:1.4}.catalog-list{border-top:1px solid var(--ink)}.catalog-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:27px 1fr 28px;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px 5px;display:grid}.catalog-list>button:hover{background:#fff;padding-left:9px}.catalog-list>button.active{background:var(--ink);color:#fff}.catalog-list>button>span{color:var(--muted);font-size:7px}.catalog-list>button.active>span{color:var(--lime)}.catalog-list div{flex-direction:column;gap:4px;display:flex}.catalog-list b{text-transform:uppercase;font-size:10px}.catalog-list small{color:var(--muted);letter-spacing:.1em;font-size:6px}.catalog-list .active small{color:#ffffff73}.catalog-list i{border:1px solid;border-radius:50%;place-items:center;width:25px;height:25px;font-size:17px;font-style:normal;display:grid}.research-note{background:var(--violet);margin-top:36px;padding:19px}.research-note small{letter-spacing:.12em;font-size:6px;font-weight:800}.research-note p{margin:13px 0;font-family:Instrument Serif,serif;font-size:14px;line-height:1.35}.research-note a{font-size:7px;font-weight:900}.rack-area{min-width:0}.rack-toolbar{z-index:20;background:var(--ink);color:#fff;border-bottom:1px solid #ffffff2b;grid-template-columns:minmax(220px,1fr) 90px 130px 90px 96px;align-items:stretch;min-height:82px;display:grid;position:sticky;top:0}.rack-toolbar>div{flex-direction:column;gap:6px;padding:20px 24px;display:flex}.rack-toolbar>div span,.rack-toolbar label span{color:#fff6;letter-spacing:.12em;font-size:6px}.rack-toolbar>div strong{color:var(--lime);font-size:9px}.rack-toolbar label{border-left:1px solid #ffffff26;flex-direction:column;justify-content:center;gap:7px;padding:17px 13px;display:flex}.rack-toolbar select,.rack-toolbar input{color:#fff;background:0 0;border:0;width:100%;font-size:12px;font-weight:800}.rack-toolbar select option{color:var(--ink)}.rack-toolbar>button{background:var(--lime);color:var(--ink);cursor:pointer;border:0;font-size:9px;font-weight:900}.rack-stack{gap:26px;padding:26px;display:grid}.empty-rack{text-align:center;border:1px dashed var(--ink);background:#ffffff59;align-content:center;place-items:center;min-height:500px;display:grid}.empty-rack>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:70px;height:70px;font-size:40px;display:grid}.empty-rack h2{text-transform:uppercase;margin:24px 0 5px;font-family:Archivo Black,sans-serif}.empty-rack p{font-family:Instrument Serif,serif}.empty-rack button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:16px 20px;font-size:8px}.tool-card{--accent:var(--lime);border:1px solid var(--ink);background:#fff;scroll-margin-top:90px;box-shadow:7px 7px #08090d21}.tool-card.accent-cyan{--accent:var(--cyan)}.tool-card.accent-coral{--accent:var(--coral)}.tool-card.accent-violet{--accent:var(--violet)}.tool-card.accent-paper{--accent:var(--paper)}.tool-card>header{border-bottom:1px solid var(--ink);background:var(--accent);grid-template-columns:54px minmax(190px,.7fr) minmax(220px,1fr) auto;align-items:center;min-height:96px;display:grid}.module-number{border-right:1px solid var(--ink);place-items:center;height:100%;font-size:8px;display:grid}.tool-card>header>div:nth-child(2){padding:14px 20px}.tool-card>header small{letter-spacing:.14em;margin-bottom:5px;font-size:6px;font-weight:900;display:block}.tool-card>header h2{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(18px,2vw,29px)}.tool-card>header>p{max-width:440px;margin:0;padding:15px 20px;font-family:Instrument Serif,serif;font-size:14px;line-height:1.35}.module-actions{border-left:1px solid var(--ink);align-self:stretch;display:flex}.module-actions button{border:0;border-left:1px solid var(--ink);cursor:pointer;background:0 0;width:44px;font-size:17px}.module-actions button:hover:not(:disabled){background:var(--ink);color:#fff}.tool-stage{background:var(--ink);color:#fff;min-height:470px;position:relative;overflow:hidden}.orbit-tool{background:radial-gradient(circle, #212332 0%, var(--ink) 62%);place-items:center;min-height:640px;display:grid;position:relative;overflow:hidden}.orbit-rings{aspect-ratio:1;border:1px solid #ffffff38;border-radius:50%;width:min(540px,67%);position:absolute}.orbit-rings i{border:1px solid #ffffff1c;border-radius:50%;position:absolute}.orbit-rings i:first-child{inset:13%}.orbit-rings i:nth-child(2){inset:28%}.orbit-rings i:nth-child(3){background:#a98cff14;inset:43%}.orbit-home{z-index:3;background:var(--ink);color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:0 0 55px #a98cff59}.orbit-home small{color:var(--lime);text-transform:uppercase;font-size:7px}.orbit-home strong{font-family:Archivo Black,sans-serif;font-size:56px;line-height:1}.orbit-home span{color:#ffffff6b;font-size:6px}.orbit-note{--angle:calc(var(--i) * 30deg);z-index:3;width:58px;height:58px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-270px) rotate(calc(var(--angle) * -1));background:var(--ink-2);color:#fff;cursor:pointer;border:1px solid #ffffff47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.orbit-note b{font-size:14px}.orbit-note small{color:#ffffff5c;font-size:5px}.orbit-note:hover,.orbit-note.active{background:var(--lime);color:var(--ink);box-shadow:0 0 30px var(--lime);transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-270px) rotate(calc(var(--angle) * -1)) scale(1.15)}.orbit-note:hover small,.orbit-note.active small{color:var(--ink)}.tonnetz-grid{background:linear-gradient(30deg, #d8ff570d 12%, transparent 12.5%, transparent 87%, #d8ff570d 87.5%), linear-gradient(150deg, #51d9ff0d 12%, transparent 12.5%, transparent 87%, #51d9ff0d 87.5%), var(--ink);background-size:70px 120px;grid-template-columns:repeat(7,minmax(70px,1fr));align-content:center;gap:0;min-height:520px;padding:50px;display:grid}.tonnetz-grid button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff30;min-height:74px;margin:-1px;transform:skew(-10deg)}.tonnetz-grid button:nth-child(14n+8),.tonnetz-grid button:nth-child(14n+9),.tonnetz-grid button:nth-child(14n+10),.tonnetz-grid button:nth-child(14n+11),.tonnetz-grid button:nth-child(14n+12),.tonnetz-grid button:nth-child(14n+13),.tonnetz-grid button:nth-child(14n+14){transform:translate(35px)skew(-10deg)}.tonnetz-grid button span,.tonnetz-grid button small{display:block;transform:skew(10deg)}.tonnetz-grid button span{font-family:Archivo Black,sans-serif;font-size:18px}.tonnetz-grid button small{color:#ffffff59;font-size:5px}.tonnetz-grid button.scale{border-color:#d8ff5780}.tonnetz-grid button:hover,.tonnetz-grid button.active{background:var(--lime);color:var(--ink);box-shadow:0 0 24px #d8ff578c}.tonnetz-grid button:hover small{color:var(--ink)}.pitch-helix{background:linear-gradient(90deg, #ffffff0a 1px, transparent 1px), var(--ink);background-size:70px 70px;min-height:660px;position:relative;overflow:hidden}.helix-axis{background:linear-gradient(transparent, var(--violet), transparent);width:1px;position:absolute;top:7%;bottom:7%;left:50%}.helix-axis span{color:var(--violet);letter-spacing:.13em;font-size:6px;position:absolute;top:0;left:12px}.pitch-helix button{--angle:calc(var(--i) * 50deg);--rise:calc(570px - (var(--i) * 22px));z-index:calc(30 - var(--i));left:50%;top:var(--rise);width:52px;height:52px;transform:translateX(calc(sin(var(--angle)) * min(300px, 29vw))) scale(calc(.62 + (var(--i) * .018)));background:var(--ink-2);color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;position:absolute;box-shadow:0 0 18px #a98cff26}.pitch-helix button:after{content:"";z-index:-1;width:min(600px,58vw);height:1px;transform:translate(-50%, -50%) rotate(var(--angle));background:#ffffff0d;position:absolute;top:50%;left:50%}.pitch-helix button b{display:block}.pitch-helix button small{color:#ffffff59;font-size:6px}.pitch-helix button.scale{border-color:var(--cyan);color:var(--cyan)}.pitch-helix button:hover,.pitch-helix button.active{background:var(--cyan);color:var(--ink);box-shadow:0 0 28px var(--cyan)}.piano-tool{background:var(--ink);min-height:540px;padding:28px}.piano-ruler{grid-template-columns:48px repeat(16,1fr);margin-bottom:7px;padding-left:0;display:grid}.piano-ruler:before{content:"STEP";color:#ffffff59;font-size:6px}.piano-ruler span{text-align:center;color:#ffffff4d;font-size:6px}.piano-ruler span.active{color:var(--lime)}.piano-roll{gap:3px;display:grid}.roll-row{grid-template-columns:48px repeat(16,minmax(17px,1fr));gap:3px;display:grid}.roll-row b{color:#ffffff80;align-items:center;font-size:7px;display:flex}.roll-row button{cursor:pointer;background:#ffffff0f;border:0;height:30px}.roll-row button.beat{border-left:1px solid #ffffff59}.roll-row button.enabled{background:var(--violet);box-shadow:inset 0 0 0 1px #ffffff59,0 0 10px #a98cff40}.roll-row button.current:not(.enabled){background:#d8ff5724}.roll-row button.current.enabled{background:var(--lime)}.groove-tool{background:radial-gradient(circle, #1a1c24, var(--ink) 64%);min-height:660px;padding:35px}.track-tabs{grid-template-columns:repeat(4,1fr);max-width:650px;margin:0 auto 10px;display:grid}.track-tabs button{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff2b;min-height:45px;font-size:7px;font-weight:900}.track-tabs button i{background:var(--track);border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.track-tabs button.active{color:var(--ink);background:var(--track);border-color:var(--track)}.groove-ring{aspect-ratio:1;border:1px solid #ffffff29;border-radius:50%;width:min(500px,72vw);margin:20px auto;position:relative}.groove-ring:before,.groove-ring:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.groove-ring:before{inset:17%}.groove-ring:after{inset:34%}.groove-center{z-index:3;background:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:34%;box-shadow:0 0 50px #00000080}.groove-center strong{font-family:Archivo Black,sans-serif;font-size:46px;line-height:1}.groove-center small{color:#fff6;font-size:6px}.groove-center button{color:var(--lime);cursor:pointer;background:0 0;border:0;margin-top:8px;font-size:7px}.groove-ring>button{--angle:calc(var(--i) * 22.5deg);z-index:4;width:38px;height:38px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(250px, 36vw) * -1)) rotate(calc(var(--angle) * -1));background:var(--ink);color:#ffffff59;cursor:pointer;border:1px solid #ffffff40;border-radius:50%;position:absolute;top:50%;left:50%}.groove-ring>button span{font-size:6px}.groove-ring>button.enabled{background:var(--track);color:var(--ink);border-color:var(--track);box-shadow:0 0 18px var(--track)}.groove-ring>button.current{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(250px, 36vw) * -1)) rotate(calc(var(--angle) * -1)) scale(1.32);border-color:#fff}.mini-action{color:var(--lime);cursor:pointer;letter-spacing:.09em;background:0 0;border:0;margin:0 auto;font-size:7px;display:block}.score-tool{background:var(--paper);min-height:470px;color:var(--ink);position:relative;overflow:hidden}.staff-lines{flex-direction:column;justify-content:space-between;height:190px;display:flex;position:absolute;top:31%;left:11%;right:5%}.staff-lines i{background:var(--ink);height:1px}.clef{font-family:serif;font-size:135px;position:absolute;top:28%;left:3%}.score-notes{height:210px;position:absolute;top:29%;left:13%;right:5%}.score-notes button{left:calc(var(--x) * 6.1%);top:calc(var(--y) * 14px);background:var(--ink);cursor:pointer;border:0;border-radius:50%;width:18px;height:13px;position:absolute;transform:rotate(-18deg)}.score-notes button i{background:var(--ink);width:1px;height:37px;position:absolute;bottom:4px;left:15px}.score-playhead{left:calc(13% + var(--step) * 5.3%);background:var(--coral);width:2px;box-shadow:0 0 12px var(--coral);transition:left .1s linear;position:absolute;top:20%;bottom:15%}.spectrum-tool{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), var(--ink);background-size:34px 34px;grid-template-rows:auto 1fr auto;min-height:480px;padding:42px 30px 25px;display:grid}.frequency-labels,.spectrum-floor{color:#ffffff59;letter-spacing:.1em;justify-content:space-between;font-size:6px;display:flex}.spectrum-bars{border-bottom:1px solid #ffffff59;align-items:end;gap:4px;min-height:330px;display:flex}.spectrum-bars i{height:var(--energy);background:linear-gradient(var(--coral), var(--violet) 45%, var(--cyan));flex:1;min-width:2px;transition:height 70ms ease-out;box-shadow:0 0 10px #51d9ff29}.spectrum-bars i:nth-child(3n){opacity:.58}.wave-tool{background:var(--ink);color:#fff;cursor:pointer;border:0;align-items:center;gap:2px;width:100%;min-height:480px;padding:45px 24px;display:flex;position:relative;overflow:hidden}.wave-tool:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.wave-tool i{height:min(82%, var(--energy));background:var(--violet);transform-origin:50%;clip-path:polygon(0 48%,100% 0,100% 100%,0 52%);opacity:.8;flex:1;min-height:3px}.wave-tool i:nth-child(4n){background:var(--cyan)}.zero-line{z-index:2;background:#ffffff59;height:1px;position:absolute;top:50%;left:0;right:0}.wave-tool b{z-index:3;background:var(--lime);color:var(--ink);padding:9px;font-size:7px;position:absolute;bottom:20px;right:22px}.chord-tool{background:radial-gradient(circle at 40% 48%, #242632, var(--ink) 64%);grid-template-columns:1fr 210px;gap:25px;min-height:560px;padding:25px;display:grid}.chord-network{min-height:500px;position:relative}.chord-network:before,.chord-network:after{content:"";background:#ffffff21;height:1px;position:absolute;top:50%;left:12%;right:12%;transform:rotate(28deg)}.chord-network:after{transform:rotate(-28deg)}.chord-network button{--angle:calc(var(--i) * 60deg);width:115px;height:115px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-190px) rotate(calc(var(--angle) * -1));background:var(--ink-2);color:#fff;cursor:pointer;border:1px solid #ffffff47;border-radius:50%;position:absolute;top:50%;left:50%}.chord-network button:hover{background:var(--lime);color:var(--ink);box-shadow:0 0 35px #d8ff5773}.chord-network strong,.chord-network span{display:block}.chord-network strong{font-family:Archivo Black,sans-serif;font-size:28px}.chord-network span{margin-top:4px;font-size:6px}.chord-path{border-left:1px solid #ffffff2e;flex-direction:column;gap:11px;padding:22px;display:flex}.chord-path>small{color:var(--lime);margin-bottom:12px;font-size:6px}.chord-path>span{font-family:Archivo Black,sans-serif;font-size:28px}.chord-path i{color:#ffffff4d;margin-left:9px;font-style:normal}.chord-path button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;min-height:42px;margin-top:auto;font-size:7px}.form-tool{background:var(--paper);min-height:470px;color:var(--ink);padding:44px 30px}.form-map{border:1px solid var(--ink);align-items:stretch;min-height:310px;display:flex}.form-map button{border:0;border-right:1px solid var(--ink);cursor:pointer;min-width:70px;color:var(--ink);flex-direction:column;flex:1;justify-content:space-between;padding:15px 10px;display:flex}.form-map button:last-child{border-right:0}.form-map button:hover{flex-grow:1.2}.form-map small{align-self:flex-start;font-size:7px}.form-map strong{writing-mode:vertical-rl;text-transform:uppercase;align-self:center;font-family:Archivo Black,sans-serif;font-size:15px;transform:rotate(180deg)}.form-map span{letter-spacing:.1em;font-size:9px}.form-intro,.form-outro{background:var(--yellow)}.form-verse{background:var(--cyan)}.form-chorus{background:var(--lime)}.form-break{background:var(--coral)}.form-solo{background:var(--violet)}.form-actions{justify-content:space-between;align-items:center;margin-top:17px;font-size:7px;display:flex}.form-actions button{cursor:pointer;background:0 0;border:0;font-weight:900}.mixer-tool{background:var(--ink);grid-template-columns:repeat(5,minmax(100px,1fr));gap:20px;min-height:530px;padding:34px;display:grid}.instrument-field{border:1px solid #fff3;flex-direction:column;grid-column:1/3;gap:10px;padding:17px;display:flex}.instrument-field span{color:var(--lime);font-size:6px}.instrument-field select{color:#fff;background:0 0;border:0;font-family:Instrument Serif,serif;font-size:26px}.instrument-field option{color:var(--ink)}.mixer-control{border:1px solid #fff3;flex-direction:column;justify-content:space-between;min-height:220px;padding:17px;display:flex}.mixer-control>span{flex-direction:column;gap:7px;display:flex}.mixer-control b{text-transform:uppercase;font-size:9px}.mixer-control small{color:#ffffff61;font-size:6px}.mixer-control strong{color:var(--lime);margin-top:16px;font-family:Archivo Black,sans-serif;font-size:34px}.mixer-control input{width:100%;accent-color:var(--lime)}.play-surface{background:var(--violet);min-height:150px;color:var(--ink);cursor:pointer;text-align:left;border:0;grid-column:1/-1;justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.play-surface span{letter-spacing:-.08em;font-family:Archivo Black,sans-serif;font-size:clamp(55px,8vw,120px)}.play-surface strong{max-width:150px;font-size:8px}.play-surface i{border:1px solid #08090d73;border-radius:50%;width:120px;height:120px;position:absolute;right:20%;box-shadow:0 0 0 22px #08090d14,0 0 0 45px #08090d0d}.ear-tool{background:var(--violet);min-height:490px;color:var(--ink);grid-template-columns:250px 1fr;align-items:center;gap:55px;padding:45px;display:grid}.ear-orb{border:1px solid var(--ink);border-radius:50%;place-items:center;width:230px;height:230px;display:grid;box-shadow:0 0 0 35px #08090d12,0 0 0 70px #08090d0a}.ear-orb span{font-family:Archivo Black,sans-serif;font-size:62px}.ear-tool small{font-size:7px;font-weight:900}.ear-tool h3{letter-spacing:-.055em;text-transform:uppercase;max-width:660px;margin:16px 0;font-family:Archivo Black,sans-serif;font-size:clamp(30px,4vw,58px);line-height:.95}.ear-tool p{max-width:560px;font-family:Instrument Serif,serif;font-size:17px}.ear-answers{border:1px solid var(--ink);grid-template-columns:repeat(6,1fr);margin-top:16px;display:grid}.ear-answers button{border:0;border-right:1px solid var(--ink);cursor:pointer;background:0 0;min-height:70px}.ear-answers button:last-child{border-right:0}.ear-answers button:hover{background:var(--lime)}.ear-answers b,.ear-answers span{display:block}.ear-answers b{font-size:13px}.ear-answers span{margin-top:5px;font-size:5px}.io-tool{background:var(--ink);grid-template-columns:repeat(2,1fr);min-height:600px;display:grid}.io-tool article{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;min-height:300px;padding:32px;position:relative}.io-tool article:nth-child(2n){border-right:0}.io-icon{width:46px;height:46px;color:var(--cyan);border:1px solid #ffffff4d;border-radius:50%;place-items:center;font-family:Archivo Black,sans-serif;display:grid;position:absolute;top:22px;right:25px}.io-tool small{color:var(--cyan);letter-spacing:.12em;font-size:6px}.io-tool h3{letter-spacing:-.055em;text-transform:uppercase;margin:22px 0 10px;font-family:Archivo Black,sans-serif;font-size:clamp(26px,3vw,40px)}.io-tool p{color:#ffffff80;max-width:470px;font-family:Instrument Serif,serif;font-size:15px;line-height:1.4}.io-tool article>button,.io-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;min-height:43px;padding:0 15px;font-size:7px;font-weight:900}.io-tool article>button:hover,.io-buttons button:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.io-tool article>b{color:var(--lime);letter-spacing:.1em;margin-top:16px;font-size:6px;display:block}.io-buttons{gap:8px;display:flex}.world-preview{background:var(--violet);color:#fff;grid-template-columns:minmax(420px,.84fr) minmax(560px,1.16fr);min-height:780px;display:grid}.world-preview>div:first-child{border-right:1px solid #ffffff40;flex-direction:column;justify-content:center;padding:clamp(80px,9vw,130px) clamp(30px,7vw,100px);display:flex}.world-preview small{color:var(--lime);letter-spacing:.15em;font-size:7px}.world-preview h2{letter-spacing:-.075em;text-transform:uppercase;margin:25px 0;font-family:Archivo Black,sans-serif;font-size:clamp(55px,7vw,105px);line-height:.87}.world-preview h2 em{color:var(--lime);text-transform:none;font-family:Instrument Serif,serif;font-weight:400}.world-preview p{max-width:650px;font-family:Instrument Serif,serif;font-size:19px;line-height:1.48}.world-features{border-top:1px solid #ffffff40;grid-template-columns:1fr 1fr;margin-top:27px;display:grid}.world-features span{border-bottom:1px solid #ffffff40;padding:14px 6px 14px 0;font-size:7px}.world-map{background:radial-gradient(circle, #262834, var(--ink) 63%);min-height:650px;position:relative;overflow:hidden}.world-rings{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.world-rings i{border:1px solid #ffffff1c;border-radius:50%;position:absolute}.world-rings i:first-child{inset:18%}.world-rings i:nth-child(2){height:22%;top:39%;left:0;right:0}.world-rings i:nth-child(3){width:22%;top:0;bottom:0;left:39%}.world-map>span{z-index:4;left:var(--x);top:var(--y);grid-template-columns:auto auto;gap:2px 7px;display:grid;position:absolute;transform:translate(-50%,-50%)}.world-map>span i{border:2px solid var(--cyan);width:12px;height:12px;box-shadow:0 0 0 7px #51d9ff1a, 0 0 18px var(--cyan);animation:world-ping 2.2s ease-out var(--delay) infinite;border-radius:50%;grid-row:1/3}.world-map>span b{font-size:8px}.world-map>span small{color:#ffffff61;font-size:6px}.world-map>span.origin i{border-color:var(--lime);width:19px;height:19px;box-shadow:0 0 0 9px #d8ff571a, 0 0 24px var(--lime)}.world-map>span.origin b{color:var(--lime)}@keyframes world-ping{75%,to{box-shadow:0 0 0 20px #0000,0 0 18px}}.world-heart{z-index:5;background:var(--ink);border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 65px #a98cff66}.world-heart strong{font-family:Archivo Black,sans-serif;font-size:65px;line-height:.9}.world-heart b{color:#fff6;margin-top:8px;font-size:5px}footer{background:var(--ink);color:#fff;grid-template-columns:250px 1fr auto;align-items:center;min-height:155px;padding:25px 50px 90px;display:grid}.opus-app footer .app-brand{padding:0}.opus-app footer>p{text-align:center;color:#ffffff6e;letter-spacing:.1em;margin:0;font-size:7px}.opus-app footer>p i{color:var(--lime);margin:0 8px}.opus-app footer>div{gap:18px;display:flex}.opus-app footer button,.opus-app footer>div a{color:#fff;cursor:pointer;background:0 0;border:0;font-size:7px;font-weight:800}.global-transport{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090df0;border:1px solid #ffffff3b;grid-template-columns:44px 100px 1fr auto auto;align-items:center;gap:10px;width:min(780px,100vw - 24px);height:64px;padding:9px 12px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000057}.global-transport>button:first-child{background:var(--lime);cursor:pointer;border:0;border-radius:50%;width:42px;height:42px}.global-transport>button:first-child.playing{background:var(--coral)}.global-transport>div:nth-child(2){flex-direction:column;display:flex}.global-transport small{color:#fff6;font-size:5px}.global-transport strong{font-size:10px}.transport-steps{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.transport-steps i{background:#ffffff1a;height:17px}.transport-steps i:nth-child(4n+1){background:#ffffff47}.transport-steps i.active{background:var(--lime);box-shadow:0 0 10px #d8ff5799}.global-transport>button:not(:first-child){color:#ffffff75;cursor:pointer;background:0 0;border:1px solid #ffffff3b;height:38px;padding:0 10px;font-size:6px}.global-transport>button.on{color:var(--lime);border-color:var(--lime)}.account-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-panel{border:1px solid var(--ink);background:var(--paper);width:min(620px,100%);max-height:calc(100vh - 30px);color:var(--ink);box-shadow:12px 12px 0 var(--violet);padding:clamp(30px,5vw,56px);position:relative;overflow-y:auto}.account-close{cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:12px;right:18px}.account-panel>small{letter-spacing:.13em;font-size:7px;font-weight:900}.account-panel h2{letter-spacing:-.07em;text-transform:uppercase;margin:18px 0;font-family:Archivo Black,sans-serif;font-size:clamp(42px,7vw,68px);line-height:.9}.account-panel>p{font-family:Instrument Serif,serif;font-size:16px;line-height:1.45}.provider-buttons{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px;display:grid}.provider-buttons button{border:1px solid var(--ink);cursor:pointer;background:#fff;min-height:55px;font-size:7px;font-weight:900}.provider-buttons b{border:1px solid var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;margin-right:7px;font-size:15px;display:inline-grid}.provider-buttons button:nth-child(2) b{color:#fff;background:#1877f2;border-color:#1877f2}.account-divider{color:var(--muted);align-items:center;gap:10px;margin:22px 0;font-size:6px;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--line);flex:1;height:1px}.account-tabs{border:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.account-tabs button{cursor:pointer;background:0 0;border:0;min-height:40px;font-size:7px}.account-tabs button.active{background:var(--ink);color:#fff}.account-panel form{gap:11px;margin-top:14px;display:grid}.account-panel form label{flex-direction:column;gap:7px;display:flex}.account-panel form label span{font-size:6px;font-weight:900}.account-panel input{border:1px solid var(--ink);background:#fff;height:48px;padding:0 12px}.offline-profile{cursor:pointer;background:0 0;border:0;width:100%;min-height:43px;margin-top:10px;font-size:7px;font-weight:900}.auth-message{background:var(--yellow);padding:12px;margin-top:14px!important;font-family:DM Mono,monospace!important;font-size:8px!important}.account-status{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:16px;font-size:6px;display:flex}.account-status i{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.account-status i.ready{background:var(--lime)}.signed-in>div{align-items:center;gap:12px;display:flex}.signed-in img,.signed-in>div>span{background:var(--violet);object-fit:cover;border-radius:50%;place-items:center;width:48px;height:48px;font-family:Archivo Black,sans-serif;font-size:20px;display:grid}.signed-in p{margin:0}.signed-in p b,.signed-in p small{display:block}.signed-in p small{color:var(--muted);margin-top:4px}.signed-in>p{margin:25px 0;font-family:Instrument Serif,serif;font-size:17px;line-height:1.4}.signed-in>button{background:var(--ink);color:#fff;cursor:pointer;border:0;min-height:45px;padding:0 18px}@media (width<=1200px){.app-header{grid-template-columns:230px 1fr auto}.header-sync{display:none}.studio-hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:690px}.hero-viz{min-height:720px}.workstation{grid-template-columns:250px minmax(0,1fr)}.rack-toolbar{grid-template-columns:1fr 85px 115px 80px 85px}.tool-card>header{grid-template-columns:48px minmax(190px,.85fr) 1fr auto}.pitch-helix button{transform:translateX(calc(sin(var(--angle)) * min(250px, 25vw))) scale(calc(.62 + (var(--i) * .018)))}.world-preview{grid-template-columns:1fr}.world-preview>div:first-child{border-bottom:1px solid #ffffff40;border-right:0}.mixer-tool{grid-template-columns:repeat(3,1fr)}.instrument-field{grid-column:1/-1}}@media (width<=860px){.app-header{grid-template-columns:185px 1fr auto;height:64px}.app-brand{grid-template-columns:34px auto;padding:8px 11px}.app-brand>span{width:34px;height:34px;font-size:17px}.app-brand>b{font-size:14px}.project-title{padding:0 11px}.header-actions button:first-child{display:none}.header-actions .account-button{min-width:80px;padding:0 10px}.studio-hero,.hero-viz{min-height:610px}.hero-copy{min-height:610px;padding:65px 22px}.hero-copy h1{font-size:clamp(55px,14vw,95px)}.hero-buttons{grid-template-columns:1fr 1fr;display:grid}.hero-orbit{width:min(470px,75%)}.hero-orbit button{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(235px, 37vw) * -1)) rotate(calc(var(--angle) * -1))}.hero-orbit button.active{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(235px, 37vw) * -1)) rotate(calc(var(--angle) * -1)) scale(1.2)}.workstation{grid-template-columns:1fr}.tool-library{border-right:0;border-bottom:1px solid var(--ink);padding-bottom:40px}.catalog-list{grid-template-columns:1fr 1fr;display:grid}.catalog-list>button:nth-child(odd){border-right:1px solid var(--line)}.research-note{max-width:600px}.rack-toolbar{grid-template-columns:repeat(4,1fr);position:relative;top:auto}.rack-toolbar>div{grid-column:1/-1}.rack-toolbar>button{min-height:55px}.rack-stack{gap:15px;padding:15px}.tool-card>header{grid-template-columns:44px 1fr auto}.tool-card>header>p{grid-column:2/-1;padding-top:0}.module-actions{grid-area:1/3}.module-actions button{width:38px}.tonnetz-grid{grid-template-columns:repeat(7,minmax(48px,1fr));padding:30px 15px}.orbit-note{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-220px) rotate(calc(var(--angle)*-1))}.orbit-note:hover,.orbit-note.active{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-220px) rotate(calc(var(--angle)*-1)) scale(1.12)}.chord-tool{grid-template-columns:1fr}.chord-path{border-top:1px solid #ffffff2e;border-left:0;flex-flow:wrap}.chord-path>small{width:100%}.chord-path button{margin-left:auto}.mixer-tool{grid-template-columns:repeat(2,1fr)}.ear-tool{grid-template-columns:1fr}.ear-orb{width:150px;height:150px}.ear-answers{grid-template-columns:repeat(3,1fr)}.io-tool{grid-template-columns:1fr}.io-tool article{border-right:0}.world-map{min-height:580px}footer{text-align:center;grid-template-columns:1fr;gap:22px}.opus-app footer .app-brand{justify-self:center}.opus-app footer>div{justify-content:center}.global-transport{grid-template-columns:42px 78px 1fr auto}.global-transport>button:last-child{display:none}}@media (width<=600px){.app-header{grid-template-columns:165px 1fr}.project-title{display:none}.header-actions{justify-self:end}.hero-copy{min-height:560px}.hero-copy h1{font-size:clamp(49px,15vw,75px)}.hero-lede{margin-top:30px;font-size:17px}.hero-buttons button{padding:0 9px;font-size:6px}.hero-proof{gap:5px}.hero-proof span{flex-direction:column;align-items:flex-start}.hero-viz{min-height:540px}.hero-orbit{width:82%}.hero-orbit button{width:34px;height:34px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(205px, 41vw) * -1)) rotate(calc(var(--angle) * -1));font-size:7px}.hero-orbit button.active{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(205px, 41vw) * -1)) rotate(calc(var(--angle) * -1)) scale(1.2)}.hero-core{width:150px;height:150px}.hero-core strong{font-size:48px}.hero-core button{width:40px;height:40px}.hero-readout{display:none}.catalog-list{grid-template-columns:1fr}.catalog-list>button:nth-child(odd){border-right:0}.rack-toolbar{grid-template-columns:1fr 1fr}.rack-toolbar label{min-height:60px}.rack-toolbar>button{grid-column:1/-1}.tool-card>header{min-height:118px}.tool-card>header>div:nth-child(2){padding:10px 12px}.tool-card>header>p{padding:0 12px 12px;font-size:12px}.module-actions button{width:32px}.tool-stage{min-height:400px}.orbit-tool{min-height:520px}.orbit-rings{width:78%}.orbit-note{width:43px;height:43px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px) rotate(calc(var(--angle)*-1))}.orbit-note:hover,.orbit-note.active{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px) rotate(calc(var(--angle)*-1)) scale(1.1)}.orbit-home{width:125px;height:125px}.orbit-home strong{font-size:43px}.tonnetz-grid{grid-template-columns:repeat(7,64px);justify-content:start;overflow-x:auto}.pitch-helix button{transform:translateX(calc(sin(var(--angle)) * min(170px, 31vw))) scale(calc(.62 + (var(--i) * .018)))}.piano-tool{padding:18px 9px;overflow-x:auto}.piano-ruler,.roll-row{min-width:720px}.groove-tool{padding:25px 10px}.groove-ring{width:88vw}.groove-ring>button{width:32px;height:32px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(44vw * -1)) rotate(calc(var(--angle)*-1))}.groove-ring>button.current{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(44vw * -1)) rotate(calc(var(--angle)*-1)) scale(1.22)}.score-notes{left:18%}.clef{opacity:.55;left:0}.spectrum-tool{padding:30px 10px 20px}.spectrum-bars{gap:2px}.chord-network button{width:80px;height:80px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-145px) rotate(calc(var(--angle)*-1))}.form-tool{padding:25px 10px;overflow-x:auto}.form-map{min-width:650px}.mixer-tool{grid-template-columns:1fr;padding:18px}.mixer-control{min-height:150px}.play-surface span{font-size:58px}.ear-tool{gap:25px;padding:28px 18px}.io-tool article{padding:25px 20px}.world-preview>div:first-child{padding:75px 20px}.world-preview h2{font-size:55px}.world-features{grid-template-columns:1fr}.world-map{min-height:500px}.world-heart{width:145px;height:145px}.world-heart strong{font-size:48px}.provider-buttons{grid-template-columns:1fr}.account-panel{padding:35px 22px}.global-transport{grid-template-columns:42px 75px 1fr;bottom:7px}.global-transport>button:nth-last-child(-n+2),.transport-steps i:nth-child(2n){display:none}.transport-steps{grid-template-columns:repeat(8,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}