@font-face{font-family:Rajdhani;src:local("Bahnschrift"),local("Segoe UI Variable Display");font-weight:400 800}@font-face{font-family:DM Mono;src:local("Cascadia Mono"),local("Consolas");font-weight:400 700}:root{--blue:#4e7cf6;--cyan:#60c8d6;--green:#71bf91;--yellow:#e5c457;--amber:#f2a03c;--red:#e36b60;--violet:#9c79e6;--ink:#04060a;--line:#232a35;--panel:#0b0e14}*{box-sizing:border-box}#__next,body,html{margin:0;min-height:100%;background:#010204;color:#e6e9ef}button,input,select{font:inherit}button{color:inherit}body{font-family:Rajdhani,sans-serif;overflow:auto;background:radial-gradient(circle at 50% 0,#152340,#03050a 58%,#000)}.instrument-stage{min-width:100vw;min-height:100vh;display:grid;place-items:center;overflow:hidden}.instrument-shell{position:relative;flex:none}.dream-machine{position:absolute;inset:0;width:1440px;height:900px;display:flex;flex-direction:column;overflow:hidden;transform-origin:top left;border:1px solid #303641;background:linear-gradient(125deg,#11141a,#20242d 35%,#080a0f 74%,#171a21);box-shadow:0 30px 70px #000,inset 0 1px hsla(0,0%,100%,.07)}.dream-machine:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.topbar{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:2px solid #050609;background:linear-gradient(#1d2028,#0a0c11);box-shadow:inset 0 1px hsla(0,0%,100%,.06),0 3px 8px #000;z-index:2}.brand-lockup,.transport{display:flex;align-items:center;gap:10px}.brand-mark{width:66px;height:40px;padding:2px;overflow:hidden;border:1px solid #29303a;background:#04060a;box-shadow:inset 0 0 8px #000}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-lockup>div:last-child{padding-left:11px;border-left:1px solid #343944}.brand-lockup h1{margin:0;font-size:25px;font-style:italic;line-height:1}.brand-lockup h1 span{color:#91a9e8}.brand-lockup p{margin:3px 0 0;font:500 6px DM Mono;letter-spacing:.18em;color:#596579}.notation-switch button,.transport>button,.view-switch button{height:29px;border:1px solid #28303b;background:linear-gradient(#191d25,#080a0e);font:500 7px DM Mono;letter-spacing:.1em;cursor:pointer;box-shadow:inset 0 1px hsla(0,0%,100%,.05),0 2px 3px #000}.transport>button{padding:0 11px}.transport>button:disabled{opacity:.35;cursor:default}.tempo{width:145px;height:36px;display:grid;grid-template-columns:42px 31px 1fr;grid-gap:4px;gap:4px;align-items:center;padding:3px 6px;border:1px solid #202631;background:#05070b}.tempo small{font:500 6px DM Mono;color:#556174}.tempo b{font:500 13px DM Mono;color:#91a9e8}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#252b35;accent-color:var(--blue)}.connection{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #202631;background:#07090d}.connection i{width:6px;height:6px;border-radius:50%;background:#566174}.connection i.online{background:var(--blue);box-shadow:0 0 7px var(--blue)}.connection span{font:500 6px DM Mono;color:#68758b}.context-bar{height:58px;flex:none;display:grid;grid-template-columns:270px 1fr 265px 160px;align-items:center;grid-gap:9px;gap:9px;padding:6px 12px;border-bottom:1px solid #080a0e;background:linear-gradient(90deg,#0a0d13,#111722 50%,#080a0e)}.tonality{display:flex;gap:5px}.tonality label{font:500 6px DM Mono;letter-spacing:.1em;color:#536078}.tonality select{display:block;width:115px;height:27px;margin-top:3px;padding:0 6px;border:1px solid #26303e;background:#070a10;color:#a4b5df;font:500 9px DM Mono}.mode-character{padding-left:10px;border-left:1px solid #27303d}.mode-character small,.mode-character span,.mode-character strong{display:block}.mode-character small{font:500 6px DM Mono;letter-spacing:.12em;color:#4e5d73}.mode-character strong{font-size:13px;color:#c2c9d5}.mode-character span{font-size:8px;color:#647084}.notation-switch,.view-switch{display:flex;gap:3px}.view-switch button{flex:1 1;color:#657186}.notation-switch button.active,.view-switch button.active{color:#b2c5f5;border-color:#3658aa;background:#102046;box-shadow:inset 0 0 8px #18336d}.dream-level{text-align:right}.dream-level b,.dream-level span{display:block;font:500 6px DM Mono;letter-spacing:.09em}.dream-level span{color:#58667b}.dream-level b{margin-top:4px;color:#d1aa5d}.main-grid{height:449px;flex:none;display:grid;grid-template-columns:270px minmax(0,1fr) 286px;grid-gap:7px;gap:7px;padding:7px}.hardware-panel{border:1px solid #080a0e;background:linear-gradient(135deg,#11141b,#07090d 62%);box-shadow:inset 0 1px hsla(0,0%,100%,.035),inset 0 0 18px rgba(0,0,0,.5),0 2px 6px #000}.panel-heading{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid #171c25}.panel-heading span{font-size:9px;font-weight:700;letter-spacing:.17em;color:#8792a5}.panel-heading span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 7px var(--blue)}.panel-heading small{font:500 5px DM Mono;letter-spacing:.08em;color:#4d596c}.left-panel,.right-panel{display:flex;min-height:0;flex-direction:column}.selected-card{position:relative;padding:12px 11px;border-bottom:1px solid #171c25;background:radial-gradient(circle at 20% 0,#111c31,#07090e 65%)}.family-lamp{position:absolute;right:11px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 7px currentColor}.family-lamp.motion{background:var(--green)}.family-lamp.tension{background:var(--amber)}.family-lamp.color{background:var(--yellow)}.family-lamp.dream{background:var(--violet)}.selected-card>small{font:500 6px DM Mono;letter-spacing:.12em;color:#526078}.selected-card h2{margin:3px 0;font-size:27px;line-height:1;color:#d8dde6}.notation-row{display:flex;gap:4px}.notation-row b{padding:3px 5px;border:1px solid #28364f;background:#0a1220;color:#8ea8e7;font:500 6px DM Mono}.selected-card p{min-height:30px;margin:8px 0 5px;font-size:9px;line-height:1.35;color:#717d90}.mood-tags{display:flex;gap:3px}.mood-tags span{padding:3px 5px;border:1px solid #282b34;background:#0c0e13;color:#8b806c;font:600 6px DM Mono;text-transform:uppercase}.metrics{padding:9px 10px;border-bottom:1px solid #171c25}.metric{display:grid;grid-template-columns:67px 1fr 22px;align-items:center;grid-gap:5px;gap:5px;margin:5px 0}.metric b,.metric span{font:500 5px DM Mono;color:#59667b}.metric b{text-align:right;color:#839bd4}.metric>div{height:3px;background:#222a35}.metric i{display:block;height:100%;background:linear-gradient(90deg,#3156aa,#6e91e9);box-shadow:0 0 3px rgba(78,124,246,.4)}.relationship-readout{padding:10px}.relationship-readout small{font:500 6px DM Mono;letter-spacing:.11em;color:#526078}.relationship-readout p{min-height:37px;margin:5px 0;font-size:9px;line-height:1.4;color:#7a8596}.relationship-readout>div{display:flex;gap:4px}.relationship-readout span{padding:3px 4px;border:1px solid #202631;color:#63718a;font:500 5px DM Mono}.add-button{height:31px;margin:auto 9px 9px;border:1px solid #3659ad;background:linear-gradient(#172a58,#0a1124);color:#b5c8f8;font:600 7px DM Mono;letter-spacing:.1em;cursor:pointer;box-shadow:inset 0 0 9px #183674}.atlas-panel{min-width:0}.atlas{position:relative;height:calc(100% - 33px);overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(44,68,125,.24),#04070c 36%,#020408 72%)}.atlas-rings i{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border:1px solid rgba(83,106,154,.14);border-radius:50%}.atlas-rings i:first-child{width:220px;height:220px}.atlas-rings i:nth-child(2){width:380px;height:380px}.atlas-rings i:nth-child(3){width:570px;height:570px}.connections{position:absolute;inset:0;width:100%;height:100%}.connections line{stroke:#26354f;stroke-width:.24;vector-effect:non-scaling-stroke}.connections line.native{stroke:#304671}.connections line.resolution{stroke:#9b6127;stroke-dasharray:2 1}.connections line.borrowed{stroke:#8c7942;stroke-dasharray:1 1}.connections line.secondary{stroke:#684f9a;stroke-dasharray:3 1}.connections line.emphasized{stroke-width:.7;filter:drop-shadow(0 0 2px currentColor)}.atlas-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:94px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #354873;border-radius:50%;background:radial-gradient(circle,#16264d,#060b16 70%);box-shadow:0 0 25px rgba(78,124,246,.16),inset 0 0 15px #000}.atlas-core span,.atlas-core strong{font:500 5px DM Mono;letter-spacing:.12em;color:#60749d}.atlas-core b{font-size:25px;color:#a9bff5}.harmony-node{position:absolute;transform:translate(-50%,-50%);width:76px;height:48px;border:1px solid #314a81;border-radius:4px;background:linear-gradient(#16264d,#08101f);cursor:pointer;box-shadow:0 3px 7px #000,inset 0 1px hsla(0,0%,100%,.06);transition:filter .12s,transform .12s}.harmony-node:hover{filter:brightness(1.35);transform:translate(-50%,-50%) scale(1.04)}.harmony-node small,.harmony-node span,.harmony-node strong{display:block}.harmony-node small{font:500 6px DM Mono;color:#8299d0}.harmony-node strong{font-size:14px}.harmony-node span{font:500 4px DM Mono;letter-spacing:.08em;color:#536686}.harmony-node.motion{border-color:#386f58;background:linear-gradient(#16362b,#081510)}.harmony-node.tension{border-color:#85551f;background:linear-gradient(#41250d,#170c04)}.harmony-node.color{border-color:#897637;background:linear-gradient(#3a3212,#151105)}.harmony-node.dream{border-color:#614a91;background:linear-gradient(#2d2048,#100a19)}.harmony-node.selected{filter:brightness(1.5);box-shadow:0 0 13px var(--blue),inset 0 0 9px hsla(0,0%,100%,.08)}.harmony-node.suggested:after{content:"";position:absolute;inset:-4px;border:1px dashed rgba(151,178,245,.7);border-radius:6px}.atlas-legend{position:absolute;left:8px;bottom:6px;display:flex;gap:4px}.atlas-legend span{padding:3px 5px;border:1px solid #26324a;background:#080c13;font:500 5px DM Mono;color:#66748c}.atlas-legend .color{border-color:#71622f}.atlas-legend .dream{border-color:#534179}.workspace{height:calc(100% - 33px);overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(35,57,101,.2),#05070b 55%);padding:10px}.workspace-controls{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px;padding-bottom:8px;border-bottom:1px solid #1d2430}.workspace-controls label{font:500 5px DM Mono;letter-spacing:.08em;color:#58667c}.workspace-controls select{width:100%;height:27px;margin-top:4px;border:1px solid #26344c;background:#070a10;color:#9cb2e2;font:500 7px DM Mono}.path-grid{height:355px;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding-top:8px}.harmony-variations article,.path-grid article{position:relative;padding:8px;border:1px solid #27344b;background:linear-gradient(145deg,#111a2a,#07090d 70%);box-shadow:inset 0 1px hsla(0,0%,100%,.035)}.harmony-variations header,.path-grid article>div:first-child{display:flex;justify-content:space-between}.harmony-variations header span,.path-grid article>div:first-child b,.path-grid article>div:first-child small{font:500 5px DM Mono;letter-spacing:.07em;color:#63718a}.path-grid article>div:first-child b{color:#8da7df}.path-chords{min-height:64px;display:flex;align-items:center;justify-content:center;gap:4px}.path-chords button{min-width:50px;height:42px;border:1px solid #35538e;background:#0c1830;color:#b6c8ed;font-size:10px;cursor:pointer}.path-chords button small{display:block;color:#6f85b3;font:500 5px DM Mono}.path-chords i{color:#55647d;font-style:normal}.harmony-variations article p,.path-grid article p{margin:2px 0 7px;color:#657185;font-size:7px}.use-result{position:absolute;right:7px;bottom:7px;height:22px;border:1px solid #385ca9;background:#10234c;color:#abc0f1;font:600 5px DM Mono;cursor:pointer}.melody-input{height:58px;display:grid;grid-template-columns:145px 1fr 45px;grid-gap:7px;gap:7px;align-items:center;padding:6px;border:1px solid #202936;background:#080b10}.melody-input small,.melody-input strong{display:block}.melody-input small{font:500 5px DM Mono;color:#58667c}.melody-input strong{margin-top:3px;font-size:9px;color:#9aa6b9}.melody-input>div:nth-child(2){display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2px;gap:2px}.melody-input button{height:26px;border:1px solid #27303d;background:#0a0d12;color:#637086;font:600 6px DM Mono;cursor:pointer}.melody-input button.active{border-color:#456bbc;background:#132953;color:#b7caf4}.harmony-variations{height:348px;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding-top:8px}.harmony-variations article{min-height:0}.harmony-variations header strong{font-size:11px;color:#b9c5da}.harmony-variations article>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;margin:8px 0}.harmony-variations article>div button{height:58px;border:1px solid #304675;background:linear-gradient(#14264c,#090f1e);color:#a8bceb;cursor:pointer}.harmony-variations article button b,.harmony-variations article button em,.harmony-variations article button small{display:block}.harmony-variations article button small{font:500 5px DM Mono;color:#697a9e}.harmony-variations article button b{font-size:11px}.harmony-variations article button em{font:500 5px DM Mono;color:#6780b6}.arrange-summary{height:55px;display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid #222b37;background:#080b10}.arrange-summary small,.arrange-summary strong{display:block}.arrange-summary small{font:500 5px DM Mono;color:#59677d}.arrange-summary strong{margin-top:4px;color:#aebbd0;font-size:11px}.arrange-summary>span{font:500 5px DM Mono;color:#65738a}.voice-lanes{display:grid;grid-gap:7px;gap:7px;margin-top:8px}.voice-lanes>div{height:87px;border:1px solid #1e2631;background:#07090d}.voice-lanes header{height:25px;display:flex;align-items:center;gap:7px;padding:0 7px;border-bottom:1px solid #19202a}.voice-lanes header i{width:5px;height:5px;border-radius:50%}.voice-lanes header strong{font-size:8px;color:#aab6c8}.voice-lanes header small{margin-left:auto;font:500 5px DM Mono;color:#58667a}.voice-lanes section{height:61px;display:flex;align-items:center;gap:5px;padding:6px}.voice-lanes section button{min-width:62px;height:46px;border:1px solid;background:#0d1118;color:#b7c0cf;cursor:pointer}.voice-lanes section button b,.voice-lanes section button small{display:block}.voice-lanes section button b{font:600 9px DM Mono}.voice-lanes section button small{margin-top:4px;font:500 5px DM Mono;color:#657187}.voice-lanes section p{margin:auto;color:#596679;font-size:8px}.arrange-notes{display:flex;gap:5px;margin-top:8px}.arrange-notes span{padding:5px 7px;border:1px solid #26303c;background:#090c11;color:#66758b;font:500 5px DM Mono}.intent-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;padding:6px}.intent-tabs button{height:25px;border:1px solid #1b2230;background:#090b10;color:#596579;font:600 6px DM Mono;cursor:pointer}.intent-tabs button.active{color:#b4c7f6;border-color:#3558a9;background:#102047;box-shadow:inset 0 0 7px #183675}.suggestion-list{padding:2px 7px}.suggestion-list>small{display:block;margin:2px 2px 5px;font:500 6px DM Mono;letter-spacing:.11em;color:#526078}.suggestion-list>button{width:100%;min-height:48px;display:grid;grid-template-columns:18px 1fr 12px;align-items:center;grid-gap:5px;gap:5px;border:0;border-bottom:1px solid #171c25;background:transparent;text-align:left;cursor:pointer}.suggestion-list>button:hover{background:#0d121c}.suggestion-list>button>i{display:flex;width:16px;height:16px;align-items:center;justify-content:center;border:1px solid #2c3d60;border-radius:50%;color:#7e99d7;font:500 6px DM Mono}.suggestion-list span,.suggestion-list strong{display:block}.suggestion-list strong{font-size:11px;color:#bdc5d3}.suggestion-list strong em{margin-left:6px;color:#7187ba;font:500 6px DM Mono}.suggestion-list span{max-width:215px;overflow:hidden;color:#606c7e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.suggestion-list>button>b{color:#6076a7}.quest{margin:8px 8px 6px;padding:9px;border:1px solid #6a461e;background:radial-gradient(circle at 30% 0,#2e1d0b,#090704 70%)}.quest.complete{border-color:#346f53;background:radial-gradient(circle at 30% 0,#123322,#050b08 70%)}.quest>div:first-child{display:flex;justify-content:space-between}.quest b,.quest small{font:500 5px DM Mono;letter-spacing:.09em}.quest small{color:#7f6748}.quest b{color:#d79c55}.quest h3{margin:7px 0 2px;font-size:12px}.quest p{margin:0;color:#796d5f;font-size:8px}.quest-path{margin-top:8px}.quest-path,.quest-path span{display:flex;align-items:center;justify-content:center}.quest-path span{width:25px;height:25px;border:1px solid #6a461e;border-radius:50%;color:#b57939;font:600 9px DM Mono}.quest-path span.done{border-color:#477ebc;color:#a9c1f6;box-shadow:0 0 7px rgba(78,124,246,.4)}.quest-path i{width:45px;height:1px;background:#59401f}.lesson-note{margin:0 8px 8px;padding:7px;border-top:1px solid #1a2029}.lesson-note small{font:500 5px DM Mono;color:#536078;letter-spacing:.1em}.lesson-note p{margin:4px 0;color:#626e7e;font-size:7px;line-height:1.35}.tool-switch{display:flex;gap:2px}.tool-switch button{height:20px;padding:0 6px;border:1px solid #252d39;background:#080a0e;color:#536078;font:500 5px DM Mono;cursor:pointer}.tool-switch button.active{border-color:#3558a9;background:#102047;color:#b5c8f8}.discipline-lab{min-height:0;display:flex;flex:1 1;flex-direction:column;padding:8px;gap:6px}.exercise-prompt{padding:8px;border:1px solid #242c39;background:radial-gradient(circle at 25% 0,#17233c,#080a0e 68%)}.detector small,.detector span,.exercise-prompt small{font:500 5px DM Mono;letter-spacing:.09em;color:#59677d}.exercise-prompt h3{margin:3px 0 1px;font-size:22px;color:#cbd7f4}.exercise-prompt p{margin:0;font-size:7px;line-height:1.35;color:#687487}.detector{padding:7px;border:1px solid #27344d;background:#05080d;text-align:center}.detector span,.detector strong{display:block}.detector strong{margin:3px 0;font:600 13px DM Mono;color:#91aaf0}.detector.correct{border-color:#39775b;box-shadow:inset 0 0 10px rgba(70,142,104,.18)}.detector.correct strong{color:#80d2a3}.note-picker{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:3px;gap:3px}.note-picker button{height:25px;border:1px solid #242c39;background:linear-gradient(#151922,#080a0e);color:#68758a;font:600 7px DM Mono;cursor:pointer}.note-picker button.target{border-bottom-color:#4868aa}.note-picker button.selected{border-color:#547ad0;background:#152850;color:#c3d3fa;box-shadow:inset 0 0 7px #1b3b7e}.answer-anatomy{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:3px;gap:3px}.answer-anatomy span{height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #303743;background:#080a0e;color:#4d586a}.answer-anatomy span.present{border-style:solid;border-color:#3c67bb;background:#102147;color:#a9c0f4}.answer-anatomy b{font:600 10px DM Mono}.answer-anatomy small{font:500 5px DM Mono;color:#66748b}.coach-feedback{min-height:52px;padding:7px;border-left:2px solid #3d536f;background:#0a0d12}.coach-feedback strong{font:600 7px DM Mono;letter-spacing:.08em;color:#8ba6db}.coach-feedback p{margin:4px 0 0;font-size:7px;line-height:1.35;color:#6c7889}.coach-feedback.correct{border-color:#57a779;background:#09130e}.coach-feedback.correct strong{color:#7ed19f}.coach-feedback.incorrect{border-color:#b86d39;background:#160d07}.coach-feedback.incorrect strong{color:#e2a05d}.clear-answer{height:25px;margin-top:auto;border:1px solid #2a323e;background:#0a0c10;color:#657187;font:600 6px DM Mono;cursor:pointer}.progression-panel{height:112px;flex:none;margin:0 7px 7px;padding:6px}.progression-heading{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 3px}.progression-heading span{font-size:9px;font-weight:700;letter-spacing:.14em;color:#8792a5}.progression-heading small{margin-left:8px;font:500 5px DM Mono;color:#4e5a6c}.notation-switch button{height:22px;padding:0 8px;color:#5e6a7d;font-size:5px}.progression-slots{height:68px;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px}.progression-slots>button{position:relative;overflow:hidden;border:1px solid #26375c;background:linear-gradient(#101b34,#070b14);text-align:left;padding:6px;cursor:pointer;box-shadow:inset 0 1px hsla(0,0%,100%,.04)}.progression-slots>button.motion{border-color:#325d4c;background:linear-gradient(#10291f,#07100c)}.progression-slots>button.tension{border-color:#74501f;background:linear-gradient(#34210c,#130b04)}.progression-slots>button.color{border-color:#74642d;background:linear-gradient(#302a0e,#110e04)}.progression-slots>button.dream{border-color:#59447f;background:linear-gradient(#281b3e,#0d0714)}.progression-slots>button.empty{border-style:dashed;border-color:#252c37;background:#07090d;color:#424b59}.progression-slots small,.progression-slots span,.progression-slots strong{display:block}.progression-slots small{font:500 5px DM Mono;color:#526078}.progression-slots strong{margin-top:3px;font-size:15px}.progression-slots span{font:500 5px DM Mono;color:#62708a}.progression-slots i{position:absolute;right:5px;bottom:4px;width:3px;background:#4e7cf6}.progression-slots>button.playing{filter:brightness(1.7);box-shadow:inset 0 0 12px rgba(78,124,246,.45),0 0 8px var(--blue)}.keyboard-panel{height:170px;flex:none;margin:0 7px 7px;display:grid;grid-template-columns:150px minmax(0,1fr) 160px;grid-template-rows:32px 1fr;grid-gap:5px;gap:5px;padding:6px}.keyboard-info{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:1px solid #151b24;background:#080a0e}.keyboard-info small,.keyboard-info span{display:block}.keyboard-info>div:first-child>span{font-size:9px;font-weight:700;letter-spacing:.14em;color:#8792a5}.keyboard-info small{margin-top:2px;font:500 5px DM Mono;color:#536078}.key-legend{display:flex;gap:4px}.key-legend span{padding:3px 5px;border:1px solid #293244;font:500 5px DM Mono;color:#68758a}.key-legend span.tonic{border-color:#8a6429;color:#e2a94c}.key-legend span.chord{border-color:#4566ac;color:#93b0f4}.key-legend span.scale{border-color:#315d52;color:#76bda7}.keyboard-scroll{grid-column:1/3;position:relative;overflow-x:auto;overflow-y:hidden;border:6px solid #07080b;background:#000;box-shadow:inset 0 5px 8px #000;scrollbar-color:#405b92 #080a0e;scrollbar-width:thin}.full-keybed{position:relative;width:1768px;height:100%;min-height:108px}.piano-key{position:absolute;top:0;padding:0;cursor:pointer}.piano-key.white{z-index:1;width:34px;height:100%;border:1px solid #7c7f82;border-top:0;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#bfc2c2,#fafafa 20%,#e7e7e5 68%,#a6a9a8)}.piano-key.black{z-index:2;width:22px;height:64%;border:1px solid #020305;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#050609,#30343a 42%,#08090c 78%,#010203);box-shadow:inset 0 -8px 6px #000,2px 3px 4px rgba(0,0,0,.78)}.piano-key.white.scale{box-shadow:inset 0 -5px #3f7a69}.piano-key.white.chord{background:linear-gradient(90deg,#b8c8ef,#f3f6ff 25%,#cbd9fa 70%,#8198d0);box-shadow:inset 0 -7px #4e7cf6,inset 0 -18px 18px rgba(78,124,246,.28)}.piano-key.white.tonic{box-shadow:inset 0 -7px #e0a240,inset 0 -18px 18px rgba(224,162,64,.22)}.piano-key.black.scale{box-shadow:inset 0 -4px #357461,inset 0 -9px 7px #000,2px 3px 4px #000}.piano-key.black.chord{border-color:#5a7aca;background:linear-gradient(90deg,#10162a,#4b6091 44%,#111932 78%,#03040a);box-shadow:inset 0 -5px #6489e5,0 0 6px rgba(78,124,246,.5)}.piano-key.black.tonic{border-color:#9f6d27;box-shadow:inset 0 -5px #e0a240,0 0 6px rgba(224,162,64,.45)}.piano-key span{position:absolute;left:50%;transform:translateX(-50%);font:600 6px DM Mono}.piano-key.white span{bottom:20px;color:#657089}.piano-key.white b{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);color:#444c59;font:500 6px DM Mono;white-space:nowrap}.piano-key.black span{bottom:5px;color:#8099d2}.degree-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;align-content:center}.degree-strip span{height:24px;display:flex;align-items:center;gap:6px;padding:0 6px;border:1px solid #1a2230;background:#080b11;color:#65738a;font:500 7px DM Mono}.degree-strip b{display:flex;width:15px;height:15px;align-items:center;justify-content:center;border:1px solid #35538e;border-radius:50%;color:#8ea9e8;font-size:6px}.piano-key.held{filter:brightness(1.45);outline:2px solid #76a0ff;outline-offset:-2px}.chord-inspector{margin:0 8px 6px;padding:6px;border:1px solid #202938;background:#070a0f}.chord-inspector>div+div{margin-top:5px;padding-top:5px;border-top:1px solid #171e29}.chord-inspector b,.chord-inspector small{display:block}.chord-inspector small{font:500 5px DM Mono;letter-spacing:.09em;color:#536078}.chord-inspector b{margin-top:3px;color:#9cb3e8;font:600 8px DM Mono}.chord-inspector p{margin:3px 0 0;color:#667387;font-size:6px;line-height:1.35}.sequence-workspace{display:flex;flex-direction:column}.sequence-toolbar{height:45px;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #222c3a;background:#080b10}.sequence-toolbar>div{margin-right:auto}.sequence-toolbar small,.sequence-toolbar strong{display:block}.sequence-toolbar small{font:500 5px DM Mono;letter-spacing:.09em;color:#59677d}.sequence-toolbar strong{margin-top:3px;font-size:9px;color:#aebbd1}.sequence-toolbar button{height:27px;padding:0 8px;border:1px solid #2c3d5c;background:#0c1423;color:#849bd0;font:600 5px DM Mono;cursor:pointer}.sequence-toolbar button:disabled{opacity:.28;cursor:default}.preset-browser{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding-top:8px}.preset-browser header{grid-column:1/-1;height:36px;padding:4px 7px}.preset-browser header small,.preset-browser header strong{display:block}.preset-browser header small{font:500 5px DM Mono;color:#5b6980}.preset-browser header strong{margin-top:4px;color:#aab7cc;font-size:9px}.preset-browser>button{min-height:96px;padding:10px;border:1px solid #2c3a54;background:radial-gradient(circle at 20% 0,#172641,#080b10 70%);text-align:left;cursor:pointer}.preset-browser>button:hover{border-color:#4d70bb;filter:brightness(1.15)}.preset-browser button small,.preset-browser button span,.preset-browser button strong{display:block}.preset-browser button small{color:#5d6b80;font-size:6px}.preset-browser button strong{margin:5px 0;color:#b9c8e5;font-size:14px}.preset-browser button span{color:#7891c5;font:600 7px DM Mono}.sequence-editor{height:98px;display:flex;gap:5px;padding:8px 0;overflow-x:auto}.sequence-add,.sequence-editor article{min-width:88px;height:82px;border:1px solid #304675;background:linear-gradient(#14264c,#090f1e);padding:7px;text-align:left;cursor:pointer}.sequence-editor article.motion{border-color:#325d4c;background:linear-gradient(#10291f,#07100c)}.sequence-editor article.tension{border-color:#74501f;background:linear-gradient(#34210c,#130b04)}.sequence-editor article.color{border-color:#74642d;background:linear-gradient(#302a0e,#110e04)}.sequence-editor article.dream{border-color:#59447f;background:linear-gradient(#281b3e,#0d0714)}.sequence-editor article.active{filter:brightness(1.35);box-shadow:0 0 8px rgba(78,124,246,.45)}.sequence-editor article small,.sequence-editor article span,.sequence-editor article strong{display:block}.sequence-editor article small{font:500 5px DM Mono;color:#63718a}.sequence-editor article strong{margin:4px 0;font-size:14px}.sequence-editor article span{height:17px;color:#6f7d91;font-size:6px}.sequence-editor article>div{display:flex;gap:2px;margin-top:5px}.sequence-editor article>div button{width:20px;height:18px;border:1px solid #2a3547;background:#070a0f;color:#7183a5;cursor:pointer}.sequence-editor article>div button:disabled{opacity:.2}.sequence-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:#07090d;color:#66758f;font-size:15px}.sequence-add span{margin-top:4px;font:500 5px DM Mono}.sequence-analysis{height:190px;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:7px;gap:7px}.sequence-analysis>article{padding:9px;border:1px solid #253248;background:linear-gradient(145deg,#111a2a,#07090d 70%)}.sequence-analysis small{font:500 5px DM Mono;letter-spacing:.09em;color:#5c6b83}.transition-story h3{margin:8px 0 4px;color:#bed0f4;font-size:20px}.transition-story p{min-height:42px;margin:0;color:#748198;font-size:8px;line-height:1.45}.transition-story>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.transition-story span{padding:4px 6px;border:1px solid #2c3d5c;background:#09101c;color:#7f98ca;font:500 5px DM Mono}.replacement-browser>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin-top:8px}.replacement-browser button{height:43px;border:1px solid #304675;background:#0c1830;color:#a8bceb;cursor:pointer}.replacement-browser button b,.replacement-browser button span{display:block}.replacement-browser button b{font-size:10px}.replacement-browser button span{font:500 5px DM Mono;color:#687ca9}.replacement-browser p{margin:8px 0 0;color:#68758a;font-size:7px;line-height:1.4}.sequence-presets{display:flex;gap:4px;margin-top:7px}.sequence-presets button{flex:1 1;border:1px solid #252e3b;background:#080b10;color:#65758e;cursor:pointer}.sequence-presets button,footer{height:25px;font:500 5px DM Mono}footer{flex:none;display:grid;grid-template-columns:300px 1fr 240px;align-items:center;padding:0 11px;border-top:1px solid #252a34;background:linear-gradient(#12151b,#07080b);letter-spacing:.08em;color:#505c6e}footer div{text-align:center}footer span:last-child{text-align:right}.arrange-summary{height:48px;padding:7px}.arrange-summary strong{margin-top:3px;font-size:10px}.voice-lanes{gap:5px;margin-top:6px}.voice-lanes>div{height:70px}.voice-lanes header{height:22px}.voice-lanes section{height:47px;gap:4px;padding:5px}.voice-lanes section button{min-width:56px;height:36px}.voice-lanes section button b{font-size:8px}.voice-lanes section button small{margin-top:2px}.arrange-notes{gap:4px;margin-top:6px}.arrange-notes span{padding:4px 6px}.workspace-switch{gap:1px}.workspace-switch button{min-width:0;padding:0 2px;font-size:5px}.performance-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid #222b38;background:radial-gradient(circle at 20% 0,#172641,#07090d 70%)}.performance-top small,.performance-top span,.performance-top strong{display:block}.performance-top small{font:500 5px DM Mono;color:#58677d}.performance-top strong{margin:3px 0;font-size:11px;color:#b8c5da}.performance-top span{font-size:7px;color:#677488}.performance-top button{height:30px;border:1px solid #3b61b3;background:#122752;color:#b7cafa;font:600 6px DM Mono;cursor:pointer}.performance-body{height:342px;display:grid;grid-template-columns:185px 1fr;grid-gap:8px;gap:8px;margin-top:8px}.style-browser{min-height:0;overflow-y:auto;padding:6px;border:1px solid #1d2530;background:#07090d;scrollbar-width:thin}.style-browser>small{display:block;margin:2px 2px 5px;font:500 5px DM Mono;letter-spacing:.09em;color:#59677c}.style-browser button{width:100%;min-height:38px;margin-bottom:3px;padding:5px 6px;border:1px solid #222b37;background:#0a0d12;text-align:left;cursor:pointer}.style-browser button span,.style-browser button strong{display:block}.style-browser button strong{font-size:8px;color:#8f9bad}.style-browser button span{margin-top:2px;font-size:6px;line-height:1.25;color:#586578}.style-browser button.active{border-color:#4268ba;background:linear-gradient(90deg,#142957,#0a1020);box-shadow:inset 2px 0 #6b91e8}.style-browser button.active strong{color:#c2d2f7}.performance-editor{min-width:0}.performance-controls{height:52px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.performance-controls label{padding:5px 6px;border:1px solid #202936;background:#080b10;color:#617087;font:500 5px DM Mono}.performance-controls label b{float:right;color:#93abe2}.performance-controls input{display:block;width:100%;margin-top:9px}.performance-roll{position:relative;height:247px;margin-top:6px;overflow:hidden;border:1px solid #263247;background:repeating-linear-gradient(0deg,rgba(62,78,105,.12),rgba(62,78,105,.12) 1px,transparent 0,transparent 13px),linear-gradient(#080c13,#030509)}.beat-grid{position:absolute;inset:0}.beat-grid i{position:absolute;top:0;bottom:0;width:1px;background:#202a39}.performance-roll>button{position:absolute;z-index:2;min-width:8px;height:10px;padding:0 2px;border:1px solid;border-radius:2px;overflow:hidden;cursor:pointer}.performance-roll>button.left{border-color:#be8738;background:#644018;color:#f1bd70}.performance-roll>button.right{border-color:#4c75cd;background:#18346e;color:#a9c4ff}.performance-roll>button span{display:block;overflow:hidden;font:500 5px DM Mono;white-space:nowrap}.performance-legend{height:25px;display:flex;align-items:center;gap:10px;padding:0 5px;border:1px solid #1d2530;border-top:0;background:#07090d;color:#617086;font:500 5px DM Mono}.performance-legend span{display:flex;align-items:center;gap:4px}.performance-legend i{width:7px;height:5px}.performance-legend i.left{background:#a66b28}.performance-legend i.right{background:#416abe}.performance-legend b{margin-left:auto;color:#8499c5}.score-workspace{display:flex;flex-direction:column}.score-toolbar{height:48px;display:grid;grid-template-columns:1.4fr .8fr repeat(4,auto);grid-gap:5px;gap:5px;align-items:end;padding:5px;border:1px solid #222c3a;background:#080b10}.score-toolbar label{font:500 5px DM Mono;letter-spacing:.08em;color:#59677d}.score-toolbar input,.score-toolbar select{display:block;width:100%;height:25px;margin-top:3px;border:1px solid #2a3548;background:#06090e;color:#a8b9db;padding:0 6px;font:500 7px DM Mono}.score-toolbar button{height:25px;padding:0 7px;border:1px solid #304b7e;background:#102047;color:#9eb8ec;font:600 5px DM Mono;cursor:pointer;white-space:nowrap}.score-toolbar button:disabled{opacity:.28}.score-file-input{display:none!important}.score-status{height:28px;display:flex;align-items:center;gap:6px;padding:0 7px;border:1px solid #1e2734;border-top:0;background:#06090e;color:#65748a;font-size:6px}.score-status i{width:5px;height:5px;border-radius:50%;background:#6f95e7;box-shadow:0 0 6px #4e7cf6}.score-status button{margin-left:auto;height:19px;border:1px solid #554522;background:#1b1508;color:#8f7947;font:500 5px DM Mono;cursor:pointer}.score-paper{flex:1 1;margin-top:7px;overflow:auto;padding:12px 15px;border:1px solid #71747a;background:linear-gradient(100deg,#d8d7d1,#fbfaf4 18%,#ecebe4);color:#17191d;box-shadow:inset 0 0 18px rgba(0,0,0,.2)}.score-paper>header{height:52px;display:flex;justify-content:space-between;border-bottom:2px solid #1e2125}.score-paper>header small{font:600 5px DM Mono;letter-spacing:.15em;color:#555b63}.score-paper h2{margin:4px 0 0;font:600 17px Georgia,serif}.score-paper>header p{margin:0;text-align:right;font:600 8px Georgia,serif;line-height:1.45}.score-empty{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#565b61}.score-empty strong{font:600 14px Georgia,serif}.score-empty span{margin-top:6px;font-size:7px}.lead-score{display:grid;grid-template-columns:repeat(4,1fr);padding-top:13px}.lead-score article{position:relative;height:118px;padding:5px 6px;border-right:1px solid #24272b;border-bottom:1px solid #24272b}.lead-score article>b{font:700 13px Georgia,serif}.lead-score article>small{position:absolute;right:4px;top:4px;color:#555;font:500 5px DM Mono}.staff-lines{position:relative;height:61px;margin-top:7px}.staff-lines i{position:absolute;left:0;right:0;height:1px;background:#36393d}.staff-lines span{position:absolute;width:11px;height:7px;border-radius:50%;background:#181a1d;transform:rotate(-16deg)}.staff-lines span:after{content:"";position:absolute;right:0;bottom:3px;width:1px;height:25px;background:#181a1d}.lead-score article>p{margin:2px 0;color:#52575d;font:500 6px DM Mono}.part-score{display:grid;grid-gap:5px;gap:5px;padding-top:9px}.part-score section{height:62px;border:1px solid #8e9092;background:hsla(0,0%,100%,.28)}.part-score section>header{height:20px;display:flex;align-items:center;gap:5px;padding:0 6px;border-bottom:1px solid #97999b}.part-score section>header i{width:5px;height:5px;border-radius:50%}.part-score section>header strong{font-size:8px}.part-score section>header span{margin-left:auto;color:#555b61;font:500 5px DM Mono}.part-score section>div{display:flex;gap:4px;padding:4px}.part-score button{min-width:48px;height:32px;border:1px solid #7d8186;background:#f8f7f1;color:#1b1e22;cursor:pointer}.part-score button b,.part-score button small{display:block}.part-score button b{font:600 8px DM Mono}.part-score button small{font:500 5px DM Mono;color:#555b61}.learn-workspace{display:flex;flex-direction:column}.learn-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;border:1px solid #202a38;background:#070a0f;padding:4px}.learn-tabs,.teaching-state{display:flex;gap:3px}.learn-tabs button,.teaching-state button{height:24px;border:1px solid #252f3e;background:#090c11;color:#647188;font:600 5px DM Mono;cursor:pointer}.learn-tabs button{padding:0 9px}.teaching-state small{display:flex;align-items:center;margin-right:3px;font:500 5px DM Mono;color:#536078}.teaching-state button{padding:0 6px}.learn-tabs button.active,.teaching-state button.active{border-color:#4268ba;background:#10234d;color:#b6caf6}.modal-compass{min-height:0;flex:1 1;display:grid;grid-template-columns:220px 1fr;grid-gap:7px;gap:7px;margin-top:7px}.scale-browser{min-height:0;display:flex;flex-direction:column;border:1px solid #202a38;background:#06090d}.scale-search{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;padding:5px}.scale-search input{grid-column:1/-1}.scale-compare select,.scale-search input,.scale-search select{height:23px;border:1px solid #273348;background:#080c13;color:#8499c5;padding:0 5px;font:500 6px DM Mono}.scale-note-filter{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px;padding:0 5px 5px}.scale-note-filter button{height:20px;border:1px solid #222c3a;background:#090c11;color:#5e6d83;font:600 6px DM Mono;cursor:pointer}.scale-note-filter button.active{border-color:#4a70c2;background:#142957;color:#c3d3f7}.scale-results{min-height:0;flex:1 1;overflow-y:auto;border-top:1px solid #1c2430;scrollbar-width:thin}.scale-results>small{display:block;padding:6px;font:500 5px DM Mono;color:#536078}.scale-results>button{width:100%;min-height:38px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:5px 7px;border:0;border-bottom:1px solid #171e28;background:transparent;text-align:left;cursor:pointer}.scale-results>button:hover{background:#0b111a}.scale-results>button.active{background:linear-gradient(90deg,#142957,#09101e);box-shadow:inset 2px 0 #6289df}.scale-results span,.scale-results strong{display:block}.scale-results strong{font-size:8px;color:#9ca9bd}.scale-results span{margin-top:2px;color:#56647a;font-size:5px}.scale-results b{color:#6b7f9f;font:500 5px DM Mono}.scale-detail{min-width:0;padding:10px;border:1px solid #243048;background:radial-gradient(circle at 20% 0,#16233c,#06080c 66%)}.scale-detail>header{height:58px;display:flex;justify-content:space-between}.scale-detail>header small{font:500 5px DM Mono;letter-spacing:.1em;color:#60708a}.scale-detail h2{margin:3px 0 2px;font-size:19px;color:#c5d4f2}.scale-detail header p{margin:0;color:#6d7b91;font-size:6px}.scale-detail>header>div:last-child{display:flex;gap:3px}.scale-detail>header span{height:19px;padding:5px 6px;border:1px solid #34486e;background:#0d1830;color:#7f98ca;font:500 5px DM Mono}.scale-description{height:30px;margin:0;color:#748198;font-size:7px;line-height:1.4}.degree-orbit{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:3px;gap:3px;margin-top:4px}.degree-orbit button{height:48px;border:1px solid #222b38;background:#080b10;color:#3f4a5c;cursor:pointer}.degree-orbit button b,.degree-orbit button span{display:block}.degree-orbit button b{font:600 8px DM Mono}.degree-orbit button span{margin-top:4px;font:500 5px DM Mono}.degree-orbit button.inside{border-color:#35624f;background:#0d251c;color:#7fbaa3}.degree-orbit button.character{border-color:#4f75c6;background:#142a57;color:#c2d4fb;box-shadow:0 0 7px rgba(78,124,246,.35)}.scale-uses{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:8px}.scale-uses>div{height:46px;padding:7px;border:1px solid #202a38;background:#070a0f}.scale-uses small,.scale-uses strong{display:block}.scale-uses small{font:500 5px DM Mono;color:#536078}.scale-uses strong{margin-top:6px;color:#8798b7;font-size:7px}.scale-compare{height:63px;display:grid;grid-template-columns:145px 1fr;grid-gap:7px;gap:7px;margin-top:7px;padding:7px;border:1px solid #26334a;background:#080b10}.scale-compare label{font:500 5px DM Mono;color:#59677e}.scale-compare select{display:block;width:100%;margin-top:5px}.scale-compare>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.scale-compare span{display:flex;align-items:center;justify-content:center;border:1px solid #283244;color:#64738a;font:500 5px DM Mono;text-align:center}.scale-compare .shared{border-color:#35624f;color:#79b49d}.scale-compare .lost{border-color:#704536;color:#bd806b}.scale-compare .gained{border-color:#3b5790;color:#88a5df}.circle-lab{min-height:0;flex:1 1;display:grid;grid-template-columns:1.25fr .9fr;grid-gap:8px;gap:8px;margin-top:7px}.circle-stage{position:relative;overflow:hidden;border:1px solid #222d3d;background:radial-gradient(circle,#111d33,#05070b 68%)}.circle-rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(87,111,157,.18);border-radius:50%;transform:translate(-50%,-50%)}.circle-rings i:first-child{width:82%;height:82%}.circle-rings i:nth-child(2){width:58%;height:58%}.circle-rings i:nth-child(3){width:34%;height:34%}.circle-center{position:absolute;left:50%;top:50%;width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #3a5282;border-radius:50%;background:#091226;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(78,124,246,.2)}.circle-center small,.circle-center span,.circle-center strong{display:block}.circle-center small{font:500 5px DM Mono;color:#62759b}.circle-center strong{font-size:22px}.circle-center span{font:500 5px DM Mono;color:#8ba5df}.circle-stage>button{position:absolute;width:43px;height:43px;border:1px solid #2b3a56;border-radius:50%;background:#0b1220;color:#8494af;transform:translate(-50%,-50%);cursor:pointer}.circle-stage>button b,.circle-stage>button small{display:block}.circle-stage>button b{font-size:10px}.circle-stage>button small{font:500 4px DM Mono;color:#596b88}.circle-stage>button.home{border-color:#b47a2e;background:#38240c;color:#f0b45e;box-shadow:0 0 9px rgba(224,162,64,.45)}.circle-stage>button.target{border-color:#547dd2;background:#142b58;color:#c3d5fb;box-shadow:0 0 10px rgba(78,124,246,.55)}.circle-stage>button.correct{border-color:#4a9970;background:#123523;color:#8ee0ae}.circle-stage>button.wrong{border-color:#a95145;background:#3a1511;color:#e89588}.circle-coach{padding:9px;border:1px solid #222d3d;background:#070a0f}.circle-kind{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3px;gap:3px}.circle-kind button{height:23px;border:1px solid #252e3c;background:#090c11;color:#5d6a7e;font:600 5px DM Mono;text-transform:uppercase;cursor:pointer}.circle-kind button.active{border-color:#466dbd;background:#132750;color:#b4c9f7}.circle-coach>small{display:block;margin-top:12px;font:500 5px DM Mono;color:#58677d}.circle-coach h2{min-height:54px;margin:5px 0;font-size:15px;line-height:1.25}.circle-feedback{min-height:75px;padding:9px;border-left:2px solid #39465b;background:#0a0d12}.circle-feedback strong{font:600 7px DM Mono;color:#8497ba}.circle-feedback p{margin:6px 0 0;color:#69768a;font-size:7px;line-height:1.45}.circle-feedback.correct{border-color:#4b9a70;background:#09150f}.circle-feedback.correct strong{color:#80d4a2}.circle-feedback.wrong{border-color:#a95c47;background:#170b08}.borrowed-regions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:9px}.borrowed-regions>small{grid-column:1/-1;font:500 5px DM Mono;color:#59677c}.borrowed-regions button{height:42px;border:1px solid #6c5c2c;background:#211b09;color:#c0a65d;cursor:pointer}.borrowed-regions b,.borrowed-regions span{display:block}.borrowed-regions b{font-size:9px}.borrowed-regions span{font:500 5px DM Mono}.voicing-lab{min-height:0;flex:1 1;display:grid;grid-template-columns:195px 1fr;grid-gap:7px;gap:7px;margin-top:7px}.voicing-lab>aside{overflow-y:auto;padding:5px;border:1px solid #202a38;background:#06090d}.voicing-lab>aside button{width:100%;min-height:67px;margin-bottom:4px;padding:7px;border:1px solid #222c3a;background:#090c11;text-align:left;cursor:pointer}.voicing-lab>aside small,.voicing-lab>aside span,.voicing-lab>aside strong{display:block}.voicing-lab>aside small{color:#59677b;font-size:5px}.voicing-lab>aside strong{margin:4px 0;color:#9ca9bc;font-size:9px}.voicing-lab>aside span{color:#647084;font-size:6px;line-height:1.35}.voicing-lab>aside button.active{border-color:#4b70c1;background:linear-gradient(90deg,#142957,#090f1d);box-shadow:inset 2px 0 #658ce4}.voicing-lab>section{min-width:0;border:1px solid #222d3d;background:#070a0f}.voicing-lab>section>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #202938}.voicing-lab>section>header small{font:500 5px DM Mono;color:#61718b}.voicing-lab>section>header h2{margin:3px 0 0;font-size:15px}.voicing-lab>section>header button{height:28px;border:1px solid #4269ba;background:#132952;color:#b8ccf7;font:600 5px DM Mono;cursor:pointer}.lab-progression{height:260px;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;overflow-y:auto;padding:6px}.lab-progression article{min-height:120px;padding:7px;border:1px solid #242f42;background:#090d14}.lab-progression article>small{font:600 7px DM Mono;color:#8ca3d2}.lab-progression article>div{display:flex;gap:3px;margin:6px 0}.lab-progression article button{min-width:43px;height:43px;border:1px solid #3a568e;background:#102044;color:#a9c0ee;cursor:pointer}.lab-progression article button b,.lab-progression article button span{display:block}.lab-progression article button b{font:600 7px DM Mono}.lab-progression article button span{margin-top:3px;color:#657ca9;font-size:4px}.lab-progression article p{margin:0;color:#657286;font-size:6px;line-height:1.4}.voicing-lab>section>footer{height:27px;display:flex;align-items:center;gap:8px;padding:0 6px;border-top:1px solid #202938;background:#06080c}.voicing-lab>section>footer span{color:#5f708b;font:500 5px DM Mono}.learning-worlds{min-height:0;flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;overflow-y:auto;margin-top:7px;padding:2px}.learning-worlds article{min-height:105px;padding:9px;border:1px solid #242f41;background:radial-gradient(circle at 20% 0,#141f35,#07090d 70%)}.learning-worlds article.active{border-color:#4569b5}.learning-worlds article.foundation{border-color:#4b6045}.learning-worlds article small{font:500 5px DM Mono;text-transform:uppercase;color:#63738d}.learning-worlds h3{margin:7px 0 2px;font-size:12px}.learning-worlds b{color:#7185ad;font-size:6px}.learning-worlds p{min-height:29px;margin:7px 0;color:#657286;font-size:7px;line-height:1.35}.learning-worlds span{font:500 5px DM Mono;color:#526078}.staff-navigator{min-height:0;flex:1 1;display:grid;grid-template-columns:205px 1fr;grid-gap:7px;gap:7px;margin-top:7px}.reading-modules{min-height:0;display:flex;flex-direction:column;border:1px solid #202a38;background:#06090d}.reading-modules>header{height:58px;padding:8px;border-bottom:1px solid #202a38}.reading-modules header small,.reading-modules header span,.reading-modules header strong{display:block}.reading-modules header small{font:500 5px DM Mono;color:#5d6f8e}.reading-modules header strong{margin:4px 0 2px;font-size:13px;color:#b9c9e8}.reading-modules header span{color:#64738b;font-size:6px}.reading-modules>div{min-height:0;overflow-y:auto;padding:4px}.reading-modules button{width:100%;min-height:55px;margin-bottom:3px;padding:6px;border:1px solid #222b39;background:#080b10;text-align:left;cursor:pointer}.reading-modules button small,.reading-modules button span,.reading-modules button strong{display:block}.reading-modules button small{color:#53627a;font:500 5px DM Mono;text-transform:uppercase}.reading-modules button strong{margin:4px 0;color:#98a6bb;font-size:8px}.reading-modules button span{color:#5d697c;font-size:6px;line-height:1.3}.reading-modules button.active{border-color:#4b70c1;background:linear-gradient(90deg,#142957,#090f1d);box-shadow:inset 2px 0 #658ce4}.reading-stage{min-width:0;display:flex;flex-direction:column;border:1px solid #222d3d;background:radial-gradient(circle at 45% 5%,#17243c,#06080c 64%)}.reading-stage>header{height:57px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #202938}.reading-stage>header small{font:500 5px DM Mono;color:#637594}.reading-stage h2{margin:3px 0 1px;font-size:15px}.reading-stage header p{margin:0;color:#6c788b;font-size:6px}.reading-stats{display:flex;gap:4px}.reading-stats>span{min-width:55px;height:38px;padding:6px;border:1px solid #2b3b58;background:#091225}.reading-stats b,.reading-stats small{display:block}.reading-stats b{margin-top:4px;color:#b5c9ef;font:600 8px DM Mono}.clef-picker{height:31px;display:flex;align-items:center;gap:3px;padding:4px 8px;border-bottom:1px solid #202938;background:#070a0f}.clef-picker>small{margin-right:3px;font:500 5px DM Mono;color:#536078}.clef-picker button{height:21px;padding:0 7px;border:1px solid #273142;background:#090c11;color:#637088;font:600 5px DM Mono;text-transform:uppercase;cursor:pointer}.clef-picker button.active{border-color:#466dbd;background:#132750;color:#b7caf3}.clef-picker button:disabled{opacity:.35}.clef-picker label{display:flex;align-items:center;gap:3px;margin-left:3px;color:#536078;font:500 5px DM Mono}.clef-picker select{height:21px;border:1px solid #273142;background:#090c11;color:#8295b7;font:500 5px DM Mono}.clef-picker .round-button{border-color:#496fbd;color:#b8ccf3}.clef-picker span{margin-left:auto;color:#6883b4;font:500 5px DM Mono}.notation-card{height:163px;display:grid;grid-template-columns:1.25fr .9fr;grid-gap:8px;gap:8px;padding:8px 10px}.notation-staff{position:relative;overflow:hidden;border:1px solid #83878d;background:linear-gradient(100deg,#deddd7,#fffef8 45%,#ebeae4);box-shadow:inset 0 0 15px rgba(0,0,0,.18)}.notation-staff>i{position:absolute;left:14px;right:14px;height:1px;background:#33373d}.clef-symbol{position:absolute;left:24px;top:15px;color:#202328;font:52px Georgia,serif;line-height:1}.clef-symbol.bass{top:24px;font-size:39px}.clef-symbol.alto,.clef-symbol.tenor{top:23px;font-size:42px}.key-signature{position:absolute;left:8px;bottom:5px;color:#555b63;font:600 5px DM Mono}.rhythm-symbol{position:absolute;right:10px;top:8px;color:#34383f;font:normal 16px Georgia,serif}.rhythm-symbol small{display:block;font:500 5px DM Mono;color:#686d74}.staff-note{position:absolute;left:58%;width:16px;height:10px;border-radius:50%;background:#17191c;transform:translate(-50%,-50%) rotate(-14deg)}.staff-note>b{position:absolute;right:20px;top:-8px;color:#17191c;font:normal 20px Georgia,serif;transform:rotate(14deg)}.staff-note:after{content:"";position:absolute;right:0;bottom:4px;width:2px;height:39px;background:#17191c}.notation-card.correct .notation-staff{border-color:#4a9970;box-shadow:inset 0 0 15px rgba(0,0,0,.18),0 0 9px rgba(74,153,112,.38)}.notation-card.wrong .notation-staff{border-color:#a95145}.reading-coach{padding:9px;border-left:2px solid #3c5688;background:#080d16}.reading-coach small{font:500 5px DM Mono;color:#657da8}.reading-coach strong{display:block;margin:7px 0 5px;color:#b6c8e9;font:600 9px DM Mono;line-height:1.35}.reading-coach p{margin:0;color:#69778c;font-size:7px;line-height:1.45}.reading-coach button{width:100%;height:25px;margin-top:7px;border:1px solid #456ebe;background:#142a55;color:#bdd0f6;font:600 6px DM Mono;cursor:pointer}.reading-keyboard{height:75px;position:relative;display:flex;padding:4px 7px 5px;border-top:1px solid #202938;background:#040609}.reading-keyboard button{position:relative;cursor:pointer}.reading-keyboard button.white{flex:1 1;height:64px;border:1px solid #606978;background:linear-gradient(90deg,#aeb8ca,#f4f7fb 26%,#c8d1df);color:#202633}.reading-keyboard button.black{width:3.2%;height:40px;margin:0 -1.6%;z-index:2;border:1px solid #111827;background:linear-gradient(90deg,#02040a,#29344a 42%,#070a11);color:#9cabc6}.reading-keyboard button b,.reading-keyboard button small{display:block;font:600 5px DM Mono}.reading-keyboard button b{position:absolute;left:0;right:0;bottom:10px}.reading-keyboard button small{position:absolute;left:0;right:0;bottom:3px}.reading-keyboard button.target{box-shadow:inset 0 -12px #4b77d5}.reading-keyboard button.correct{background:#4a9970!important;color:#ecfff4;box-shadow:0 0 9px #4a9970}.reading-keyboard button.wrong{background:#a95145!important;color:#fff0ed}.reading-weakness{height:33px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-top:1px solid #202938;background:#070a0f}.reading-weakness>small{color:#526078;font:500 5px DM Mono}.reading-weakness>span{color:#657286;font-size:6px}.reading-weakness button{height:24px;min-width:62px;border:1px solid #3d4d68;background:#0b1322;color:#9aadd0;cursor:pointer}.reading-weakness button b,.reading-weakness button span{display:block;font:500 5px DM Mono}.reading-weakness>em{margin-left:auto;color:#53647e;font:500 5px DM Mono}.reading-stage>footer{height:24px;display:flex;align-items:center;gap:6px;padding:0 8px;border-top:1px solid #202938;color:#657792;font:500 5px DM Mono}.reading-stage>footer i{width:18px;height:1px;background:#33496f}.reading-stage>footer b{margin-left:auto;color:#56709f;font-weight:500}.geometry-lab{min-height:0;flex:1 1;display:grid;grid-template-columns:1.15fr .9fr;grid-gap:8px;gap:8px;margin-top:7px}.geometry-map{position:relative;overflow:hidden;border:1px solid #263249;background:radial-gradient(circle,#192743,#07090e 65%)}.geometry-map>svg{position:absolute;inset:7%;width:86%;height:86%;overflow:visible}.geometry-core{position:absolute;left:50%;top:50%;width:85px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #485f8c;border-radius:50%;background:#081021;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(84,120,202,.24)}.geometry-core small,.geometry-core span,.geometry-core strong{display:block}.geometry-core small{color:#61749b;font:500 5px DM Mono}.geometry-core strong{margin:4px 0;color:#c0d1f4;font-size:16px}.geometry-core span{color:#63728d;font:500 5px DM Mono}.geometry-map>button{position:absolute;width:46px;height:46px;border:1px solid #2b3953;border-radius:50%;background:#0a111e;color:#8594ae;transform:translate(-50%,-50%);cursor:pointer}.geometry-map>button b,.geometry-map>button small{display:block}.geometry-map>button b{font-size:10px}.geometry-map>button small{margin-top:2px;color:#5d6c86;font:500 4px DM Mono}.geometry-map>button.center{border-color:#587dcc;background:#142850;color:#c4d5f8}.geometry-map>button.dominant{box-shadow:inset 0 0 0 2px #805d2f}.geometry-map>button.target{box-shadow:0 0 12px #7398e6}.geometry-map>button.correct{border-color:#4d9d73;background:#123724;color:#92e1b1}.geometry-map>button.wrong{border-color:#a75347;background:#381511;color:#ea9588}.geometry-coach{padding:9px;border:1px solid #263249;background:#070a0f}.geometry-cycles{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px}.geometry-cycles button{height:24px;border:1px solid #2a3548;background:#090d14;color:#617089;font:600 5px DM Mono;cursor:pointer}.geometry-cycles button.active{border-color:var(--cycle-color);color:#c0cee8;box-shadow:inset 2px 0 var(--cycle-color)}.geometry-kinds{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;margin-top:4px}.geometry-kinds button{height:24px;border:1px solid #283244;background:#080b10;color:#5e6b80;font:600 5px DM Mono;text-transform:uppercase;cursor:pointer}.geometry-kinds button.active{border-color:#486fbd;background:#132750;color:#b8cbf4}.geometry-coach>small{display:block;margin-top:11px;color:#5d6d87;font:500 5px DM Mono}.geometry-coach h2{min-height:39px;margin:5px 0 7px;font-size:14px;line-height:1.25}.geometry-feedback{min-height:72px;padding:8px;border-left:2px solid #3b4c68;background:#090d14}.geometry-feedback strong{color:#8ca2c9;font:600 7px DM Mono}.geometry-feedback p{margin:6px 0 0;color:#68768b;font-size:7px;line-height:1.4}.geometry-feedback.correct{border-color:#4d9d73;background:#09150f}.geometry-feedback.wrong{border-color:#a75347;background:#170b08}.geometry-sequence{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px}.geometry-sequence button{width:67px;height:44px;border:1px solid #405985;background:#0d1a31;color:#abc0e8;cursor:pointer}.geometry-sequence button b,.geometry-sequence button small{display:block}.geometry-sequence button b{font-size:8px}.geometry-sequence button small{margin-top:3px;font:500 4px DM Mono;color:#657da8}.geometry-sequence span{color:#596c8e;font:500 5px DM Mono}.geometry-sequence em{color:#c58f52}.geometry-next{width:100%;height:29px;margin-top:8px;border:1px solid #476fc0;background:#142a56;color:#bed1f7;font:600 6px DM Mono;cursor:pointer}.geometry-next:disabled{opacity:.3;cursor:default}.counterpoint-forge{min-height:0;flex:1 1;display:flex;flex-direction:column;margin-top:7px;border:1px solid #263249;background:#06090d}.counterpoint-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:5px;border-bottom:1px solid #202938}.counterpoint-toolbar>div{display:flex;gap:3px}.counterpoint-toolbar button{height:43px;border:1px solid #273244;background:#090d14;color:#68758a;cursor:pointer}.counterpoint-toolbar>div button{width:120px;padding:5px;text-align:left}.counterpoint-toolbar button span,.counterpoint-toolbar button strong{display:block}.counterpoint-toolbar button strong{color:#99a8c0;font-size:7px}.counterpoint-toolbar button span{margin-top:3px;font-size:5px;line-height:1.2}.counterpoint-toolbar button.active{border-color:#4b70c1;background:#132650}.counterpoint-toolbar>button{padding:0 12px;border-color:#496fbd;color:#b8ccf3;font:600 6px DM Mono}.counterpoint-body{min-height:0;flex:1 1;display:grid;grid-template-columns:1.35fr .8fr}.voice-canvas{position:relative;overflow:hidden;border-right:1px solid #202938;background:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(68,84,112,.15) 24px),radial-gradient(circle at 50% 45%,#17243c,#07090e 72%)}.voice-canvas>svg{position:absolute;inset:0;width:100%;height:100%}.voice-canvas polyline{fill:none;stroke-width:.8;vector-effect:non-scaling-stroke}.upper-line{stroke:#7fa2ed}.lower-line{stroke:#c4955c}.voice-label{position:absolute;left:7px;z-index:3;font:600 5px DM Mono}.voice-label.upper{top:7px;color:#7fa2ed}.voice-label.lower{bottom:7px;color:#c4955c}.voice-moment{position:absolute;top:0;bottom:0;width:10.2%;border:0;border-left:1px solid rgba(75,91,119,.18);background:transparent;transform:translateX(-50%);cursor:pointer}.voice-moment.active{background:rgba(65,100,178,.13);box-shadow:inset 0 0 0 1px #4164a8}.voice-moment.issue{box-shadow:inset 0 0 0 1px rgba(179,77,64,.7)}.voice-moment i{position:absolute;left:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.voice-moment .upper-note{background:#8cacf0;box-shadow:0 0 7px #5f87dd}.voice-moment .lower-note{background:#d4a56a;box-shadow:0 0 7px #a4733b}.voice-moment small,.voice-moment span{position:absolute;left:0;right:0;text-align:center;font:600 5px DM Mono}.voice-moment span{bottom:25px;color:#8d9db9}.voice-moment small{bottom:14px;color:#5d6b82}.counterpoint-inspector{padding:8px;background:#070a0f}.counterpoint-inspector>header{display:flex;justify-content:space-between;height:45px}.counterpoint-inspector header small{display:block;color:#5c6d88;font:500 5px DM Mono}.counterpoint-inspector header strong{display:block;margin-top:2px;color:#bad0f6;font-size:23px}.counterpoint-inspector header span{color:#63728a;font:500 5px DM Mono;line-height:1.5;text-align:right}.counterpoint-inspector>p{height:31px;margin:2px 0 6px;color:#6a788d;font-size:6px;line-height:1.4}.voice-editor{padding:6px;border:1px solid #273248;background:#090d15}.counterpoint-options>small,.motion-readout>small,.voice-editor>small{color:#596a85;font:500 5px DM Mono}.voice-editor>div{display:flex;gap:3px;margin:5px 0}.voice-editor>div button{flex:1 1;height:20px;border:1px solid #283447;background:#080b10;color:#637188;font:600 5px DM Mono;cursor:pointer}.voice-editor>div button.active{border-color:#496fbd;color:#b9ccf3}.voice-editor>section{display:grid;grid-template-columns:1fr 62px 1fr;grid-gap:3px;gap:3px}.voice-editor>section button{height:25px;border:1px solid #303d52;background:#0b111c;color:#7788a4;font:500 5px DM Mono;cursor:pointer}.voice-editor>section strong{display:flex;align-items:center;justify-content:center;border:1px solid #4a6090;background:#102044;color:#bdd0f4;font:600 8px DM Mono}.motion-readout{min-height:57px;margin-top:5px;padding:6px;border-left:2px solid #4b679b;background:#090d14}.motion-readout strong{display:block;margin:4px 0;color:#a8bcdf;font:600 7px DM Mono;text-transform:uppercase}.motion-readout p{margin:0;color:#65748b;font-size:6px;line-height:1.35}.counterpoint-options{margin-top:5px}.counterpoint-options button{width:24%;height:33px;margin:4px .5% 0;border:1px solid #30415f;background:#0b1424;color:#96aacf;cursor:pointer}.counterpoint-options button b,.counterpoint-options button span{display:block}.counterpoint-options button b{font:600 6px DM Mono}.counterpoint-options button span{margin-top:3px;color:#617493;font:500 5px DM Mono}.counterpoint-forge>footer{height:25px;display:flex;align-items:center;gap:9px;padding:0 7px;border-top:1px solid #202938;color:#60718c;font:500 5px DM Mono}.counterpoint-forge>footer b{margin-left:auto;color:#7187ad;font-weight:500}.rhythm-blocks{min-height:0;flex:1 1;display:flex;flex-direction:column;margin-top:7px;border:1px solid #263249;background:#06090d}.rhythm-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:5px;border-bottom:1px solid #202938}.meter-picker{display:flex;gap:3px}.meter-picker button{width:52px;height:36px;border:1px solid #293548;background:#090d14;color:#6a788e;cursor:pointer}.meter-picker button b,.meter-picker button span{display:block}.meter-picker button b{font-size:8px}.meter-picker button span{margin-top:3px;font:500 5px DM Mono}.meter-picker button.active{border-color:#4d72bf;background:#142850;color:#bed0f5}.rhythm-toolbar>button{height:35px;padding:0 12px;border:1px solid #4a70bd;background:#142850;color:#b9cdf4;font:600 6px DM Mono;cursor:pointer}.rhythm-body{min-height:0;flex:1 1;display:grid;grid-template-columns:1.45fr .75fr}.block-editor{padding:8px;border-right:1px solid #202938}.block-editor>header{height:36px;display:flex;justify-content:space-between}.block-editor header small,.block-editor header strong{display:block}.block-editor header small{color:#64738b;font:500 5px DM Mono}.block-editor header strong{margin-top:4px;color:#9bacc8;font-size:7px}.block-editor header>span{color:#6c82aa;font:600 5px DM Mono}.beat-ruler,.rhythm-grid{display:flex;gap:2px}.beat-ruler{height:17px}.beat-ruler i{flex:1 1;position:relative;border-left:1px solid #283246}.beat-ruler i.beat{border-color:#596c91}.beat-ruler i.group{border-left:2px solid #b17d42}.beat-ruler small{position:absolute;left:2px;color:#52617a;font:500 5px DM Mono}.rhythm-grid{height:92px;padding:5px;border:1px solid #283449;background:repeating-linear-gradient(90deg,#070a0f,#070a0f 24px,#0a0f18 25px)}.rhythm-grid button{flex:1 1;position:relative;border:1px solid #232c3a;background:#090c11;cursor:pointer}.rhythm-grid button>i{position:absolute;left:4px;right:4px;bottom:14px;min-height:2px;background:#26344c}.rhythm-grid button>small{position:absolute;left:0;right:0;bottom:3px;color:#4f5d72;font:500 5px DM Mono}.rhythm-grid button.hit{border-color:#3e5f9d;background:#0e1a31}.rhythm-grid button.hit>i{background:#5c82d0;box-shadow:0 0 6px rgba(92,130,208,.45)}.rhythm-grid button.accent{border-color:#ba8140;background:#2a1a09}.rhythm-grid button.accent>i{background:#e1a45d;box-shadow:0 0 7px rgba(225,164,93,.48)}.rhythm-grid button.playing{outline:2px solid #e5efff;filter:brightness(1.45)}.rhythm-transform{display:flex;gap:3px;margin-top:6px}.rhythm-transform button{height:25px;flex:1 1;border:1px solid #2c394d;background:#090d14;color:#66758d;font:500 5px DM Mono;cursor:pointer}.rhythm-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3px;gap:3px;margin-top:6px}.rhythm-presets button{height:45px;padding:5px;border:1px solid #293649;background:#090d14;text-align:left;cursor:pointer}.rhythm-presets button b,.rhythm-presets button span{display:block}.rhythm-presets button b{color:#94a5c0;font-size:7px}.rhythm-presets button span{margin-top:3px;color:#5e6c81;font-size:5px;line-height:1.25}.rhythm-inspector{padding:8px}.rhythm-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.rhythm-metrics span{height:39px;padding:6px;border:1px solid #29364c;background:#09101d}.rhythm-metrics b,.rhythm-metrics small{display:block}.rhythm-metrics small{color:#5a6b86;font:500 5px DM Mono}.rhythm-metrics b{margin-top:4px;color:#b4c9ee;font:600 9px DM Mono}.rhythm-inspector>p{height:39px;margin:6px 0;color:#68768b;font-size:6px;line-height:1.4}.tap-practice{display:grid;grid-template-columns:1fr 45px;grid-gap:3px;gap:3px;padding:6px;border:1px solid #30415d;background:#0a111e}.tap-practice small,.tap-practice strong{grid-column:1/-1;display:block}.tap-practice small{color:#5d7090;font:500 5px DM Mono}.tap-practice strong{height:16px;margin-top:2px;color:#a8bce0;font:600 7px DM Mono}.tap-practice button{height:32px;border:1px solid #4b73c4;background:#152d5c;color:#c2d5f9;font:600 7px DM Mono;cursor:pointer}.tap-practice .tap-reset{border-color:#35445c;background:#0a0e15;color:#64748c;font-size:5px}.timing-history{position:relative;height:42px;margin-top:5px;border:1px solid #29364b;background:linear-gradient(90deg,#24100e,#09101b 44%,#10231b 50%,#09101b 56%,#24100e)}.timing-history:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#8ac6a0}.timing-history i{position:absolute;top:8px;width:5px;height:17px;border-radius:3px;background:#c97764;transform:translateX(-50%)}.timing-history i.locked{background:#86d4a3}.timing-history b,.timing-history span{position:absolute;bottom:3px;color:#65748b;font:500 4px DM Mono}.timing-history span:first-of-type{left:4px}.timing-history span:last-of-type{right:4px}.timing-history b{left:50%;transform:translateX(-50%)}.rhythm-lesson{margin-top:5px;padding:6px;border-left:2px solid #4a6594;background:#090d14}.rhythm-lesson small{color:#5a6a84;font:500 5px DM Mono}.rhythm-lesson p{margin:4px 0 0;color:#657389;font-size:6px;line-height:1.35}.rhythm-blocks>footer{height:25px;display:flex;align-items:center;gap:9px;padding:0 7px;border-top:1px solid #202938;color:#60718c;font:500 5px DM Mono}.rhythm-blocks>footer b{margin-left:auto;color:#7187ad;font-weight:500}.human-grid{min-height:0;flex:1 1;display:flex;flex-direction:column;margin-top:7px;border:1px solid #263249;background:#06090d}.human-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #202938}.human-toolbar small,.human-toolbar span,.human-toolbar strong{display:block}.human-toolbar small{color:#5c6d87;font:500 5px DM Mono}.human-toolbar strong{display:inline-block;margin-top:3px;color:#c2d1ed;font-size:14px}.human-toolbar>div>span{display:inline-block;margin-left:6px;color:#7386aa;font-size:6px}.human-ab{display:flex;gap:3px}.human-ab button{height:31px;padding:0 9px;border:1px solid #2d394d;background:#090d14;color:#69778e;font:600 5px DM Mono;cursor:pointer}.human-ab button.active{border-color:#4c72c0;background:#142850;color:#bdcff2}.human-body{min-height:0;flex:1 1;display:grid;grid-template-columns:145px 1fr 205px}.feel-browser{overflow-y:auto;padding:5px;border-right:1px solid #202938}.feel-browser button{width:100%;min-height:61px;margin-bottom:4px;padding:6px;border:1px solid #273245;background:#090d14;text-align:left;cursor:pointer}.feel-browser button small,.feel-browser button span,.feel-browser button strong{display:block}.feel-browser button small{color:#586984;font:500 5px DM Mono}.feel-browser button strong{margin:4px 0;color:#98aac8;font-size:8px}.feel-browser button span{color:#617086;font-size:5px;line-height:1.3}.feel-browser button.active{border-color:#4c70ba;background:linear-gradient(90deg,#142850,#090e19);box-shadow:inset 2px 0 #648be0}.timing-lanes{min-width:0;padding:7px;border-right:1px solid #202938}.timing-lanes>header{height:38px;display:flex;justify-content:space-between}.timing-lanes header small,.timing-lanes header strong{display:block}.timing-lanes header small{color:#596a84;font:500 5px DM Mono}.timing-lanes header strong{margin-top:4px;color:#9fb1ce;font-size:7px}.timing-lanes header span{color:#607392;font:500 5px DM Mono}.timing-lane{height:65px;position:relative;margin-bottom:4px;border:1px solid #283449;background:repeating-linear-gradient(90deg,#080b10,#080b10 49%,#101a2a 50%,#080b10 51%,#080b10)}.timing-lane>b{position:absolute;left:5px;top:5px;color:#596c8b;font:600 5px DM Mono}.timing-lane .zero-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#5c7094}.timing-lane button{position:absolute;top:24px;width:11px;height:25px;border:1px solid #405b8c;border-radius:5px;background:#1a315b;color:#adc2eb;transform:translateX(-50%);cursor:pointer}.timing-lane button.playing{outline:2px solid #edf4ff;filter:brightness(1.5)}.timing-lane button span{position:absolute;left:50%;top:28px;color:#60728f;font:500 4px DM Mono;transform:translateX(-50%)}.timing-lane.bass button{border-color:#a06d36;background:#3b250d}.timing-lane.top button{border-color:#7352a0;background:#291842}.grid-chords{height:20px;position:relative}.grid-chords span{position:absolute;color:#7385a4;font:600 5px DM Mono;transform:translateX(-50%)}.human-inspector{padding:7px}.human-controls label{display:block;margin-bottom:7px;color:#61718b;font:500 5px DM Mono}.human-controls label b{float:right;color:#9eb1d2}.human-controls input{width:100%;height:12px;margin-top:4px;accent-color:#567ccd}.human-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px}.human-metrics span{height:36px;padding:5px;border:1px solid #2b3950;background:#09101d}.human-metrics span:last-child{grid-column:1/-1}.human-metrics b,.human-metrics small{display:block}.human-metrics small{color:#586a87;font:500 5px DM Mono}.human-metrics b{margin-top:3px;color:#afc4e9;font:600 8px DM Mono}.human-inspector>p{height:43px;margin:6px 0;color:#68778d;font-size:6px;line-height:1.4}.body-language{padding:6px;border-left:2px solid #4b6798;background:#090d14}.body-language>small{color:#5e7191;font:500 5px DM Mono}.body-language div{display:grid;grid-gap:3px;gap:3px;margin-top:5px}.body-language span{padding-left:5px;border-left:2px solid #526f9f;color:#6d7b90;font-size:5px}.body-language span.bass{border-color:#a06d36}.body-language span.top{border-color:#7352a0}.human-handoff{width:100%;height:29px;margin-top:6px;border:1px solid #4b71bf;background:#142a55;color:#bdd0f5;font:600 5px DM Mono;cursor:pointer}.human-grid>footer{height:25px;display:flex;align-items:center;gap:9px;padding:0 7px;border-top:1px solid #202938;color:#60718c;font:500 5px DM Mono}.human-grid>footer b{margin-left:auto;color:#7187ad;font-weight:500}.key-legend span.target{border-color:#a84c43;color:#e9877e}.keyboard-state{display:flex;gap:2px}.keyboard-state button{height:20px;border:1px solid #273142;background:#080b10;color:#5d6a7f;font:500 5px DM Mono;cursor:pointer}.keyboard-state button.active{border-color:#476fc2;background:#132850;color:#b8ccf8}.piano-key.light-scale.white{box-shadow:inset 0 -6px var(--key-light)}.piano-key.light-chord.white,.piano-key.light-target.white,.piano-key.light-tonic.white{background:linear-gradient(90deg,#bcc9e8,#f5f7ff 25%,#cad8f8 70%,#849bd2);box-shadow:inset 0 -8px var(--key-light),inset 0 -22px 20px color-mix(in srgb,var(--key-light) 30%,transparent)}.piano-key.light-scale.black{box-shadow:inset 0 -5px var(--key-light),inset 0 -10px 7px #000,2px 3px 4px #000}.piano-key.light-chord.black,.piano-key.light-target.black,.piano-key.light-tonic.black{border-color:var(--key-light);background:linear-gradient(90deg,#0d1426,#405580 44%,#10172d 78%,#03040a);box-shadow:inset 0 -6px var(--key-light),0 0 7px var(--key-light)}.piano-key.light-held{filter:brightness(1.55);outline:2px solid #edf3ff;outline-offset:-2px}.piano-key.light-outside{outline:2px solid #a84b52;outline-offset:-2px}@media(max-height:900px),(max-width:1440px){body{transform-origin:top left}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important}}