@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,Inter,system-ui,sans-serif;background:#060b0d;color:#eee8dc;font-synthesis:none;--bg: #070d10;--surface: #0b1317;--surface-2: #101a1f;--line: #27343a;--line-soft: #1b282e;--text: #eee8dc;--muted: #8c989e;--accent: #c9f43b;--accent-deep: #91b914;--danger: #ff857d}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 45% 12%,#122028 0,transparent 32%),var(--bg)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr) 74px;overflow:hidden}.app-header{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#070d10f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{margin-right:auto;color:var(--text);text-decoration:none;font:700 23px/1 Manrope,sans-serif;letter-spacing:.06em}.icon-button,.app-header button,.transport button,.chord-pager button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0c1519;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.icon-button{width:36px;height:36px}.menu-button{border-color:transparent;background:transparent}.header-actions{display:flex;gap:10px}.header-actions button{gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600}.header-actions button:hover,.transport button:hover,.chord-pager button:hover{border-color:#52626a;background:#152127}.header-actions .export-button{border-color:var(--accent-deep);color:var(--accent)}.project-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:grid;place-items:center;padding:22px;overflow-y:auto;background:#010608cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-dialog{position:relative;width:min(820px,100%);max-height:calc(100vh - 44px);overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border:1px solid #34454c;border-radius:18px;background:linear-gradient(145deg,#101b20,#080f12 70%);box-shadow:0 30px 90px #0000009e}.project-close{position:absolute;top:16px;right:16px;z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#0b1418;color:var(--text);cursor:pointer}.project-heading{padding:28px 60px 20px 28px;border-bottom:1px solid var(--line-soft)}.project-heading>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.project-heading h2{margin:7px 0 5px;font:700 27px/1.15 Manrope,sans-serif;letter-spacing:-.025em}.project-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.project-save-as{padding:18px 28px;border-bottom:1px solid var(--line-soft);background:#0d171bb8}.project-save-as label{display:block;margin-bottom:7px;color:#b9c2c0;font-size:11px;font-weight:700}.project-save-as>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.project-save-as input{min-width:0;height:42px;padding:0 12px;border:1px solid #3a4a51;border-radius:8px;background:#081115;color:var(--text)}.project-save-as button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--accent-deep);border-radius:8px;background:var(--accent);color:#101609;cursor:pointer;font-weight:800}.project-error{margin:14px 28px 0;padding:10px 12px;border:1px solid rgba(255,133,125,.45);border-radius:8px;background:#ff857d14;color:#ffaaa4;font-size:12px}.project-list{min-height:180px;overflow-y:auto;display:grid;align-content:start;gap:9px;padding:18px 28px 26px}.project-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:10px;color:#7f8d91;font-size:12px}.project-list article{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(210px,1fr) auto;align-items:center;gap:15px;padding:13px 14px;border:1px solid #2d3d44;border-radius:10px;background:#0a1418}.project-list article.is-current{border-color:#718d19;background:linear-gradient(90deg,#c9f43b13,#0a1418 55%)}.project-card-main{min-width:0;display:grid;grid-template-columns:minmax(0,auto) auto;justify-content:start;gap:4px 8px}.project-card-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.project-card-main em{align-self:center;padding:3px 6px;border-radius:999px;background:#c9f43b1f;color:var(--accent);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.project-card-main span{grid-column:1 / -1;display:inline-flex;align-items:center;gap:5px;color:#76858a;font-size:10px}.project-card-stats{display:flex;flex-wrap:wrap;gap:5px}.project-card-stats span{padding:4px 6px;border-radius:5px;background:#152126;color:#9eabad;font-size:9px}.project-card-actions{display:flex;gap:6px}.project-card-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #405159;border-radius:7px;background:#111d22;color:var(--text);cursor:pointer;font-size:11px;font-weight:700}.project-card-actions button:hover{border-color:var(--accent-deep);color:var(--accent)}.project-card-actions button.is-danger{width:34px;padding:0;color:#c38b87}.project-card-actions button.is-danger:hover{border-color:#ff857d8c;color:var(--danger)}.membership-center{flex:0 0 auto}.member-trigger{min-height:38px;gap:8px;padding:0 12px;white-space:nowrap}.member-trigger span{max-width:116px;overflow:hidden;text-overflow:ellipsis}.member-trigger small{padding:3px 6px;border-radius:999px;background:#1b2724;color:#a7b2ad;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.member-trigger.is-pro{border-color:#6d871c}.member-trigger.is-pro small{background:#c9f43b1f;color:var(--accent)}.member-trigger.is-gate{width:100%;min-height:50px;justify-content:center;border-color:var(--accent-deep);background:var(--accent);color:#101609;font-size:14px;font-weight:800}.member-trigger.is-gate span{max-width:none}.member-trigger.is-gate:hover{border-color:#dfff72;background:#d8ff5a}.access-gate{min-height:100vh;display:grid;place-items:center;padding:28px;overflow-y:auto;background:radial-gradient(circle at 50% 10%,rgba(50,75,80,.32),transparent 36%),linear-gradient(145deg,#050a0c,#091217 58%,#050a0c)}.access-gate-card{width:min(560px,100%);padding:34px;border:1px solid #314148;border-radius:20px;background:linear-gradient(145deg,#111d22fa,#070e11fc);box-shadow:0 30px 100px #00000094,0 0 70px #c9f43b06}.access-gate.is-warning .access-gate-card{border-color:#596429}.access-gate-brand{display:inline-block;margin-bottom:28px;color:var(--text);text-decoration:none;font:700 25px/1 Manrope,sans-serif;letter-spacing:.08em}.access-gate-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.access-gate h1{margin:0;max-width:510px;font:700 clamp(28px,5vw,40px)/1.12 "Manrope",sans-serif;letter-spacing:-.04em}.access-gate-card>p{margin:14px 0 22px;color:#98a4a7;font-size:14px;line-height:1.65}.access-gate-benefits{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none;color:#c3cbc8;font-size:12px}.access-gate-benefits li{display:flex;align-items:center;gap:9px}.access-gate-benefits svg{flex:0 0 auto;color:var(--accent)}.access-gate-config{display:block;margin-top:14px;color:#77858a;font-size:10px;line-height:1.5;text-align:center}.access-gate-config code{color:#b8c2bf}.access-gate-trust{display:flex;justify-content:center;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);color:#748186;font-size:10px}.access-gate-trust span{display:inline-flex;align-items:center;gap:6px}.access-gate-loading{display:grid;justify-items:center;gap:12px;color:#9aa6a8;font-size:12px}.access-gate-loading svg{color:var(--accent)}.access-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.access-gate-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #43535a;border-radius:9px;background:#111c21;color:var(--text);cursor:pointer;font-weight:700}.access-gate-actions button:first-child{border-color:var(--accent-deep);color:var(--accent)}.membership-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:22px;overflow-y:auto;background:#010608c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.membership-dialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 44px);overflow-y:auto;border:1px solid #34454c;border-radius:18px;background:linear-gradient(145deg,#101b20,#080f12 70%);box-shadow:0 30px 90px #00000094,0 0 0 1px #c9f43b0a inset}.membership-close{position:absolute;top:16px;right:16px;z-index:1;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#0b1418;cursor:pointer}.membership-close:hover{border-color:#596970}.membership-heading{padding:30px 60px 22px 30px;border-bottom:1px solid var(--line-soft)}.membership-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.membership-heading h2{margin:8px 0 5px;font:700 27px/1.15 Manrope,sans-serif;letter-spacing:-.025em}.membership-heading p{margin:0;max-width:520px;color:var(--muted);font-size:12px;line-height:1.55}.membership-content{padding:24px 30px 28px}.membership-config-note{display:grid;gap:4px;margin:20px 30px 0;padding:13px 15px;border:1px solid #675c28;border-radius:9px;background:#b1942714;color:#e5dcae;font-size:12px}.membership-config-note span{color:#a9a486}.membership-config-note code{color:var(--accent)}.membership-notice{margin:18px 30px 0;padding:11px 13px;border:1px solid;border-radius:8px;font-size:12px}.membership-notice.is-error{border-color:#ff857d73;background:#ff857d14;color:#ffaaa4}.membership-notice.is-success{border-color:#c9f43b59;background:#c9f43b12;color:#ddf98a}.google-auth-button,.membership-primary,.membership-secondary,.membership-account-actions button,.membership-plans button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #43535a;border-radius:9px;background:#111c21;color:var(--text);cursor:pointer;font-weight:700}.google-auth-button:hover,.membership-secondary:hover,.membership-account-actions button:hover{border-color:#718088;background:#16242a}.google-mark{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:50%;background:#f4f4f4;color:#4285f4;font:800 14px/1 Arial,sans-serif}.membership-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#707f85;font-size:10px}.membership-divider:before,.membership-divider:after{content:"";height:1px;flex:1;background:var(--line-soft)}.membership-form{display:grid;gap:12px}.membership-register-form{grid-template-columns:1fr 1fr}.membership-form label{display:grid;gap:6px;color:#bbbfb9;font-size:11px;font-weight:700}.membership-form input:not([type=checkbox]){width:100%;height:43px;padding:0 12px;border:1px solid #3a4a51;border-radius:8px;outline:0;background:#081115;color:var(--text)}.membership-form input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9f43b14}.membership-form label small{color:#748087;font-weight:500}.membership-register-form .is-wide{grid-column:1 / -1}.membership-consent{grid-template-columns:auto 1fr;align-items:start;line-height:1.45}.membership-consent input{margin:2px 0 0;accent-color:var(--accent)}.membership-primary{border-color:var(--accent-deep);background:var(--accent);color:#101609}.membership-primary:hover{background:#d8ff5a}.membership-primary:disabled,.membership-secondary:disabled,.google-auth-button:disabled{cursor:not-allowed;opacity:.45}.membership-text-button{width:100%;margin-top:18px;border:0;background:transparent;color:#8e9ba0;cursor:pointer;font-size:12px}.membership-text-button strong{color:var(--accent)}.member-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:20px;padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:#0a1317}.member-summary>svg,.member-summary img{width:42px;height:42px;padding:8px;border-radius:50%;background:#19242a;object-fit:cover}.member-summary img{padding:0}.member-summary div{min-width:0;display:grid;gap:2px}.member-summary strong,.member-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-summary span{color:var(--muted);font-size:11px}.member-summary em{padding:5px 8px;border-radius:999px;background:#19242a;color:#9ba6a9;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.member-summary em.is-pro{background:#c9f43b1f;color:var(--accent)}.membership-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.membership-account-actions .membership-primary{border-color:var(--accent-deep);background:var(--accent);color:#101609}.membership-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.membership-plans article{display:grid;align-content:start;padding:18px;border:1px solid #34434a;border-radius:12px;background:#0b1418}.membership-plans article.is-featured{border-color:#718d19;background:linear-gradient(145deg,#c9f43b17,#0b1418 65%)}.membership-plans article>span{color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.membership-plans h3{margin:8px 0 5px;font-size:19px}.membership-plans p{min-height:44px;margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.45}.membership-features{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;color:#bcc5c4;font-size:12px}.membership-features li{display:flex;align-items:center;gap:8px}.membership-features svg{color:var(--accent)}.spin{animation:membership-spin .8s linear infinite}@keyframes membership-spin{to{transform:rotate(360deg)}}.workspace{min-height:0;overflow:hidden;display:grid;grid-template-columns:294px minmax(560px,1fr) 252px}.control-rail,.inspector{min-width:0;background:#0a1216f5}.control-rail{display:grid;grid-template-rows:minmax(0,1fr);border-right:1px solid var(--line)}.rail-scroll,.inspector-scroll{overflow:auto;padding:22px 18px}.rail-heading{margin:0 0 24px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#aeb7b7}.field-label,.density-control legend{display:block;margin:18px 0 8px;font-size:13px;font-weight:700;color:#ddd7cb}.progression-field{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:1px solid #3a4a51;border-radius:8px;background:#0b1418;color:#91a0a6}.progression-field:focus-within{border-color:var(--accent)}.progression-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:19px;letter-spacing:.03em}.field-help{margin:7px 0 0;color:#79868c;font-size:11px}select{width:100%;height:44px;padding:0 38px 0 12px;border:1px solid #3a4a51;border-radius:8px;background:#0b1418;color:var(--text);cursor:pointer}.preset-label-row{display:flex;align-items:end;justify-content:space-between;gap:8px}.preset-label-row .field-label{margin-bottom:8px}.preset-label-row span{margin-bottom:9px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.04em}.preset-select{border-color:#526816;color:#dce7ba}.preset-select:focus{border-color:var(--accent)}.genre-select{border-color:#3f564b;color:#d8e1dd}.genre-select:focus{border-color:var(--accent-deep)}.density-control{margin:0;padding:0;border:0}.segments{display:grid;grid-template-columns:repeat(3,1fr)}.segments button{min-height:40px;border:1px solid #3a4a51;border-right:0;background:#0b1418;color:#9ca7ab;cursor:pointer}.segments button:first-child{border-radius:8px 0 0 8px}.segments button:last-child{border-right:1px solid #3a4a51;border-radius:0 8px 8px 0}.segments .is-selected{background:var(--accent);color:#11180a;border-color:var(--accent);font-weight:700}.or-divider{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:#748087;font-size:11px}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:var(--line)}.midi-drop{width:100%;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #65747a;border-radius:10px;background:#0d171b;color:#c5c2b8;cursor:pointer}.midi-drop:hover{border-color:var(--accent);background:#111d20}.midi-drop strong{max-width:220px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-drop span{color:#77858b;font-size:11px}.rail-status,.inspector-footer{padding:16px 18px;border-top:1px solid var(--line);color:#9aa4a8;font-size:11px}.rail-status span{margin:0 6px;color:#4f6067}.editor-area{min-width:0;overflow:auto;background:#080f12}.voice-canvas{border-bottom:1px solid var(--line)}.chord-strip{padding:20px 22px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#415056 transparent}.section-label{display:block;margin-bottom:12px;color:#939fa3;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.chord-strip-grid{display:grid;gap:4px}.chord-strip-grid button{min-width:0;padding:4px 10px 10px;text-align:left;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.chord-strip-grid button:hover,.chord-strip-grid .is-active{border-bottom-color:var(--accent)}.chord-strip-grid strong{display:block;color:#efe8dc;font:700 clamp(24px,3vw,42px)/1.15 "Manrope",sans-serif;letter-spacing:-.04em}.chord-strip-grid.is-dense strong{font-size:clamp(18px,2vw,28px)}.chord-strip-grid.is-very-dense strong{font-size:clamp(15px,1.6vw,23px)}.chord-strip-grid.is-ultra-dense strong{font-size:clamp(13px,1.35vw,19px)}.chord-strip-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-strip-grid .is-active strong{color:var(--accent)}.chord-strip-grid span{color:#7f8c91;font-size:11px}.voice-svg{display:block;width:100%;min-height:310px;max-height:360px}.voice-playing-column{fill:#c9f43b09;stroke:#c9f43b24;stroke-width:1}.voice-ruler-dimmed text,.voice-ruler-dimmed rect{opacity:.2}.voice-active-label line{stroke:#c9f43b33;stroke-width:1.5}.voice-active-label text{fill:#dfff75;font-size:13px;font-weight:800;filter:drop-shadow(0 0 5px rgba(201,244,59,.8))}.voice-active-label rect{fill:#d7ff4f;stroke:#f0ffc0;stroke-width:2;filter:drop-shadow(0 0 7px rgba(201,244,59,.85))}.voice-active-label rect.is-black-key{fill:#8cac28}.voice-note-active{filter:drop-shadow(0 0 7px rgba(201,244,59,.95));animation:voice-note-glow .6s ease-in-out infinite alternate}@keyframes voice-note-glow{0%{filter:drop-shadow(0 0 4px rgba(201,244,59,.65))}to{filter:drop-shadow(0 0 10px rgba(201,244,59,1))}}.reason-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-soft)}.reason-strip button{display:flex;align-items:flex-start;gap:10px;padding:15px 18px;border:0;border-right:1px solid var(--line-soft);background:#0b1317;text-align:left;cursor:pointer}.reason-strip button:last-child{border-right:0}.reason-dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border-radius:50%}.reason-strip strong,.reason-strip small{display:block}.reason-strip strong{color:#d9d8d0;font-size:11px}.reason-strip small{margin-top:4px;color:#77848a;font-size:10px}.transport{position:relative;z-index:20;display:grid;grid-template-columns:294px minmax(560px,1fr) 252px;min-height:74px;padding:0;border-top:1px solid #39484f;background:#070d10fa;box-shadow:0 -10px 30px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.transport-edge{min-width:0;display:flex;align-items:center;padding:0 18px;color:#89969b;font-size:10px;line-height:1.35}.transport-project-status{border-right:1px solid var(--line)}.transport-inspector-hint{border-left:1px solid var(--line)}.transport-main{min-width:0;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:16px;padding:10px 16px}.transport-timeline{min-width:0;display:flex;align-items:center;gap:12px}.transport-actions{display:flex;align-items:center;justify-content:center;gap:9px}.transport button{width:38px;height:38px}.transport .play-button{width:42px;height:42px;border-color:var(--accent-deep);color:var(--accent)}.transport .metronome-button{position:relative}.transport .metronome-button.is-active{border-color:var(--accent);background:#18220f;color:var(--accent)}.transport .loop-button.is-active{border-color:var(--accent);background:#18220f;color:var(--accent);box-shadow:inset 0 0 0 1px #beff2d29}.metronome-dots{position:absolute;right:5px;bottom:4px;left:5px;display:flex;justify-content:center;gap:2px}.metronome-dots i{width:3px;height:3px;border-radius:50%;background:#4f5e64}.metronome-dots i.is-current{background:var(--accent);box-shadow:0 0 5px var(--accent)}.timecode{color:#aab2b3;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline{min-width:60px;flex:1;height:4px;overflow:hidden;border-radius:999px;background:#26343a}.timeline span{display:block;height:100%;background:var(--accent)}.transport-settings{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:12px}.soundfont-status{min-width:116px;color:#78909a;font-size:10px;letter-spacing:.02em}.soundfont-status.is-loading{color:#e8c96b}.soundfont-status.is-ready{color:var(--accent)}.soundfont-status.is-error{color:#ff8c85}.transport label{display:flex;align-items:center;gap:7px;color:#7e8b90;font-size:10px;font-weight:700;white-space:nowrap}.transport input{width:60px;height:36px;padding:0 7px;border:1px solid #39484f;border-radius:7px;background:#0c1519;color:var(--text)}.transport select{width:168px;height:36px;padding:0 26px 0 8px;border-color:#39484f;font-size:11px}.transport .rhythm-pattern-control select{width:174px}.transport .reverb-control{gap:5px}.transport .reverb-control input[type=range]{width:74px;height:20px;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer;touch-action:pan-x}.transport .reverb-control output{min-width:27px;color:#aeb9ba;font-size:9px;font-variant-numeric:tabular-nums;text-align:right}.comparison{display:grid;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:20px;padding:20px}.comparison-label{display:block;margin-bottom:9px;color:#8b979b;font-size:10px;font-weight:700;text-transform:uppercase}.comparison-label.accent{color:var(--accent)}.comparison-label small{margin-left:8px;color:#66757a;font-size:8px;font-weight:600;letter-spacing:0;text-transform:none}.chord-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:7px}.chord-blocks button{position:relative;min-height:58px;border:1px solid #34434a;border-radius:7px;background:#0d161a;color:#e2ddd3;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.chord-blocks.output button,.chord-strip-grid button{-webkit-touch-callout:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.chord-blocks.output button{border-color:#526816;color:var(--accent)}.chord-blocks.output button:hover{border-color:var(--accent);background:#141d0d}.chord-blocks.output .is-selected{background:#17200e;border-color:var(--accent)}.chord-blocks.output .is-previewing{border-color:var(--accent);background:linear-gradient(145deg,#334b13,#20310d);color:#f4ffd5;text-shadow:0 1px 2px rgba(0,0,0,.72);box-shadow:0 0 0 3px #c9f43b2e,inset 0 0 18px #c9f43b14}.chord-blocks.output .is-playing{border-color:var(--accent);background:linear-gradient(145deg,#334b13,#20310d);color:#f4ffd5;text-shadow:0 1px 2px rgba(0,0,0,.72);box-shadow:0 0 0 3px #c9f43b33,inset 0 0 18px #c9f43b1a}.chord-blocks:not(.output) .is-selected{border-color:#75858b}.chord-blocks:not(.output) .is-previewing{border-color:var(--accent);background:#18210f;color:var(--accent);box-shadow:0 0 0 3px #c9f43b14}.chord-blocks:not(.output) .is-playing{border-color:var(--accent);background:#18210f;color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.chord-blocks.output .is-manual:after{content:"ELLE";position:absolute;right:7px;bottom:5px;color:#eaffaa;font-size:7px;letter-spacing:.08em;opacity:.7}.chord-duration-badge{position:absolute;bottom:5px;left:7px;color:#829095;font-size:7px;font-weight:800;letter-spacing:.03em}.chord-blocks.output .is-selected .chord-duration-badge,.chord-blocks.output .is-playing .chord-duration-badge{color:#dffb81}.delete-chord-button{width:100%;min-height:34px;margin-top:7px;border-color:#53363a!important;color:#e69a9f!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.delete-chord-button:hover,.delete-chord-button:focus-visible{border-color:#e2646e!important;background:#241316!important;color:#ffb4b9!important}.chord-preview-icon{position:absolute;top:8px;right:8px;opacity:0;transform:translate(3px);transition:opacity .15s ease,transform .15s ease}.chord-blocks.output button:hover .chord-preview-icon,.chord-blocks.output .is-previewing .chord-preview-icon{opacity:1;transform:translate(0)}.chord-blocks:not(.output) button:hover .chord-preview-icon,.chord-blocks:not(.output) .is-previewing .chord-preview-icon{opacity:1;transform:translate(0)}.chord-blocks.output .is-previewing .chord-preview-icon{animation:preview-pulse .75s ease-in-out infinite alternate}@keyframes preview-pulse{0%{opacity:.55}to{opacity:1}}.comparison-arrow{color:#c1bdaf;font-size:28px}.chord-wheel{position:fixed;z-index:120;width:284px;height:284px;transform:translate(-50%,-50%);border:1px solid rgba(201,244,59,.58);border-radius:50%;background:radial-gradient(circle,#111c18fa 0,#111c18fa 34%,#0a1215f7 35%,#0a1215f7 66%,#070d10f0 67%);box-shadow:0 24px 70px #000000b8,0 0 0 6px #c9f43b0d,inset 0 0 40px #c9f43b0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:chord-wheel-in .16s ease-out both}.chord-wheel:before,.chord-wheel:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(201,244,59,.11);border-radius:50%;top:49px;right:49px;bottom:49px;left:49px}.chord-wheel:after{top:91px;right:91px;bottom:91px;left:91px;border-color:#c9f43b3d}.chord-wheel-option{position:absolute;z-index:2;top:50%;left:50%;width:58px;height:48px;margin:-24px 0 0 -29px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #405047;border-radius:13px;background:#0d1818;color:#dbe3da;cursor:pointer;box-shadow:0 5px 14px #0000005c;transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}.chord-wheel-option:hover,.chord-wheel-option:focus-visible{z-index:4;outline:0;border-color:var(--accent);background:#1a280f;color:var(--accent);box-shadow:0 0 0 3px #c9f43b1f,0 7px 18px #00000073}.chord-wheel-option.is-selected{z-index:3;border-color:var(--accent);background:linear-gradient(145deg,#243512,#18250e);color:var(--accent);box-shadow:0 0 0 3px #c9f43b24,inset 0 0 14px #c9f43b14}.chord-wheel-option.is-selected small{color:#b2c17d}.chord-wheel-option strong{font:800 12px/1 Manrope,sans-serif}.chord-wheel-option small{margin-top:3px;color:#78868a;font-size:7px}.chord-wheel-center{position:absolute;z-index:3;top:50%;left:50%;width:110px;height:110px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(201,244,59,.4);border-radius:50%;background:#111d18;box-shadow:0 0 24px #c9f43b1a}.chord-wheel-center>span{max-width:90px;overflow:hidden;color:var(--accent);font:800 15px/1 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.chord-wheel-center button{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:0;background:transparent;color:#829095;font-size:7px;cursor:pointer}.chord-wheel-center button:hover{color:#e7eee5}.chord-wheel-center .chord-wheel-root-switch{padding:2px 6px;border:1px solid rgba(201,244,59,.28);border-radius:999px;color:var(--accent)}.chord-wheel-center .chord-wheel-root-switch:hover,.chord-wheel-center .chord-wheel-root-switch.is-active{border-color:var(--accent);background:#c9f43b17;color:#efffc2}.chord-wheel-close{position:absolute;z-index:5;top:9px;right:9px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3c4a4f;border-radius:50%;background:#10191d;color:#89969b;cursor:pointer}.chord-wheel-close:hover{border-color:#748389;color:#fff}.chord-wheel-back{position:absolute;z-index:5;top:9px;left:9px;min-width:58px;height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #3c4a4f;border-radius:999px;background:#10191d;color:#aeb9bc;font:700 9px/1 Manrope,sans-serif;cursor:pointer}.chord-wheel-back:hover,.chord-wheel-back:focus-visible{outline:0;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px #c9f43b1a}@keyframes chord-wheel-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.piano-roll{position:relative;overflow:visible;border-top:1px solid #3a474d;border-bottom:1px solid var(--line);background:#080f12}.piano-roll-header{min-height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--line);background:#0b1317}.piano-roll-title{display:flex;align-items:center;gap:7px;color:#dce3df}.piano-roll-title>span{font:700 12px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.piano-roll-title small{color:#718087;font-size:10px}.piano-velocity-readout{padding:3px 6px;border:1px solid rgba(201,244,59,.32);border-radius:999px;background:#c9f43b0f;color:var(--accent);font:800 8px/1 Manrope,sans-serif;font-style:normal;letter-spacing:.06em}.piano-live-chord{min-width:154px;height:38px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:13px 18px;align-items:center;column-gap:7px;padding:3px 5px 3px 9px;border:1px solid #344349;border-radius:8px;background:#0a1216}.piano-live-chord>span{color:#728187;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.piano-live-chord>strong{grid-column:1;color:#879397;font:800 12px/1 Manrope,sans-serif;white-space:nowrap}.piano-live-chord>div{grid-column:2;grid-row:1 / 3;display:flex;gap:3px}.piano-live-chord button{height:26px;padding:0 6px;border:1px solid #39484e;border-radius:5px;background:#101a1e;color:#aab5b8;font-size:8px;font-weight:800;cursor:pointer}.piano-live-chord button:hover:not(:disabled),.piano-live-chord button:focus-visible{outline:0;border-color:var(--accent);color:var(--accent)}.piano-live-chord button:disabled{opacity:.35;cursor:not-allowed}.piano-live-chord.is-live{border-color:var(--accent);background:#c9f43b12;box-shadow:0 0 12px #c9f43b1f}.piano-live-chord.is-live>span,.piano-live-chord.is-live>strong,.piano-live-chord.is-latched>strong{color:var(--accent)}.piano-octave-navigation{display:flex;align-items:center;justify-content:center;gap:9px}.piano-octave-navigation button,.piano-label-toggle,.piano-qwerty-toggle{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#9fa9ac;cursor:pointer}.piano-octave-navigation button{width:34px;padding:0}.piano-octave-navigation strong{min-width:72px;color:var(--accent);font-size:11px;text-align:center}.piano-header-actions{justify-self:end;display:flex;align-items:center;gap:7px}.midi-controller-control{display:inline-flex;align-items:center;gap:5px}.midi-controller-control button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#9fa9ac;font-size:10px;font-weight:700;cursor:pointer}.midi-controller-control button.is-active{border-color:var(--accent);background:#17200e;color:var(--accent);box-shadow:0 0 0 2px #c9f43b14}.midi-controller-control button:disabled{opacity:.55;cursor:not-allowed}.midi-controller-control select{width:128px;height:34px;padding:0 25px 0 8px;font-size:10px}.midi-controller-control small{max-width:94px;color:#7f8d92;font-size:9px;white-space:nowrap}.midi-controller-control.is-denied button{border-color:#80504c;color:#ffaaa4}.chord-capture-control{display:inline-flex;align-items:center;gap:5px}.chord-capture-control button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#9fa9ac;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.chord-capture-control button.is-active{border-color:#ff7870;background:#271414;color:#ffaaa4;box-shadow:0 0 0 2px #ff78701a}.chord-capture-control button.is-active svg{animation:capture-pulse .7s ease-in-out infinite alternate}.chord-capture-control small{min-width:46px;color:var(--accent);font-size:10px;font-weight:800;white-space:nowrap}@keyframes capture-pulse{0%{opacity:.48;transform:scale(.86)}to{opacity:1;transform:scale(1.08)}}.piano-instrument-control{display:inline-flex;align-items:center;gap:6px;color:#8e9a9e;font-size:9px;font-weight:700;white-space:nowrap}.piano-instrument-control select{width:168px;height:34px;padding:0 27px 0 9px;font-size:10px}.piano-sound-status{min-width:82px;display:inline-flex;align-items:center;gap:5px;color:#7f8d92;font-size:8px;font-weight:700;white-space:nowrap}.piano-sound-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#526067}.piano-sound-status.is-loading{color:#e4b855}.piano-sound-status.is-loading i{background:#e4b855;animation:preview-pulse .7s ease-in-out infinite alternate}.piano-sound-status.is-ready{color:var(--accent)}.piano-sound-status.is-ready i{background:var(--accent);box-shadow:0 0 7px #c9f43bb3}.piano-sound-status.is-error{color:#ff7e75}.piano-sound-status.is-error i{background:#ff7e75}.piano-label-toggle,.piano-qwerty-toggle{font-size:10px;font-weight:700}.piano-label-toggle.is-active,.piano-qwerty-toggle.is-active{border-color:var(--accent);background:#17200e;color:var(--accent);box-shadow:0 0 0 2px #c9f43b14}.piano-keyboard-wrap{padding:18px clamp(12px,3vw,36px) 24px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#46565c #0a1216;background:radial-gradient(circle at 50% 0,rgba(37,55,62,.42),transparent 55%),#091014}.piano-keyboard{position:relative;width:100%;min-width:630px;max-width:1180px;height:226px;margin:0 auto;-webkit-user-select:none;user-select:none;touch-action:none}.piano-keyboard.piano-keyboard-full{min-width:0;max-width:none;margin:0}.piano-white-keys{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.piano-keyboard-full .piano-keyboard-white{flex:0 0 46px}.piano-keyboard-white{position:relative;flex:1;height:226px;padding:0;border:1px solid #aeb4b2;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(#f8faf8,#e7eae7 76%,#cfd4d1);color:#1b2428;cursor:pointer;box-shadow:inset 0 -9px 13px #3e484829}.piano-keyboard-white:hover{background:linear-gradient(#fff,#f2f7e5 75%,#dce8b6)}.piano-keyboard-white.is-active{background:linear-gradient(#f5ffd2,#c9f43b);box-shadow:inset 0 -8px 14px #455b0440,0 0 14px #c9f43ba6}.piano-particle-layer{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.piano-synthesia-burst{position:absolute;width:1px;height:1px;pointer-events:none}.piano-synthesia-burst i{position:absolute;top:0;left:var(--particle-x);width:var(--particle-size);height:var(--particle-size);border:1px solid rgba(242,255,209,.8);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 12%,#eaffac 28%,#c9f43bad 58%,#97ca0824 78%);opacity:0;box-shadow:0 0 4px #e8ffa6f2,0 0 9px #c9f43bb8;animation:piano-synthesia-rise var(--particle-duration) cubic-bezier(.16,.78,.26,1) var(--particle-delay) forwards}.piano-keyboard-white span{position:absolute;right:0;bottom:12px;left:0;font-size:11px;font-weight:600;text-align:center}.piano-keyboard-white kbd{position:absolute;right:0;bottom:13px;left:0;color:#566165;font:800 11px/1 Manrope,sans-serif;text-align:center}.piano-keyboard-white span+kbd,.piano-keyboard-white kbd:has(+span){bottom:38px}.piano-keyboard-white small{margin-left:2px;color:#667075;font-size:8px}.piano-black-keys{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.piano-keyboard-black{position:absolute;z-index:2;width:calc(100% / 21 * .7);min-width:20px;height:138px;padding:0;transform:translate(-50%);border:1px solid #050708;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#050708,#171b1d 52%,#020304);color:#f4f6f2;pointer-events:auto;cursor:pointer;box-shadow:0 5px 5px #0000007a,inset 0 -8px #0b0e0f}.piano-keyboard-black:hover{background:linear-gradient(90deg,#0b0f10,#263027 52%,#060807)}.piano-keyboard-black.is-active{background:linear-gradient(90deg,#58710d,#b8e72c 52%,#405409);box-shadow:0 5px 5px #0000007a,0 0 14px #c9f43bcc}.piano-keyboard-black span{display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;font-size:9px;line-height:1.05}.piano-keyboard-black kbd{position:absolute;right:0;bottom:15px;left:0;color:var(--accent);font:800 10px/1 Manrope,sans-serif;text-align:center}.piano-keyboard-black kbd:has(+span){bottom:43px}.piano-keyboard-black b{font-weight:700}@keyframes piano-synthesia-rise{0%{opacity:0;transform:translateY(4px) scale(.35)}12%{opacity:1}48%{opacity:.88}to{opacity:0;transform:translate(var(--particle-drift),calc(var(--particle-rise) * -1)) scale(1.08)}}@media(prefers-reduced-motion:reduce){.piano-synthesia-burst i{animation-duration:.01ms}}.inspector{display:grid;grid-template-rows:minmax(0,1fr);border-left:1px solid var(--line)}.chord-pager{display:grid;grid-template-columns:34px 1fr 34px;align-items:center}.chord-pager button{width:34px;height:32px}.chord-pager span{text-align:center;color:#9da7aa;font-size:12px}.inspector-chord{margin:24px 0;color:var(--accent);font:700 30px/1 Manrope,sans-serif}.chord-octave-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-8px 0 20px}.chord-octave-controls>span{grid-column:1 / -1;color:#89969b;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chord-octave-controls button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#c8d0cf;font-size:10px;font-weight:700;cursor:pointer}.chord-octave-controls button:hover:not(:disabled){border-color:var(--accent-deep);color:var(--accent);background:#14200f}.chord-duration-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:-8px 0 20px}.chord-duration-controls>span{grid-column:1 / -1;color:#89969b;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chord-duration-controls button{min-height:32px;padding:0 4px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#9aa6aa;font-size:9px;font-weight:750;cursor:pointer}.chord-duration-controls button:hover,.chord-duration-controls button.is-active{border-color:var(--accent);background:#17200e;color:var(--accent)}.chord-duration-controls button.is-active{box-shadow:0 0 0 2px #c9f43b14}.inspector-section{padding:18px 0;border-top:1px solid var(--line)}.inspector-section h3{margin:0 0 13px;color:#ded8ce;font-size:13px}.inspector-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.inspector-section-heading h3{margin:0}.inspector-section-heading button{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #34434a;border-radius:6px;background:#0d161a;color:#9da8ac;font-size:10px;cursor:pointer}.inspector-section-heading button:hover{border-color:var(--accent-deep);color:var(--accent)}.inspector-section p{margin:0;color:#909a9e;font-size:11px;line-height:1.65}.function-name{margin-bottom:8px!important;color:var(--text)!important;font-weight:700;text-transform:capitalize}.note-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.note-list li{display:grid;grid-template-columns:9px 32px minmax(52px,1fr) auto;align-items:center;gap:7px;font-size:11px}.note-list li>span:nth-child(3){color:#8b969a}.note-list li.is-muted>strong,.note-list li.is-muted>span:nth-child(3){opacity:.42;text-decoration:line-through}.note-list li.is-muted .note-dot{opacity:.35;filter:grayscale(1)}.note-dot{width:8px;height:8px;border-radius:50%}.note-0{background:#c9f43b}.note-1{background:#8fe6da}.note-2{background:#73aef7}.note-3{background:#a98bf2}.note-4{background:#d485f1}.octave-controls{display:inline-flex;gap:3px}.octave-controls button{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #334249;border-radius:5px;background:#0c1519;color:#9aa6aa;cursor:pointer}.octave-controls button:hover:not(:disabled){border-color:var(--accent-deep);color:var(--accent);background:#151e0f}.octave-controls button:disabled{opacity:.3;cursor:not-allowed}.octave-controls .mute-button.is-muted{border-color:#81504b;background:#2b1718;color:#ff9e96}.tension-row p{display:flex;align-items:center;gap:5px}.error-banner{position:sticky;top:0;z-index:3;padding:11px 18px;border-bottom:1px solid #7e3e39;background:#2b1718;color:#ffaaa4;font-size:12px}.empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#77858a}.empty-state h1{margin:16px 0 5px;color:var(--text);font:700 29px/1.2 Manrope,sans-serif}.empty-state p{margin:0}.melody-harmony{padding:22px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 0,rgba(201,244,59,.07),transparent 32%),#091115}.melody-harmony-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.melody-harmony-head .section-label{margin-bottom:7px;color:var(--accent)}.melody-harmony-head h2{margin:0;color:#f0eadf;font:700 24px/1.2 Manrope,sans-serif;letter-spacing:-.025em}.melody-harmony-head p{max-width:720px;margin:7px 0 0;color:#859298;font-size:12px}.melody-note-summary{min-width:72px;padding:10px 14px;border:1px solid #3d4d43;border-radius:10px;background:#0d1817;text-align:center}.melody-note-summary strong,.melody-note-summary span{display:block}.melody-note-summary strong{color:var(--accent);font:800 24px/1 Manrope,sans-serif}.melody-note-summary span{margin-top:4px;color:#77868a;font-size:9px;text-transform:uppercase}.melody-entry-toolbar{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0b1418}.melody-entry-toolbar button,.harmony-result footer button,.find-chords-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #3b4a50;border-radius:7px;background:#0d171b;color:#bec8c8;font-size:10px;font-weight:700;cursor:pointer}.melody-entry-toolbar button.is-recording{border-color:#ff7870;background:#291516;color:#ffaaa4;box-shadow:0 0 0 3px #ff787014}.melody-entry-toolbar label{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#849196;font-size:10px;font-weight:700}.melody-entry-toolbar select{width:84px;height:36px}.melody-file{max-width:180px;display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:var(--accent);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.melody-recording-clock{min-height:46px;display:grid;grid-template-columns:150px auto 1fr;align-items:center;gap:14px;margin-top:8px;padding:8px 12px;border:1px solid #2d3b41;border-radius:9px;background:#0a1317;color:#75838a}.melody-recording-clock>div:first-child{display:flex;align-items:baseline;gap:8px}.melody-recording-clock span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.melody-recording-clock strong{color:#c4ccca;font:800 14px/1 Manrope,sans-serif}.melody-recording-clock small{justify-self:end;font-size:9px}.melody-recording-clock.is-countIn{border-color:#d3a64a;background:#201a0d;color:#e8c66e;box-shadow:inset 3px 0 #d3a64a}.melody-recording-clock.is-recording{border-color:#b55450;background:#211112;color:#ffaaa4;box-shadow:inset 3px 0 #ff7870}.melody-recording-clock.is-recording strong,.melody-recording-clock.is-countIn strong{color:#f4eee2}.melody-beat-dots{display:flex;align-items:center;gap:6px}.melody-beat-dots i{width:8px;height:8px;border-radius:50%;background:#35434a;transition:transform .08s ease,background .08s ease,box-shadow .08s ease}.melody-beat-dots i:first-child{width:10px;height:10px}.melody-beat-dots i.is-current{background:var(--accent);box-shadow:0 0 9px #c9f43bbf;transform:scale(1.2)}.melody-note-grid{margin-top:10px;overflow:hidden;border:1px solid #33434a;border-radius:10px;background:#081115}.melody-grid-toolbar{min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #33434a;background:#0c161a}.melody-grid-toolbar>div:first-child{min-width:145px;display:grid;gap:2px}.melody-grid-tools{display:inline-flex;align-items:center;gap:3px;padding:2px;border:1px solid #2c3d43;border-radius:7px;background:#081216}.melody-grid-tools button{width:27px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#829095;cursor:pointer}.melody-grid-tools button:hover{color:#dce5df}.melody-grid-tools button.is-active{border-color:#77951d;background:#c9f43b21;color:var(--accent);box-shadow:inset 0 0 8px #c9f43b14}.melody-grid-zoom{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #2c3d43;border-radius:7px;background:#081216}.melody-grid-zoom button{min-width:27px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#829095;font-size:8px;font-weight:800;cursor:pointer}.melody-grid-zoom button:hover:not(:disabled),.melody-grid-zoom button:focus-visible{outline:0;border-color:#50641c;color:var(--accent)}.melody-grid-zoom button:disabled{opacity:.28;cursor:default}.melody-grid-zoom .melody-grid-zoom-value{min-width:43px;color:#c4ceca;font-variant-numeric:tabular-nums}.melody-grid-zoom .melody-grid-zoom-reset{border-left-color:#2c3d43;border-radius:0 5px 5px 0}.melody-grid-toolbar strong{color:#dce4df;font-size:11px}.melody-grid-toolbar span{color:#738188;font-size:8px}.melody-grid-hint{flex:1}.melody-grid-editors{min-width:0;flex:1;display:flex;align-items:center;gap:4px;overflow-x:auto}.melody-grid-editors button,.melody-grid-export{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid #3a4a50;border-radius:6px;background:#101b20;color:#aeb9ba;font-size:8px;font-weight:750;white-space:nowrap;cursor:pointer}.melody-grid-editors button:hover,.melody-grid-export:hover:not(:disabled){border-color:var(--accent-deep);color:var(--accent)}.melody-grid-editors button.is-danger{color:#ffaaa4}.melody-grid-editors label{display:inline-flex;align-items:center;gap:4px;color:#879499;font-size:8px;font-weight:800}.melody-grid-editors input[type=range]{width:58px;height:18px;padding:0;border:0;background:transparent;accent-color:var(--accent)}.melody-grid-editors output{min-width:22px;color:var(--accent);font-variant-numeric:tabular-nums}.melody-grid-selection-count{min-width:max-content;padding:4px 7px;border-radius:5px;background:#c9f43b21;color:var(--accent)!important;font-size:8px!important;white-space:nowrap}.melody-grid-instrument{display:inline-flex;align-items:center;gap:6px;color:#7f8d92;font-size:8px;font-weight:750;white-space:nowrap}.melody-grid-instrument select{width:168px;height:29px;padding:0 25px 0 7px;font-size:9px}.melody-grid-sound-status{min-width:34px;color:#7f8d92;font-size:8px;font-weight:800;white-space:nowrap}.melody-grid-sound-status.is-loading{color:#e4b855}.melody-grid-sound-status.is-ready{color:var(--accent)}.melody-grid-sound-status.is-error{color:#ff7e75}.melody-grid-export{margin-left:auto;border-color:#566e1a;color:var(--accent)}.melody-grid-export:disabled{opacity:.35;cursor:not-allowed}.melody-grid-scroll{max-height:312px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#7c929a #0b1418;scrollbar-width:auto}.melody-grid-scroll::-webkit-scrollbar{width:12px;height:12px}.melody-grid-scroll::-webkit-scrollbar-track{border-top:1px solid #25343a;background:#081115}.melody-grid-scroll::-webkit-scrollbar-thumb{border:2px solid #081115;border-radius:999px;background:#62777f}.melody-grid-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}.melody-grid-timeline-scroll{display:grid;grid-template-columns:auto 25px minmax(120px,1fr) 25px auto;align-items:center;gap:7px;min-height:32px;padding:4px 10px;border-top:1px solid #26353b;background:#091317}.melody-grid-timeline-scroll span{color:#78878c;font-size:8px;font-weight:750;white-space:nowrap}.melody-grid-timeline-scroll button{width:25px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #34454b;border-radius:5px;background:#101b20;color:#aab7b9;cursor:pointer}.melody-grid-timeline-scroll button:hover:not(:disabled){border-color:var(--accent-deep);color:var(--accent)}.melody-grid-timeline-scroll button:disabled{opacity:.3;cursor:default}.melody-grid-timeline-scroll input[type=range]{width:100%;height:18px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:ew-resize}.melody-grid-timeline-scroll input[type=range]:disabled{opacity:.35;cursor:default}.melody-grid-canvas{position:relative;min-width:100%;background:#0a1317;-webkit-user-select:none;user-select:none}.melody-grid-scroll.is-pencil .melody-grid-canvas{cursor:crosshair}.melody-grid-scroll.is-multi .melody-grid-note{cursor:cell}.melody-grid-scroll.is-eraser .melody-grid-note{cursor:not-allowed}.melody-grid-scroll.is-pan{touch-action:none;cursor:grab}.melody-grid-scroll.is-pan:active{cursor:grabbing}.melody-grid-scroll.is-pan .melody-grid-note{pointer-events:none}.melody-grid-corner{position:sticky;z-index:8;top:0;left:0;width:52px;height:24px;border-right:1px solid #45545a;border-bottom:1px solid #45545a;background:#0d181c}.melody-grid-time{position:absolute;z-index:5;top:0;height:24px;border-bottom:1px solid #45545a;background:#0d181c}.melody-grid-time span{position:absolute;height:24px;padding:6px 0 0 5px;border-left:1px solid #2e3b41;color:#7f8d92;font-size:8px;font-variant-numeric:tabular-nums}.melody-grid-row{position:absolute;right:0;left:0;height:18px;border-bottom:1px solid rgba(64,80,87,.28);background:#0f191d6b}.melody-grid-row.is-black{background:#03090ca3}.melody-grid-row>span{position:sticky;z-index:6;left:0;width:52px;height:18px;display:block;padding:3px 7px 0 0;border-right:1px solid #45545a;background:#0c161a;color:#7f8c91;font-size:8px;font-weight:700;text-align:right}.melody-grid-row.is-black>span{background:#081014}.melody-grid-beat-lines{position:absolute;pointer-events:none}.melody-grid-beat-lines i{position:absolute;top:0;bottom:0;width:1px;background:#5f70773d}.melody-grid-beat-lines i.is-measure{width:2px;background:#c9f43b47}.melody-grid-note{position:absolute;z-index:4;min-width:8px;overflow:hidden;border:1px solid #8fb124;border-radius:3px;background:linear-gradient(90deg,#9fce24,#c9f43b);color:#152006;box-shadow:0 1px 5px #00000061;cursor:grab;touch-action:none}.melody-grid-note:active{cursor:grabbing}.melody-grid-note.is-selected{z-index:5;border-color:#efffc1;box-shadow:0 0 0 2px #c9f43b40,0 0 12px #c9f43b47}.melody-grid-note.is-playing{z-index:7;border-color:#fff;background:linear-gradient(90deg,#dcff68,#fffbd1 48%,#c9f43b);color:#101a04;box-shadow:0 0 0 2px #c9f43b6b,0 0 18px 5px #c9f43b99}.melody-grid-note b{display:block;overflow:hidden;padding:1px 6px;font-size:8px;line-height:11px;text-overflow:clip;white-space:nowrap;pointer-events:none}.melody-grid-resize{position:absolute;z-index:2;top:0;bottom:0;width:5px;cursor:ew-resize}.melody-grid-resize.is-start{left:0}.melody-grid-resize.is-end{right:0}@media(pointer:coarse){.melody-grid-toolbar{flex-wrap:wrap;gap:7px}.melody-grid-toolbar>div:first-child{min-width:120px}.melody-grid-tools button,.melody-grid-zoom button{min-width:38px;width:38px;height:36px}.melody-grid-zoom .melody-grid-zoom-value{min-width:52px;width:auto}.melody-grid-editors{order:5;flex-basis:100%;padding-bottom:2px}.melody-grid-editors button{min-height:38px;padding:0 12px;font-size:9px}.melody-grid-editors input[type=range]{width:90px;height:28px}.melody-grid-hint{order:5;flex-basis:100%;min-height:24px;display:flex;align-items:center}.melody-grid-scroll{max-height:420px}.melody-grid-note.is-selected{overflow:visible}.melody-grid-resize{width:14px}.melody-grid-note.is-selected .melody-grid-resize:after{content:"";position:absolute;top:50%;width:4px;height:70%;min-height:12px;transform:translateY(-50%);border-radius:999px;background:#efffc1;box-shadow:0 0 5px #c9f43bcc}.melody-grid-note.is-selected .melody-grid-resize.is-start:after{left:-1px}.melody-grid-note.is-selected .melody-grid-resize.is-end:after{right:-1px}}.melody-track-picker{margin-top:10px;display:grid;grid-template-columns:110px minmax(180px,320px) 1fr;align-items:center;gap:9px;color:#abb5b5;font-size:11px}.melody-track-picker select{height:38px}.melody-track-picker small{color:#718087}.melody-analysis-settings{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:10px;margin-top:14px}.melody-analysis-settings label{display:grid;gap:6px;color:#909ca0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.melody-analysis-settings select{height:39px;font-size:11px;text-transform:none}.melody-analysis-settings .find-chords-button{min-height:39px;align-self:end;border-color:var(--accent-deep);background:linear-gradient(145deg,#d6ff51,#b7e624);color:#11180a;font-size:11px}.melody-error{margin-top:12px;padding:10px 12px;border:1px solid #77433f;border-radius:8px;background:#291718;color:#ffaaa4;font-size:11px}.melody-analysis-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding:10px 12px;border:1px solid #33434a;border-radius:8px;background:#0b1519;color:#87959a;font-size:10px}.melody-analysis-meta strong{color:var(--accent)}.harmony-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.harmony-result{min-width:0;overflow:hidden;border:1px solid #334249;border-radius:10px;background:#0b1418}.harmony-result.is-emotional{border-color:#53613e}.harmony-result.is-bold{border-color:#5b465e}.harmony-result>header{padding:11px 12px;border-bottom:1px solid var(--line);background:#0d181c}.harmony-result>header div{display:flex;justify-content:space-between;align-items:center}.harmony-result>header span{color:#dce3de;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.harmony-result>header strong{color:var(--accent);font-size:12px}.harmony-result-chords{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:5px;padding:9px}.harmony-result-chords details{position:relative;min-width:0}.harmony-result-chords summary{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #33434a;border-radius:7px;background:#101b1f;cursor:pointer;list-style:none}.harmony-result-chords summary::-webkit-details-marker{display:none}.harmony-result-chords summary b{max-width:100%;overflow:hidden;color:#e7e2d9;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.harmony-result-chords summary small{margin-top:3px;color:#829094;font-size:8px}.harmony-result-chords details[open] summary{border-color:var(--accent-deep);color:var(--accent)}.harmony-result-chords details.is-playing summary{border-color:var(--accent);background:linear-gradient(135deg,#c9f43b,#9fd51c);color:#101608;box-shadow:0 0 0 2px #c9f43b38,0 0 18px #c9f43b52;transform:translateY(-2px)}.harmony-result-chords details.is-playing summary b,.harmony-result-chords details.is-playing summary small{color:#101608}.harmony-result.is-previewing{border-color:#c9f43b8c}.harmony-result-chords ul{position:absolute;z-index:20;width:210px;margin:4px 0 0;padding:9px 9px 9px 24px;border:1px solid #52616a;border-radius:7px;background:#111d21;box-shadow:0 12px 30px #00000080;color:#aeb9ba;font-size:9px;line-height:1.45}.harmony-result footer{display:flex;gap:6px;padding:9px;border-top:1px solid var(--line)}.harmony-result footer button{flex:1;padding:0 8px}.harmony-result footer .apply-harmony{border-color:var(--accent-deep);color:var(--accent)}@media(min-width:821px)and (max-width:1600px){.app-shell{grid-template-rows:64px minmax(0,1fr) 118px}.piano-roll-header{grid-template-columns:minmax(0,1fr) auto}.piano-roll-title{grid-column:1;grid-row:1;min-width:0}.piano-octave-navigation{grid-column:2;grid-row:1}.piano-header-actions{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch;overflow-x:auto}.transport-main{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto}.transport-timeline{grid-column:1 / -1;grid-row:1}.transport-actions{grid-column:2;grid-row:2}.transport-settings{grid-column:3;grid-row:2;justify-self:start}.soundfont-status{display:none}}@media(max-width:1120px){.workspace{grid-template-columns:260px minmax(500px,1fr)}.inspector{grid-column:1 / -1;display:block;border-top:1px solid var(--line);border-left:0}.inspector-scroll{display:grid;grid-template-columns:180px 1fr 1fr;gap:20px}.inspector-scroll .rail-heading,.chord-pager,.inspector-chord{grid-column:1}.inspector-section{grid-row:1 / span 3;padding:0 18px;border-top:0;border-left:1px solid var(--line)}.inspector-section:nth-of-type(2){grid-column:2}.inspector-section:nth-of-type(3){grid-column:3}.inspector-section:nth-of-type(4){display:none}.melody-analysis-settings{grid-template-columns:repeat(3,minmax(125px,1fr))}.harmony-results{grid-template-columns:1fr}.melody-grid-toolbar{flex-wrap:wrap;gap:7px}.melody-grid-toolbar>div:first-child{order:1;min-width:120px}.melody-grid-tools{order:2}.melody-grid-zoom{order:3}.melody-grid-editors{order:4;flex-basis:100%;padding-bottom:2px}.melody-grid-hint{display:none}.melody-grid-instrument{order:5;margin-left:0}.melody-grid-instrument select{width:150px}.melody-grid-sound-status{order:5}.melody-grid-export{order:5;margin-left:auto}}@media(max-width:820px){.app-header{gap:10px;padding:0 10px}.wordmark{font-size:20px}.header-actions{gap:6px}.menu-button{display:none}.header-actions button{width:38px;padding:0;font-size:0}.header-actions button svg{width:18px;height:18px}.project-list article{grid-template-columns:minmax(0,1fr) auto}.project-card-stats{grid-column:1}.project-card-actions{grid-column:2;grid-row:1 / span 2}.member-trigger{width:38px;padding:0}.member-trigger span,.member-trigger small{display:none}.member-trigger.is-gate{width:100%;padding:0 16px}.member-trigger.is-gate span{display:inline}.app-shell{grid-template-rows:64px minmax(0,1fr) 136px}.workspace{display:block;overflow:auto}.control-rail{border-right:0;border-bottom:1px solid var(--line)}.rail-scroll{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.rail-heading,.progression-field,.field-help,.preset-label-row,.preset-select,.or-divider,.midi-drop,.rail-scroll label[for=preset-genre],.genre-select{grid-column:1 / -1}.rail-scroll label[for=preset-genre]{margin-bottom:0}.rail-scroll>.field-label:first-of-type{grid-column:1 / -1}.density-control{grid-column:1 / -1}.rail-status{display:none}.midi-drop{min-height:110px}.voice-svg{min-height:280px}.chord-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison{grid-template-columns:1fr}.comparison-arrow{display:none}.reason-strip{grid-template-columns:1fr}.reason-strip button{border-right:0;border-bottom:1px solid var(--line-soft)}.piano-roll-header{grid-template-columns:1fr}.piano-header-actions{grid-column:1;grid-row:2;width:100%;justify-self:stretch;overflow-x:auto}.piano-octave-navigation{grid-column:1;grid-row:3}.piano-label-toggle{width:34px;padding:0;font-size:0}.transport{grid-template-columns:1fr}.transport-edge{display:none}.transport-main{grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-rows:auto auto;padding:9px 12px}.transport-timeline{grid-column:1;grid-row:1}.transport-actions{grid-column:2;grid-row:1}.transport-settings{grid-column:1 / -1;grid-row:2;justify-content:flex-end;overflow-x:auto}.inspector-scroll{display:block}.inspector-section{padding:16px 0;border-left:0;border-top:1px solid var(--line)}.melody-harmony{padding:16px 12px}.melody-entry-toolbar{overflow-x:auto}.melody-entry-toolbar label{margin-left:0}.melody-analysis-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.melody-track-picker{grid-template-columns:1fr}.melody-recording-clock{grid-template-columns:1fr auto}.melody-recording-clock small{grid-column:1 / -1;justify-self:start}}@media(max-width:560px){.access-gate{align-items:start;padding:18px 12px}.access-gate-card{padding:26px 20px;border-radius:15px}.access-gate-brand{margin-bottom:22px}.access-gate-trust{gap:12px}.access-gate-actions{grid-template-columns:1fr}.membership-backdrop,.project-backdrop{align-items:end;padding:0}.project-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.project-heading{padding:25px 52px 17px 20px}.project-save-as{padding:16px 20px}.project-save-as>div{grid-template-columns:1fr}.project-list{padding:14px 20px 22px}.project-list article{grid-template-columns:minmax(0,1fr);gap:10px}.project-card-stats,.project-card-actions{grid-column:1;grid-row:auto}.project-card-actions button:first-child{flex:1}.membership-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.membership-heading{padding:26px 52px 18px 20px}.membership-content{padding:20px}.membership-config-note,.membership-notice{margin-right:20px;margin-left:20px}.membership-register-form,.membership-plans{grid-template-columns:1fr}.membership-register-form .is-wide{grid-column:1}.membership-account-actions{grid-template-columns:1fr}.member-summary{grid-template-columns:38px minmax(0,1fr)}.member-summary>svg,.member-summary img{width:38px;height:38px}.member-summary em{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}