@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box}::placeholder{color:#0000004d}::-webkit-scrollbar{background:0 0;width:4px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.mta-page{color:#000;background:#fff;min-height:100vh;padding:0 0 60px;font-family:Poppins,system-ui,sans-serif;font-size:16px}.mta-results-screen{z-index:10;background:#fff;flex-direction:column;max-width:640px;margin:auto;display:flex;position:fixed;inset:0}.mta-nav-bar{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mta-back-btn{cursor:pointer;color:#000;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;display:flex}.mta-back-btn:hover{opacity:.6}.mta-tab-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.mta-tab-panel-content{max-width:640px;margin:0 auto;padding:16px}.mta-hero{max-width:640px;margin:0 auto;padding:48px 20px 32px;position:relative}.mta-hero-inner{flex-direction:column;gap:12px;max-width:640px;margin:16px auto;display:flex}.mta-search-bar{position:relative}.mta-search-input{box-sizing:border-box;color:#000;background:#fff;border:1px solid #000;border-radius:100px;width:100%;min-width:0;padding:16px 68px 16px 16px;font-family:Poppins,system-ui,sans-serif;font-size:16px;transition:border-color .2s}.mta-search-input:focus{border-width:1px;outline:none}.mta-search-input:disabled{opacity:.5}.mta-analyze-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mta-analyze-btn:hover{opacity:.8}.mta-analyze-btn:active{opacity:.7}.mta-analyze-btn:disabled{opacity:.25;cursor:not-allowed}.mta-analyze-btn-loading{font-size:10px;animation:.8s infinite pulse}.mta-history-area{position:relative}.mta-history-toggle{color:#0006;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;transition:color .2s;display:flex}.mta-history-toggle:hover{color:#000}.mta-dev-model-toggle{justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.mta-dev-model-label{letter-spacing:.08em;color:#f97316;border:1px solid #f97316;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.mta-dev-model-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.mta-dev-model-btn:hover{color:#f97316;border-color:#f97316}.mta-dev-model-btn.active{color:#fff;background:#f97316;border-color:#f97316}.mta-error{color:#c00;background:#cc00000f;border:1px solid #cc000040;border-radius:8px;padding:10px 14px;font-size:14px}.mta-loading{text-align:center;flex-direction:column;align-items:center;gap:28px;padding:80px 20px 60px;display:flex}.mta-waveform{align-items:center;gap:5px;height:60px;display:flex}.mta-waveform-bar{background:#000;border-radius:2px;width:4px;height:8px;animation:1.1s ease-in-out infinite waveform}.mta-waveform-bar:first-child{animation-duration:1s}.mta-waveform-bar:nth-child(2){animation-duration:1.3s}.mta-waveform-bar:nth-child(3){animation-duration:.9s}.mta-waveform-bar:nth-child(4){animation-duration:1.2s}.mta-waveform-bar:nth-child(5){animation-duration:1s}.mta-waveform-bar:nth-child(6){animation-duration:1.4s}.mta-waveform-bar:nth-child(7){animation-duration:.95s}.mta-waveform-bar:nth-child(8){animation-duration:1.15s}.mta-loading-text{color:#00000073;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:16px}.mta-results{display:none}.mta-song-header{background:#000;border-radius:24px;margin:0 16px;padding:16px}.mta-song-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:640px;margin:0 auto;display:flex}.mta-song-header-text{flex:1;min-width:0}.mta-song-title{color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:800;line-height:1.5rem}.mta-song-meta{color:#fffc;font-size:16px;line-height:1.25rem}.mta-key-badge{text-align:center;border:1px solid #00000026;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;padding:8px;display:flex}.mta-key-badge-root{color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:800;line-height:1.1}.mta-key-badge-mode{color:#ffffffd9;text-transform:uppercase;letter-spacing:.02em;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.2}.mta-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));display:grid}.mta-card{border-bottom:1px solid #000;padding:24px 0}.mta-card-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.mta-card-icon{flex-shrink:0;align-items:center;display:flex}.mta-card-icon svg{width:36px;height:36px}.mta-card-title{letter-spacing:0;color:#000;margin:0;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700}.mta-card-description{color:#000c;margin:0;font-size:16px;line-height:1.5}@media screen and (max-width:460px){.mta-scale-row{flex-direction:column}}.mta-scale-row{align-items:center;gap:16px;display:flex}.mta-note-circle-wrap{flex-shrink:0}.mta-note-circle{width:100%;max-width:250px}.mta-scale-info{min-width:0}.mta-scale-name{color:#000;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.mta-note-pills{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.mta-note-pill{color:#000;background:#fff;border:1px solid #000;border-radius:100px;padding:2px 10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.mta-chord-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mta-chord-item{background:#fff;border:1px solid #000;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:60px;padding:10px 16px;display:flex}.mta-chord-name{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:800}.mta-chord-numeral{color:#00000080;margin-top:2px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.mta-chord-progression-name{color:#0009;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.mta-chord-progression-wrap{margin-bottom:12px}.mta-rhythm-stats{gap:12px;margin-bottom:14px;display:flex}.mta-rhythm-stat{text-align:center;background:#fff;border:1px solid #000;border-radius:10px;flex:1;padding:14px 12px}.mta-rhythm-stat-value{color:#000;font-family:Poppins,sans-serif;font-size:22px;font-weight:800}.mta-rhythm-stat-label{color:#00000080;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.mta-rhythm-feel{color:#000;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.mta-timeline-bar{border:1px solid #000;border-radius:8px;height:32px;margin-bottom:12px;display:flex;overflow:hidden}.mta-timeline-segment{color:#fff;letter-spacing:.05em;white-space:nowrap;opacity:.9;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;transition:opacity .2s;display:flex;overflow:hidden}.mta-timeline-legend{flex-direction:column;gap:8px;display:flex}.mta-timeline-legend-item{align-items:flex-start;gap:10px;display:flex}.mta-timeline-legend-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mta-timeline-segment--active{cursor:pointer;opacity:1!important}.mta-timeline-segment{cursor:pointer}.mta-tabs{scrollbar-width:none;gap:6px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.mta-tabs::-webkit-scrollbar{display:none}.mta-tab{color:#0006;cursor:pointer;white-space:nowrap;background:#00000026;border:none;border-radius:4px;flex-shrink:0;padding:6px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:background .15s,color .15s}.mta-tab--active{color:#fff;background:#000}.mta-tab:hover:not(.mta-tab--active){color:#0009;background:#00000040}.mta-tab-panel{padding:14px 0 4px}.mta-tab-panel-meta{margin-bottom:4px}.mta-chord-popover-chords{flex-wrap:wrap;gap:6px;display:flex}.mta-chord-popover-pill{color:#000;background:#f2f2f2;border:1px solid;border-radius:100px;padding:4px 14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.mta-timeline-legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px;margin-top:4px}.mta-timeline-section-name{color:#000;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.mta-timeline-section-bars{color:#00000080;margin-left:6px;font-family:Poppins,sans-serif;font-size:14px}.mta-timeline-section-desc{color:#000c;margin:2px 0 0;font-family:Poppins,sans-serif;font-size:14px}.mta-structure-form{color:#000;text-align:center;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;display:block}.mta-structure-description{color:#000c;margin:12px 0 0;font-size:16px;line-height:1.5}.mta-highlights-wrap{margin-top:0}.mta-section-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mta-section-header-label{font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.mta-highlights-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.mta-highlight-item{align-items:flex-start;gap:12px;display:flex}.mta-highlight-number{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:3px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;display:flex}.mta-highlight-text{color:#000c;margin:0;padding-top:2px;font-size:16px;line-height:1.6}.mta-melody-section{flex-direction:column;gap:12px;display:flex}.mta-melody-pillar{background:#fff;border:1px solid #00000014;border-radius:14px;padding:16px}.mta-melody-pillar-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mta-melody-pillar-title{color:#000;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.mta-melody-rating-badge{white-space:nowrap;border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.mta-melody-rating-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mta-melody-pillar-desc{color:#000000b3;margin:0;font-size:14px;line-height:1.6}.mta-melody-unavailable{text-align:center;color:#0006;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 24px;font-family:Poppins,sans-serif;font-size:14px;display:flex}.mta-melody-unavailable p{margin:0}.mta-reset-wrap{text-align:center;margin-top:36px}.mta-reset-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100px;padding:12px 28px;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s}.mta-reset-btn:hover{opacity:.75}.mta-empty{text-align:center;color:#0003;padding:80px 20px}.mta-empty-icon{margin-bottom:12px;font-size:48px}.mta-empty-text{color:#00000059;font-family:Poppins,sans-serif;font-size:16px}.mta-bottom-tabs{padding:16px 0 12px env(safe-area-inset-bottom,16px);background:#000;border:none;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-around;align-items:flex-start;display:flex}.mta-bottom-tab{cursor:pointer;color:#a1a1a1;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 8px;transition:color .2s;display:flex}.mta-bottom-tab--active{color:#fff}.mta-bottom-tab:hover{color:#d0d0d0}.mta-bottom-tab--active:hover{color:#fff}.mta-bottom-tab-icon svg{width:auto;height:28px;display:block}.mta-bottom-tab-label{letter-spacing:-.03em;white-space:nowrap;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.mta-drum-stop-pill{color:#fff;cursor:pointer;white-space:nowrap;z-index:20;background:#000;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;animation:.2s rl-pill-in;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes rl-pill-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes waveform{0%,to{height:8px}25%{height:48px}50%{height:20px}75%{height:56px}}.fade-up{animation:.4s forwards fadeUp}.mta-history-panel{z-index:100;background:#fff;border:1px solid #000;border-radius:14px;width:340px;max-width:calc(100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.mta-history-header{border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mta-history-title{color:#000;text-transform:uppercase;letter-spacing:.08em;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.mta-history-header-actions{align-items:center;gap:12px;display:flex}.mta-history-clear{color:#0006;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:14px;transition:color .2s}.mta-history-clear:hover{color:#c00}.mta-history-close{color:#0006;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .2s}.mta-history-close:hover{color:#000}.mta-history-empty{text-align:center;color:#00000059;padding:24px 16px;font-family:Poppins,sans-serif;font-size:14px}.mta-history-list{max-height:360px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.mta-history-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.mta-history-item:hover{background:#f2f2f2}.mta-history-color-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:10px;height:10px}.mta-history-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.mta-history-item-song{color:#000;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.mta-history-item-artist{color:#00000080;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:13px;overflow:hidden}.mta-history-item-key{color:#0006;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.mta-nav-right{flex-direction:row-reverse;align-items:center;gap:16px;display:flex}.mta-share-trigger{cursor:pointer;color:#000;background:0 0;border:none;align-items:center;padding:0;transition:opacity .2s;display:flex}.mta-share-trigger:hover{opacity:.6}.mta-shared-banner{color:#000000b3;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.mta-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#000;border:none;border-radius:100px;flex-shrink:0;padding:6px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:opacity .2s}.mta-save-btn:hover{opacity:.75}.mta-share-overlay{z-index:200;background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.mta-share-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:640px;margin:0 auto;padding:12px 20px 40px}.mta-share-handle{background:#e0e0e0;border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.mta-share-section{margin-bottom:4px}.mta-share-section-label{text-transform:uppercase;letter-spacing:.08em;color:#00000073;margin-bottom:14px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:block}.mta-share-divider{background:#0000001a;height:1px;margin:20px 0}.mta-export-list{flex-direction:column;display:flex}.mta-export-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #00000012;align-items:center;gap:14px;width:100%;padding:14px 0;transition:opacity .15s;display:flex}.mta-export-item:last-child{border-bottom:none}.mta-export-item:hover{opacity:.65}.mta-export-icon-wrap{background:#f2f2f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mta-export-info{flex-direction:column;flex:1;gap:2px;display:flex}.mta-export-name{color:#000;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.mta-export-desc{color:#00000073;font-family:Poppins,sans-serif;font-size:13px}.mta-export-ext{color:#000;flex-shrink:0;margin-left:auto;font-family:Courier New,monospace;font-size:13px}.mta-share-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mta-share-title{color:#000;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.mta-share-close{cursor:pointer;color:#0006;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .2s}.mta-share-close:hover{color:#000}.mta-share-song{color:#0009;border-bottom:1px solid #0000001a;margin-bottom:20px;padding-bottom:16px;font-family:Poppins,sans-serif;font-size:14px}.mta-share-field{margin-bottom:20px}.mta-share-label{color:#00000080;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:block}.mta-share-input{color:#000;background:#fff;border:1px solid #000;border-radius:100px;outline:none;width:100%;padding:12px 18px;font-family:Poppins,sans-serif;font-size:16px;transition:border-width .15s}.mta-share-input:focus{border-width:2px}.mta-share-actions{gap:10px;display:flex}.mta-share-btn{cursor:pointer;border:none;border-radius:100px;flex:1;padding:14px 20px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s}.mta-share-btn--copy{color:#000;background:#f2f2f2}.mta-share-btn--share{color:#fff;background:#000}.mta-share-btn:hover{opacity:.75}.mta-keyboard-toggle{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.mta-keyboard-toggle:hover{background:#e4e4e4}.mta-piano-row{flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding-bottom:4px;padding-right:19px;display:flex}.mta-piano-chord-row{align-items:center;gap:12px;display:flex}.mta-piano-chord-label{flex-direction:column;align-items:start;gap:2px;min-width:44px;display:flex}.mta-piano-chord-number{color:#0006;font-family:Poppins,system-ui,sans-serif;font-size:11px;font-weight:600}.mta-piano-chord-name{color:#000;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:700}.mta-piano-diagram{flex-direction:column;align-items:center;gap:4px;display:flex}.mta-piano-label{color:#000;letter-spacing:.02em;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:700}.mta-structure-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.mta-midi-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100px;align-items:center;gap:8px;padding:7px 18px;font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.mta-midi-btn:hover{opacity:.75}.mta-profile-icon-btn{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.mta-profile-icon-btn:hover{opacity:.6}.mta-profile-icon-btn--static{cursor:default;pointer-events:none}.mta-hero .mta-profile-icon-btn{position:absolute;top:16px;right:20px}.mta-search-card{background:#000;border-radius:24px;flex-direction:column;gap:16px;padding:28px 20px 24px;display:flex}.mta-search-card-title{color:#fff;text-align:center;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:500}.mta-search-card .mta-search-input{border-color:#0000}.mta-search-card .mta-search-input:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #fff6}.mta-recent-section{box-sizing:border-box;background:#f2f2f2;border-radius:24px;width:100%;max-width:640px;margin:0 auto;padding:24px 24px 24px 20px}.mta-recent-title{color:#000;margin:0 0 16px;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:700}.mta-recent-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mta-recent-item{cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:10px 8px;transition:background .15s;display:flex}.mta-recent-item:hover{background:#fff}.mta-recent-color-dot{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:16px;height:16px}.mta-recent-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.mta-recent-item-song{color:#000;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.mta-recent-item-artist{color:#00000080;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,system-ui,sans-serif;font-size:14px;overflow:hidden}.mta-recent-item-key{color:#0009;white-space:nowrap;flex-shrink:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:500}.mta-home-tab-row{gap:4px;margin-bottom:16px;display:flex}.mta-home-tab-btn{color:#0000004d;cursor:pointer;background:0 0;border:none;margin-right:16px;padding:4px 0;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:700;transition:color .15s}.mta-home-tab-btn--active{color:#000}.mta-home-rec-list{flex-direction:column;gap:4px;display:flex}.mta-home-rec-empty{color:#00000073;margin:0;padding:4px 0;font-family:Poppins,system-ui,sans-serif;font-size:14px}.mta-home-rec-item{border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 8px;transition:background .15s;display:flex}.mta-home-rec-item:hover{background:#fff}.mta-home-rec-item--active{background:#f0fdf4}.mta-home-rec-play-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.mta-home-rec-info{flex:1;min-width:0}.mta-home-rec-name{color:#000;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.mta-home-rec-duration{color:#00000073;margin-top:2px;font-family:Poppins,system-ui,sans-serif;font-size:13px}.mta-home-rec-audio{accent-color:#000;width:100%;height:32px}.mta-home-rec-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mta-home-rec-score{text-align:right;min-width:24px;font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:700}.mta-home-rec-delete{cursor:pointer;color:#d1d5db;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .15s}.mta-home-rec-delete:hover{color:#ef4444}.mta-profile-screen{background:#fff;flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.mta-profile-screen .mta-nav-bar{border-bottom:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mta-profile-card{background:#000;border-radius:24px;align-items:center;gap:16px;margin:16px;padding:28px 24px;display:flex}.mta-profile-avatar{background:silver;border-radius:50%;flex-shrink:0;width:80px;height:80px}.mta-profile-info{flex-direction:column;gap:6px;min-width:0;display:flex}.mta-profile-email{color:#fff;word-break:break-all;font-family:Poppins,system-ui,sans-serif;font-size:15px;font-weight:500}.mta-profile-history-link{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;text-decoration:underline;transition:opacity .2s}.mta-profile-history-link:hover{opacity:.7}.mta-profile-signout{color:#000;cursor:pointer;text-align:center;background:0 0;border:none;margin:24px auto 0;padding:0;font-family:Poppins,system-ui,sans-serif;font-size:16px;text-decoration:underline;transition:opacity .2s;display:block}.mta-profile-signout:hover{opacity:.6}.mta-profile-delete{color:#c00;cursor:pointer;text-align:center;background:0 0;border:none;margin:16px auto 0;padding:0;font-family:Poppins,system-ui,sans-serif;font-size:16px;text-decoration:underline;transition:opacity .2s;display:block}.mta-profile-delete:hover{opacity:.6}.mta-about-link{text-align:center;color:#0006;margin-top:8px;padding:4px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.mta-about-link:hover{color:#000}.mta-hero-signin-btn{color:#00000073;cursor:pointer;text-align:center;background:0 0;border:none;margin:0 auto;padding:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;text-decoration:underline;transition:color .2s;display:block}.mta-hero-signin-btn:hover{color:#000}.mta-suggestions{z-index:200;background:#fff;border:1px solid #000;border-radius:14px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.mta-suggestion-item{cursor:pointer;flex-direction:column;padding:10px 16px;transition:background .1s;display:flex}.mta-suggestion-item:hover,.mta-suggestion-item--active{background:#f2f2f2}.mta-suggestion-title{color:#000;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.mta-suggestion-artist{color:#00000080;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:13px;overflow:hidden}.mta-suggestion-status{color:#0006;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px}
.sl-studio-header{z-index:20;background:#000;border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex;position:sticky;top:0}.sl-studio-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}.sl-header-play-btn,.sl-header-rec-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sl-studio-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sl-studio-song{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;overflow:hidden}.sl-studio-key{color:#fff;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.sl-container{background:#fff;border-radius:16px;padding:0;font-family:Poppins,sans-serif}.sl-channel-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sl-channel-label{color:#000;font-size:16px;font-weight:700}.sl-mute-btn{color:#0006;cursor:pointer;background:0 0;border:1.5px solid #0003;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:flex}.sl-mute-btn--on{color:#fff;background:#000;border-color:#000}.sl-mute-btn:hover:not(.sl-mute-btn--on){color:#000000b3;border-color:#00000080}.sl-divider{visibility:hidden;background:#00000014;height:1px;margin:16px 0}.sl-channel-header{position:relative}.sl-mode-toggle{background:#0000000f;border-radius:20px;gap:2px;margin-left:auto;padding:2px;display:flex}.sl-mode-btn{color:#00000080;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:18px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:background .15s,color .15s}.sl-mode-btn--active{color:#fff;background:#000}.sl-dots-btn{cursor:pointer;color:#00000080;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 6px;transition:color .15s,background .15s;display:flex}.sl-dots-btn:hover{color:#000;background:#0000000f}.sl-chord-popup{z-index:30;background:#fff;border:1px solid #0000001a;border-radius:14px;flex-direction:column;gap:12px;min-width:210px;padding:14px 16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 24px #00000024}.sl-popup-row{flex-direction:column;gap:6px;display:flex}.sl-popup-label{text-transform:uppercase;letter-spacing:.07em;color:#0006;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.sl-popup-pills{flex-wrap:wrap;gap:6px;display:flex}.sl-popup-pill{color:#0009;cursor:pointer;background:0 0;border:1.5px solid #00000026;border-radius:20px;padding:4px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.sl-popup-pill--active{color:#fff;background:#000;border-color:#000}.sl-popup-pill:hover:not(.sl-popup-pill--active):not(:disabled){color:#000;border-color:#0006}.sl-popup-pill:disabled{opacity:.4;cursor:default}
.ml-container{background:#fff;border-radius:16px;margin-bottom:16px;padding:8px 0;font-family:Poppins,sans-serif}.ml-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ml-title{color:#000;font-size:16px;font-weight:700}.ml-mode-toggle{background:#f0f0f0;border-radius:100px;gap:6px;padding:3px;display:flex}.ml-mode-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:100px;padding:6px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:background .2s,color .2s}.ml-mode-btn.ml-mode-btn--active{color:#fff;background:#000}.ml-settings{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.ml-settings-row{align-items:center;gap:10px;display:flex}.ml-settings-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;min-width:68px;font-size:12px;font-weight:600}.ml-pill-group{flex-wrap:wrap;gap:6px;display:flex}.ml-pill-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:100px;padding:4px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.ml-pill-btn:disabled{opacity:.4;cursor:not-allowed}.ml-pill-btn--active{color:#fff;background:#000;border-color:#000}.ml-body{flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.ml-note-display{flex-direction:column;align-items:center;gap:4px;display:flex}.ml-detected-note{color:#000;letter-spacing:-2px;min-height:68px;font-size:56px;font-weight:800;line-height:1}.ml-detected-note--empty{color:#d1d5db}.ml-note-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.ml-scale-strip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ml-scale-pill{color:#000;background:#fff;border:1px solid #000;border-radius:100px;padding:3px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:background .15s,color .15s}.ml-scale-pill--active{color:#fff;border-color:#0000}.ml-waveform{align-items:center;gap:4px;height:36px;display:flex}.ml-wave-bar{background:#000;border-radius:4px;width:4px;height:6px;transition:height 50ms}.ml-piano-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding-bottom:4px;overflow-x:auto}.ml-piano-wrapper::-webkit-scrollbar{display:none}.ml-piano-svg{-webkit-tap-highlight-color:transparent;margin:0 auto;display:block}.ml-tap-count{color:#6b7280;font-size:13px;font-weight:500}.ml-play-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .1s,opacity .1s;display:flex}.ml-play-btn:active{transform:scale(.93)}.ml-action-row{justify-content:center;gap:10px;display:flex}.ml-btn{cursor:pointer;border:none;border-radius:100px;padding:10px 28px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s}.ml-btn:active{transform:scale(.97)}.ml-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ml-btn--primary{color:#fff;background:#000}.ml-btn--secondary{color:#000;background:#f0f0f0}.ml-feedback-wrapper{width:100%;max-height:0;transition:max-height .4s;overflow:hidden}.ml-feedback-wrapper--visible{max-height:600px}.ml-feedback-panel{background:#f9f9f9;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.ml-feedback-title{color:#000;align-items:baseline;gap:6px;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.ml-feedback-score{font-size:28px;font-weight:800;line-height:1}.ml-feedback-score--none{color:#9ca3af}.ml-feedback-item{align-items:flex-start;gap:10px;display:flex}.ml-feedback-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ml-feedback-content{flex-direction:column;gap:2px;display:flex}.ml-feedback-label{color:#000;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:700}.ml-feedback-text{color:#374151;margin:0;font-size:14px;line-height:1.25}.ml-feedback-out-of-scale{color:#ef4444;margin:2px 0 0;font-size:12px;font-weight:500}.ml-feedback-summary{color:#000;text-align:center;border-top:1px solid #00000014;padding-top:12px;font-size:13px;font-weight:600}.ml-scrollbar-track{cursor:pointer;background:#e5e7eb;border-radius:2px;width:100%;height:4px;margin-top:6px;position:relative}.ml-scrollbar-thumb{cursor:grab;touch-action:none;background:#000;border-radius:2px;height:100%;position:absolute;top:0}.ml-scrollbar-thumb:active{cursor:grabbing}.ml-retry-row{justify-content:center;margin-top:16px;display:flex}.ml-record-btn{cursor:pointer;opacity:1;background:0 0;border:none;flex-shrink:0;padding:0;transition:opacity .15s}.ml-record-btn:disabled{cursor:default;opacity:.45}.ml-record-btn--capturing{animation:1s ease-in-out infinite ml-rec-pulse}@keyframes ml-rec-pulse{0%,to{opacity:1}50%{opacity:.5}}.ml-rec-badge{color:#ef4444;letter-spacing:.05em;vertical-align:middle;margin-left:8px;font-size:11px;font-weight:700;animation:1.2s ease-in-out infinite ml-rec-pulse}.ml-recordings-section{width:100%;margin-top:16px}.ml-recordings-toggle{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:6px 0;font-size:16px;font-weight:600;display:flex}.ml-recordings-toggle-label{align-items:center;gap:6px;display:flex}.ml-recordings-avg-score{font-size:14px;font-weight:700}.ml-recordings-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ml-recording-row{background:#f9fafb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.ml-recording-row--active{background:#f0fdf4}.ml-recording-play-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.ml-recording-info{flex:1;min-width:0}.ml-recording-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ml-recording-duration{color:#9ca3af;margin-top:2px;font-size:13px}.ml-recording-audio{accent-color:#000;width:100%;height:32px;margin-top:4px}.ml-recording-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ml-recording-score{text-align:right;min-width:24px;font-size:14px;font-weight:700}.ml-recording-delete{cursor:pointer;color:#d1d5db;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .15s}.ml-recording-delete:hover{color:#ef4444}
.rl-container{background:#fff;border-radius:16px;margin-top:20px;padding:0;font-family:Poppins,sans-serif}.rl-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rl-title{color:#000;font-size:16px;font-weight:700}.rl-beat-labels{grid-template-columns:repeat(4,1fr);margin-bottom:4px;margin-left:52px;display:grid}.rl-beat-label{color:#00000059;text-align:left;padding-left:2px;font-size:10px;font-weight:600}.rl-grid{flex-direction:column;gap:5px;display:flex}.rl-row{grid-template-columns:18px 1fr;align-items:center;gap:8px;display:grid}.rl-label{color:rgba(0, 0, 0,);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.rl-steps{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.rl-step{aspect-ratio:1;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:4px;min-width:0;padding:0;transition:none}.rl-step--beat{margin-left:3px}.rl-steps .rl-step:first-child{margin-left:0}.rl-step--on{background:#000}.rl-step--head{background:#59ddda22;outline:none;box-shadow:0 0 5px 1px #76fff7}.rl-step--on.rl-step--head{background:#59ddda;box-shadow:0 0 5px 1px #76fff7}@media (max-width:380px){.rl-steps{gap:2px}.rl-step--beat{margin-left:2px}.rl-row{grid-template-columns:18px 1fr;gap:4px}.rl-beat-labels{margin-left:40px}}